From e2ffcf8a153c6a7127abac6102cb592878395a23 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Fri, 14 Jul 2023 14:53:11 +1000
Subject: [PATCH 01/11] Restructure examples directory to support multiple
 examples

---
 example/App.tsx                 | 135 --------------------------------
 examples/App.tsx                |  47 +++++++++++
 examples/components/Output.tsx  |  14 ++++
 {example => examples}/index.tsx |   0
 examples/kitchen-sink/index.tsx | 133 +++++++++++++++++++++++++++++++
 {example => examples}/style.css |  61 ++++++++++++---
 index.html                      |   6 +-
 package.json                    |   1 +
 yarn.lock                       |  12 +++
 9 files changed, 259 insertions(+), 150 deletions(-)
 delete mode 100644 example/App.tsx
 create mode 100644 examples/App.tsx
 create mode 100644 examples/components/Output.tsx
 rename {example => examples}/index.tsx (100%)
 create mode 100644 examples/kitchen-sink/index.tsx
 rename {example => examples}/style.css (57%)

diff --git a/example/App.tsx b/example/App.tsx
deleted file mode 100644
index 4f136a7..0000000
--- a/example/App.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { SubmitHandler, useForm, ControlledField, controlled, fieldErrors, getValue, Errors } from '@stevent-team/react-zoom-form'
-import { z } from 'zod'
-
-// Define the structure and validation of your form
-const schema = z.object({
-  requiredString: z.string().trim().min(1, 'This field is required').default(''),
-  optionalString: z.string().trim().nullish(),
-  defaultString: z.string().trim().default('Default value'),
-  number: z.coerce.number().min(3).max(10),
-  nested: z.object({
-    inside: z.object({
-      here: z.string().trim().min(1),
-    }),
-  }).optional(),
-  array: z.array(
-    z.object({
-      prop: z.string().trim().min(1),
-    }),
-  ),
-  link: z.object({
-    label: z.string(),
-    url: z.string().url(),
-  }).default({ label: 'default from zod', url: 'https://example.com' }),
-  condition: z.boolean(),
-  conditional: z.string(),
-  radio: z.enum(['option1', 'option2', 'option3']),
-})
-
-const issueMap = (issue: z.ZodIssue) => `${issue.message} (${issue.code})`
-
-const initialValues = {
-  defaultString: 'Default value',
-}
-
-const App = () => {
-  const { fields, handleSubmit, isDirty, reset } = useForm({ schema, initialValues })
-
-  const onSubmit: SubmitHandler<typeof schema> = values => {
-    console.log(values)
-    reset(values)
-  }
-
-  return <form onSubmit={handleSubmit(onSubmit)}>
-    <label htmlFor={fields.requiredString.name()}>Required string</label>
-    <input {...fields.requiredString.register()} id={fields.requiredString.name()} type="text" />
-    <Errors field={fields.requiredString} issueMap={issueMap} className="error" />
-
-    <label htmlFor={fields.optionalString.name()}>Optional string</label>
-    <input {...fields.optionalString.register()} id={fields.optionalString.name()} type="text" />
-    <Errors field={fields.optionalString} issueMap={issueMap} className="error" />
-
-    <label htmlFor={fields.defaultString.name()}>Default string</label>
-    <input {...fields.defaultString.register()} id={fields.defaultString.name()} type="text" />
-    <Errors field={fields.defaultString} issueMap={issueMap} className="error" />
-
-    <label htmlFor={fields.nested.inside.here.name()}>Nested string</label>
-    <input {...fields.nested.inside.here.register()} id={fields.nested.inside.here.name()} type="text" />
-    <Errors field={fields.nested} issueMap={issueMap} className="error" />
-
-    <label htmlFor={fields.array[0].prop.name()}>Array value</label>
-    <input {...fields.array[0].prop.register()} id={fields.array[0].prop.name()} type="text" />
-    <Errors field={fields.array} issueMap={issueMap} className="error" />
-
-    <label htmlFor={fields.number.name()}>Number</label>
-    <input {...fields.number.register()} id={fields.number.name()} type="number" />
-    <Errors field={fields.number} issueMap={issueMap} className="error" />
-
-    <label>Link (custom component)</label>
-    <LinkField field={controlled(fields.link)} />
-
-    <label style={{ marginBlock: '1em' }}>
-      <input {...fields.condition.register()} type="checkbox" />
-      <span>Show conditional field?</span>
-    </label>
-    <Errors field={fields.condition} issueMap={issueMap} className="error" />
-
-    {getValue(fields.condition) && <>
-      <label htmlFor={fields.conditional.name()}>Conditional field</label>
-      <input {...fields.conditional.register()} id={fields.conditional.name()} type="text" />
-      <Errors field={fields.conditional} issueMap={issueMap} className="error" />
-    </>}
-
-    <label>Radio field</label>
-    <label>
-      <input {...fields.radio.register()} value="option1" type="radio" />
-      <span>Option 1</span>
-    </label>
-    <label>
-      <input {...fields.radio.register()} value="option2" type="radio" />
-      <span>Option 2</span>
-    </label>
-    <label>
-      <input {...fields.radio.register()} value="option3" type="radio" />
-      <span>Option 3</span>
-    </label>
-    <Errors field={fields.radio} issueMap={issueMap} className="error" />
-
-    <button>Save changes</button>
-
-    <output>
-      <div>isDirty: {isDirty ? 'true' : 'false'}</div>
-      <div>value: {JSON.stringify(getValue(fields), null, 2)}</div>
-      <div>errors: {JSON.stringify(fieldErrors(fields), null, 2)}</div>
-    </output>
-  </form>
-}
-
-interface Link {
-  label: string
-  url: string
-}
-
-const LinkField = ({ field }: { field: ControlledField<Link> }) => {
-  const { value, onChange, errors } = field
-
-  return <>
-    <div style={{ display: 'flex', gap: '.5em' }}>
-      <input
-        type="text"
-        placeholder="Label"
-        value={value?.label ?? ''}
-        onChange={e => onChange({ ...value, label: e.currentTarget.value })}
-      />
-      <input
-        type="url"
-        placeholder="URL"
-        value={value?.url ?? ''}
-        onChange={e => onChange({ ...value, url: e.currentTarget.value })}
-      />
-    </div>
-    {errors.length > 0 && <span className="error">{errors.map(e => `${e.message} (${e.code})`).join(', ')}</span>}
-  </>
-}
-
-export default App
diff --git a/examples/App.tsx b/examples/App.tsx
new file mode 100644
index 0000000..fb03448
--- /dev/null
+++ b/examples/App.tsx
@@ -0,0 +1,47 @@
+import { Route, Switch, Link, useLocation } from 'wouter'
+import KitchenSink from './kitchen-sink'
+
+interface Example {
+  name: string
+  path: string
+  component: () => JSX.Element
+}
+
+const EXAMPLES: Example[] = [
+  {
+    name: 'Kitchen Sink',
+    path: '/kitchen-sink',
+    component: KitchenSink,
+  },
+]
+
+const App = () => {
+  const [location] = useLocation()
+
+  return <>
+    <nav>
+      {'🏎️ '}<a href="https://github.com/stevent-team/react-zoom-form" target="_blank" rel="nofollow noreferrer">React Zoom Form</a>
+      <h2>Examples</h2>
+      <ul>
+        {EXAMPLES.map(example => {
+          const active = location.startsWith(example.path)
+
+          return <li key={example.path} className={active ? 'active' : undefined}>
+            {active ? <span>{example.name}</span> : <Link to={example.path}>{example.name}</Link>}
+            {' '}(<a href={`https://github.com/stevent-team/react-zoom-form/blob/main/examples${example.path}/index.tsx`} target="_blank" rel="nofollow noreferrer">code</a>)
+          </li>
+        })}
+      </ul>
+    </nav>
+
+    <main>
+      <Switch>
+        {EXAMPLES.map(example => <Route key={example.path} path={example.path} component={example.component} />)}
+
+        <Route>Example not found</Route>
+      </Switch>
+    </main>
+  </>
+}
+
+export default App
diff --git a/examples/components/Output.tsx b/examples/components/Output.tsx
new file mode 100644
index 0000000..b8f79bd
--- /dev/null
+++ b/examples/components/Output.tsx
@@ -0,0 +1,14 @@
+import { Field, fieldErrors, getValue } from '@stevent-team/react-zoom-form'
+
+interface OutputProps {
+  isDirty: boolean
+  fields: Field
+}
+
+const Output = ({ isDirty, fields }: OutputProps) => <output>
+  <div><strong>isDirty:</strong> {isDirty ? 'true' : 'false'}</div>
+  <div><strong>value:</strong> {JSON.stringify(getValue(fields), null, 2)}</div>
+  <div><strong>errors:</strong> {JSON.stringify(fieldErrors(fields), null, 2)}</div>
+</output>
+
+export default Output
diff --git a/example/index.tsx b/examples/index.tsx
similarity index 100%
rename from example/index.tsx
rename to examples/index.tsx
diff --git a/examples/kitchen-sink/index.tsx b/examples/kitchen-sink/index.tsx
new file mode 100644
index 0000000..3a390c6
--- /dev/null
+++ b/examples/kitchen-sink/index.tsx
@@ -0,0 +1,133 @@
+import { SubmitHandler, useForm, ControlledField, controlled, getValue, Errors } from '@stevent-team/react-zoom-form'
+import { z } from 'zod'
+import Output from '../components/Output'
+
+const schema = z.object({
+  requiredString: z.string().trim().min(1, 'This field is required').default(''),
+  optionalString: z.string().trim().nullish(),
+  defaultString: z.string().trim().default('Default value'),
+  number: z.coerce.number().min(3).max(10),
+  nested: z.object({
+    inside: z.object({
+      here: z.string().trim().min(1),
+    }),
+  }).optional(),
+  array: z.array(
+    z.object({
+      prop: z.string().trim().min(1),
+    }),
+  ),
+  link: z.object({
+    label: z.string(),
+    url: z.string().url(),
+  }).default({ label: 'default from zod', url: 'https://example.com' }),
+  condition: z.boolean(),
+  conditional: z.string(),
+  radio: z.enum(['option1', 'option2', 'option3']),
+})
+
+const issueMap = (issue: z.ZodIssue) => `${issue.message} (${issue.code})`
+
+const initialValues = {
+  defaultString: 'Default value',
+}
+
+const KitchenSink = () => {
+  const { fields, handleSubmit, isDirty, reset } = useForm({ schema, initialValues })
+
+  const onSubmit: SubmitHandler<typeof schema> = values => {
+    console.log(values)
+    reset(values)
+  }
+
+  return <>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <label htmlFor={fields.requiredString.name()}>Required string</label>
+      <input {...fields.requiredString.register()} id={fields.requiredString.name()} type="text" />
+      <Errors field={fields.requiredString} issueMap={issueMap} className="error" />
+
+      <label htmlFor={fields.optionalString.name()}>Optional string</label>
+      <input {...fields.optionalString.register()} id={fields.optionalString.name()} type="text" />
+      <Errors field={fields.optionalString} issueMap={issueMap} className="error" />
+
+      <label htmlFor={fields.defaultString.name()}>Default string</label>
+      <input {...fields.defaultString.register()} id={fields.defaultString.name()} type="text" />
+      <Errors field={fields.defaultString} issueMap={issueMap} className="error" />
+
+      <label htmlFor={fields.nested.inside.here.name()}>Nested string</label>
+      <input {...fields.nested.inside.here.register()} id={fields.nested.inside.here.name()} type="text" />
+      <Errors field={fields.nested} issueMap={issueMap} className="error" />
+
+      <label htmlFor={fields.array[0].prop.name()}>Array value</label>
+      <input {...fields.array[0].prop.register()} id={fields.array[0].prop.name()} type="text" />
+      <Errors field={fields.array} issueMap={issueMap} className="error" />
+
+      <label htmlFor={fields.number.name()}>Number</label>
+      <input {...fields.number.register()} id={fields.number.name()} type="number" />
+      <Errors field={fields.number} issueMap={issueMap} className="error" />
+
+      <label>Link (custom component)</label>
+      <LinkField field={controlled(fields.link)} />
+
+      <label style={{ marginBlock: '1em' }}>
+        <input {...fields.condition.register()} type="checkbox" />
+        <span>Show conditional field?</span>
+      </label>
+      <Errors field={fields.condition} issueMap={issueMap} className="error" />
+
+      {getValue(fields.condition) && <>
+        <label htmlFor={fields.conditional.name()}>Conditional field</label>
+        <input {...fields.conditional.register()} id={fields.conditional.name()} type="text" />
+        <Errors field={fields.conditional} issueMap={issueMap} className="error" />
+      </>}
+
+      <label>Radio field</label>
+      <label>
+        <input {...fields.radio.register()} value="option1" type="radio" />
+        <span>Option 1</span>
+      </label>
+      <label>
+        <input {...fields.radio.register()} value="option2" type="radio" />
+        <span>Option 2</span>
+      </label>
+      <label>
+        <input {...fields.radio.register()} value="option3" type="radio" />
+        <span>Option 3</span>
+      </label>
+      <Errors field={fields.radio} issueMap={issueMap} className="error" />
+
+      <button>Save changes</button>
+    </form>
+
+    <Output isDirty={isDirty} fields={fields} />
+  </>
+}
+
+interface Link {
+  label: string
+  url: string
+}
+
+const LinkField = ({ field }: { field: ControlledField<Link> }) => {
+  const { value, onChange, errors } = field
+
+  return <>
+    <div style={{ display: 'flex', gap: '.5em' }}>
+      <input
+        type="text"
+        placeholder="Label"
+        value={value?.label ?? ''}
+        onChange={e => onChange({ ...value, label: e.currentTarget.value })}
+      />
+      <input
+        type="url"
+        placeholder="URL"
+        value={value?.url ?? ''}
+        onChange={e => onChange({ ...value, url: e.currentTarget.value })}
+      />
+    </div>
+    {errors.length > 0 && <span className="error">{errors.map(e => `${e.message} (${e.code})`).join(', ')}</span>}
+  </>
+}
+
+export default KitchenSink
diff --git a/example/style.css b/examples/style.css
similarity index 57%
rename from example/style.css
rename to examples/style.css
index 0e6b1a1..38739be 100644
--- a/example/style.css
+++ b/examples/style.css
@@ -3,19 +3,48 @@
 }
 
 body {
-  display: flex;
   margin: 0;
+  font-family: sans-serif;
+}
+
+#app {
+  display: flex;
   padding: 2em;
   box-sizing: border-box;
-  flex-direction: column;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
   min-height: 100vh;
-  font-family: sans-serif;
+  gap: 2em;
+  flex-wrap: wrap;
+}
+
+nav h2 {
+  margin-block-start: .3rem;
+}
+
+nav li {
+  line-height: 1.5;
+}
+
+nav li.active span {
+  font-weight: 600;
+}
+
+main {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  gap: 0 2em;
+  flex-wrap: wrap;
 }
 
-form {
-  min-width: 300px;
+h1 {
+  margin-block-start: 0;
+}
+
+form, output {
+  width: 500px;
+  max-width: calc(100vw - 4em);
 }
 
 form > label {
@@ -43,17 +72,25 @@ button {
   color: darkred;
 }
 
-@media (prefers-color-scheme: dark) {
-  .error {
-    color: lightcoral;
-  }
-}
-
 output {
   font-family: monospace;
   white-space: pre;
+  overflow-x: auto;
+  background: #EEE;
+  padding: .5em 1em;
+  box-sizing: border-box;
+  border-radius: .3em;
 }
 
 output div {
   margin-block: .5em;
 }
+
+@media (prefers-color-scheme: dark) {
+  .error {
+    color: lightcoral;
+  }
+  output {
+    background: #222;
+  }
+}
diff --git a/index.html b/index.html
index 472db98..3dafe6c 100644
--- a/index.html
+++ b/index.html
@@ -3,11 +3,11 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="./example/style.css">
-    <title>React Zoom Form Example</title>
+    <link rel="stylesheet" href="./examples/style.css">
+    <title>React Zoom Form Examples</title>
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="./example/index.tsx"></script>
+    <script type="module" src="./examples/index.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
index a4507bb..a4a47a2 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "vite": "^4.4.2",
     "vite-plugin-dts": "^3.2.0",
     "vitest": "^0.33.0",
+    "wouter": "^2.11.0",
     "zod": "^3.21.4"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index c51e770..e6cea2f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3920,6 +3920,11 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+use-sync-external-store@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
+  integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
+
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -4111,6 +4116,13 @@ why-is-node-running@^2.2.2:
     siginfo "^2.0.0"
     stackback "0.0.2"
 
+wouter@^2.11.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/wouter/-/wouter-2.11.0.tgz#3db485dec158115b67330821e7673bf3e2f78678"
+  integrity sha512-Y2CzNCwIN8kHjR2Q10D+UAgQND6TvBNmwXxgYw5ltXjjTlL7cLDUDpCip3a927Svxrmxr6vJMcPUysFxSvriCw==
+  dependencies:
+    use-sync-external-store "^1.0.0"
+
 wrap-ansi@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"

From adab7d4670ce182af25ba82a81a4164e40762f5e Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Fri, 14 Jul 2023 15:06:07 +1000
Subject: [PATCH 02/11] Add basic example

---
 examples/App.tsx                     | 20 +++++++++++-----
 examples/{components => }/Output.tsx |  0
 examples/basic/index.tsx             | 34 ++++++++++++++++++++++++++++
 examples/kitchen-sink/index.tsx      |  2 +-
 4 files changed, 49 insertions(+), 7 deletions(-)
 rename examples/{components => }/Output.tsx (100%)
 create mode 100644 examples/basic/index.tsx

diff --git a/examples/App.tsx b/examples/App.tsx
index fb03448..f16adb6 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -1,5 +1,8 @@
 import { Route, Switch, Link, useLocation } from 'wouter'
 import KitchenSink from './kitchen-sink'
+import Basic from './basic'
+
+const GITHUB = 'https://github.com/stevent-team/react-zoom-form'
 
 interface Example {
   name: string
@@ -8,6 +11,11 @@ interface Example {
 }
 
 const EXAMPLES: Example[] = [
+  {
+    name: 'Basic',
+    path: '/basic',
+    component: Basic,
+  },
   {
     name: 'Kitchen Sink',
     path: '/kitchen-sink',
@@ -20,15 +28,15 @@ const App = () => {
 
   return <>
     <nav>
-      {'🏎️ '}<a href="https://github.com/stevent-team/react-zoom-form" target="_blank" rel="nofollow noreferrer">React Zoom Form</a>
+      {'🏎️ '}<a href={GITHUB} target="_blank" rel="nofollow noreferrer">React Zoom Form</a>
       <h2>Examples</h2>
       <ul>
-        {EXAMPLES.map(example => {
-          const active = location.startsWith(example.path)
+        {EXAMPLES.map((example, i) => {
+          const active = location === (i === 0 ? '/' : example.path)
 
           return <li key={example.path} className={active ? 'active' : undefined}>
-            {active ? <span>{example.name}</span> : <Link to={example.path}>{example.name}</Link>}
-            {' '}(<a href={`https://github.com/stevent-team/react-zoom-form/blob/main/examples${example.path}/index.tsx`} target="_blank" rel="nofollow noreferrer">code</a>)
+            {active ? <span>{example.name}</span> : <Link to={i === 0 ? '/' : example.path}>{example.name}</Link>}
+            {' '}(<a href={`${GITHUB}/blob/main/examples${example.path}`} target="_blank" rel="nofollow noreferrer">code</a>)
           </li>
         })}
       </ul>
@@ -36,7 +44,7 @@ const App = () => {
 
     <main>
       <Switch>
-        {EXAMPLES.map(example => <Route key={example.path} path={example.path} component={example.component} />)}
+        {EXAMPLES.map((example, i) => <Route key={example.path} path={i === 0 ? '/' : example.path} component={example.component} />)}
 
         <Route>Example not found</Route>
       </Switch>
diff --git a/examples/components/Output.tsx b/examples/Output.tsx
similarity index 100%
rename from examples/components/Output.tsx
rename to examples/Output.tsx
diff --git a/examples/basic/index.tsx b/examples/basic/index.tsx
new file mode 100644
index 0000000..3d91df7
--- /dev/null
+++ b/examples/basic/index.tsx
@@ -0,0 +1,34 @@
+import { SubmitHandler, useForm, Errors } from '@stevent-team/react-zoom-form'
+import { z } from 'zod'
+import Output from '../Output'
+
+const schema = z.object({
+  name: z.string().min(1, 'Name is required'),
+  age: z.coerce.number().min(13),
+})
+
+const Basic = () => {
+  const { fields, handleSubmit, isDirty } = useForm({ schema })
+
+  const onSubmit: SubmitHandler<typeof schema> = values => {
+    console.log(values)
+  }
+
+  return <>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <label htmlFor={fields.name.name()}>Name</label>
+      <input {...fields.name.register()} id={fields.name.name()} type="text" />
+      <Errors field={fields.name} className="error" />
+
+      <label htmlFor={fields.age.name()}>Age</label>
+      <input {...fields.age.register()} id={fields.age.name()} type="number" />
+      <Errors field={fields.age} className="error" />
+
+      <button>Save changes</button>
+    </form>
+
+    <Output isDirty={isDirty} fields={fields} />
+  </>
+}
+
+export default Basic
diff --git a/examples/kitchen-sink/index.tsx b/examples/kitchen-sink/index.tsx
index 3a390c6..db8c98e 100644
--- a/examples/kitchen-sink/index.tsx
+++ b/examples/kitchen-sink/index.tsx
@@ -1,6 +1,6 @@
 import { SubmitHandler, useForm, ControlledField, controlled, getValue, Errors } from '@stevent-team/react-zoom-form'
 import { z } from 'zod'
-import Output from '../components/Output'
+import Output from '../Output'
 
 const schema = z.object({
   requiredString: z.string().trim().min(1, 'This field is required').default(''),

From 0dd100b4a67be2567e1770f138b8c766a5223512 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Fri, 14 Jul 2023 15:30:31 +1000
Subject: [PATCH 03/11] Move tests under examples directory

---
 examples/App.tsx                        | 12 +++-
 examples/basic/basic.test.tsx           | 69 ++++++++++++++++++++
 examples/basic/index.tsx                |  8 +--
 test/setup.ts => examples/setupTests.ts |  0
 lib/useForm.ts                          |  2 +-
 test/basic.test.tsx                     | 86 -------------------------
 vite.config.ts                          |  2 +-
 7 files changed, 83 insertions(+), 96 deletions(-)
 create mode 100644 examples/basic/basic.test.tsx
 rename test/setup.ts => examples/setupTests.ts (100%)
 delete mode 100644 test/basic.test.tsx

diff --git a/examples/App.tsx b/examples/App.tsx
index f16adb6..36ae795 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -1,13 +1,14 @@
 import { Route, Switch, Link, useLocation } from 'wouter'
 import KitchenSink from './kitchen-sink'
 import Basic from './basic'
+import { SubmitHandler } from '@stevent-team/react-zoom-form'
 
 const GITHUB = 'https://github.com/stevent-team/react-zoom-form'
 
 interface Example {
   name: string
   path: string
-  component: () => JSX.Element
+  component: ({ onSubmit }: { onSubmit: SubmitHandler }) => JSX.Element
 }
 
 const EXAMPLES: Example[] = [
@@ -23,6 +24,11 @@ const EXAMPLES: Example[] = [
   },
 ]
 
+// Shared submit handler
+const onSubmit: SubmitHandler = values => {
+  console.log(values)
+}
+
 const App = () => {
   const [location] = useLocation()
 
@@ -44,7 +50,9 @@ const App = () => {
 
     <main>
       <Switch>
-        {EXAMPLES.map((example, i) => <Route key={example.path} path={i === 0 ? '/' : example.path} component={example.component} />)}
+        {EXAMPLES.map((example, i) => <Route key={example.path} path={i === 0 ? '/' : example.path}>
+          <example.component onSubmit={onSubmit} />
+        </Route>)}
 
         <Route>Example not found</Route>
       </Switch>
diff --git a/examples/basic/basic.test.tsx b/examples/basic/basic.test.tsx
new file mode 100644
index 0000000..c5cca8c
--- /dev/null
+++ b/examples/basic/basic.test.tsx
@@ -0,0 +1,69 @@
+import { describe, it, expect, vi } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { z } from 'zod'
+import { SubmitHandler } from '@stevent-team/react-zoom-form'
+import userEvent from '@testing-library/user-event'
+import Basic, { schema } from '.'
+
+
+describe('Simple flat form with text values', () => {
+  const setup = (onSubmit?: SubmitHandler<typeof schema>) => ({
+    user: userEvent.setup(),
+    ...render(<Basic onSubmit={onSubmit ?? (() => void {})} />)
+  })
+
+  it('renders inputs with the given names', async () => {
+    // Render the form
+    const { container } = setup()
+
+    // Look for the inputs
+    for (const inputName of Object.keys(schema.shape)) {
+      const input = container.querySelector(`#${inputName}`)
+      expect(input?.getAttribute('name')).toBe(inputName)
+    }
+  })
+
+  it('submit recieves registered values', async () => {
+    // Render form + track values
+    let formValues = null
+    const { user, container } = setup((values: z.infer<typeof schema>) => {
+      formValues = values
+    })
+
+    const submitButton = screen.getByRole('button')
+    const nameInput = container.querySelector('#name')
+    const ageInput = container.querySelector('#age')
+
+    expect(nameInput).not.toBeNull()
+    expect(ageInput).not.toBeNull()
+
+    await user.type(nameInput as Element, 'john')
+    await user.type(ageInput as Element, '18')
+    await user.click(submitButton)
+
+    expect(formValues).toBeTruthy()
+    expect(formValues).toEqual({
+      name: 'john',
+      age: 18,
+    })
+  })
+
+  it('validates missing fields', async () => {
+    // Render form + spy on submissions
+    const onSubmit = vi.fn()
+    const { user, container } = setup(onSubmit)
+
+    // Enter a name but not an age
+    const submitButton = screen.getByRole('button')
+    const nameInput = container.querySelector('#name')
+    await user.type(nameInput as Element, 'john')
+    await user.click(submitButton)
+
+    // Validation should fail because missing age
+    // thus shouldn't call on submit
+    expect(onSubmit).not.toHaveBeenCalled()
+
+    // Should show errors
+    expect(container.querySelectorAll('.error')).toHaveLength(1)
+  })
+})
diff --git a/examples/basic/index.tsx b/examples/basic/index.tsx
index 3d91df7..32d888a 100644
--- a/examples/basic/index.tsx
+++ b/examples/basic/index.tsx
@@ -2,18 +2,14 @@ import { SubmitHandler, useForm, Errors } from '@stevent-team/react-zoom-form'
 import { z } from 'zod'
 import Output from '../Output'
 
-const schema = z.object({
+export const schema = z.object({
   name: z.string().min(1, 'Name is required'),
   age: z.coerce.number().min(13),
 })
 
-const Basic = () => {
+const Basic = ({ onSubmit }: { onSubmit: SubmitHandler<typeof schema> }) => {
   const { fields, handleSubmit, isDirty } = useForm({ schema })
 
-  const onSubmit: SubmitHandler<typeof schema> = values => {
-    console.log(values)
-  }
-
   return <>
     <form onSubmit={handleSubmit(onSubmit)}>
       <label htmlFor={fields.name.name()}>Name</label>
diff --git a/test/setup.ts b/examples/setupTests.ts
similarity index 100%
rename from test/setup.ts
rename to examples/setupTests.ts
diff --git a/lib/useForm.ts b/lib/useForm.ts
index 49989ee..af1bf8f 100644
--- a/lib/useForm.ts
+++ b/lib/useForm.ts
@@ -34,7 +34,7 @@ export interface UseFormReturn<Schema extends z.AnyZodObject> {
   reset: (values?: RecursivePartial<z.TypeOf<Schema>>) => void
 }
 
-export type SubmitHandler<Schema extends z.AnyZodObject> = (values: z.infer<Schema>) => void
+export type SubmitHandler<Schema extends z.AnyZodObject = z.AnyZodObject> = (values: z.infer<Schema>) => void
 
 export type FieldRefs = Record<string, { path: PathSegment[], ref: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement }>
 
diff --git a/test/basic.test.tsx b/test/basic.test.tsx
deleted file mode 100644
index 0f4564b..0000000
--- a/test/basic.test.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { describe, it, expect, vi } from 'vitest'
-import { render, screen } from '@testing-library/react'
-import { z } from 'zod'
-import { Errors, SubmitHandler, useForm } from '@stevent-team/react-zoom-form'
-import userEvent from '@testing-library/user-event'
-
-const schema = z.object({
-  givenName: z.string().min(1, 'Field is required').default(''),
-  familyName: z.string().min(1, 'Field is required').default(''),
-})
-
-const BasicForm = ({ onSubmit }: { onSubmit: SubmitHandler<typeof schema> }) => {
-  const { fields, handleSubmit } = useForm({ schema })
-
-  return <form onSubmit={handleSubmit(onSubmit)}>
-    <input {...fields.givenName.register()} type="text" placeholder="givenName" />
-    <Errors field={fields.givenName} className="error" role="alert" />
-
-    <input {...fields.familyName.register()} type="text" placeholder="familyName" />
-    <Errors field={fields.familyName} className="error" role="alert" />
-
-    <button type="submit">Submit</button>
-  </form>
-}
-
-
-describe('Simple flat form with text values', () => {
-
-  const setup = (onSubmit?: SubmitHandler<typeof schema>) => ({
-    user: userEvent.setup(),
-    ...render(<BasicForm onSubmit={onSubmit ?? (() => void {})} />)
-  })
-
-  it('renders inputs with the given names', async () => {
-    // Render the form
-    setup()
-
-    // Look for the inputs
-    for (const inputName of Object.keys(schema.shape)) {
-      const input = screen.getByPlaceholderText(inputName)
-      expect(input.getAttribute('name')).toBe(inputName)
-    }
-  })
-
-  it('submit recieves registered values', async () => {
-    // Render form + track values
-    let formValues = null
-    const { user } = setup((values: z.infer<typeof schema>) => {
-      formValues = values
-    })
-
-    const submitButton = screen.getByRole('button')
-    const givenNameInput = screen.getByPlaceholderText('givenName')
-    const familyNameInput = screen.getByPlaceholderText('familyName')
-
-    await user.type(givenNameInput, 'john')
-    await user.type(familyNameInput, 'green')
-    await user.click(submitButton)
-
-    expect(formValues).toBeTruthy()
-    expect(formValues).toEqual({
-      givenName: 'john',
-      familyName: 'green',
-    })
-  })
-
-  it('validates missing fields', async () => {
-    // Render form + spy on submissions
-    const onSubmit = vi.fn()
-    const { user } = setup(onSubmit)
-
-    // Enter a given name but not a family name
-    const submitButton = screen.getByRole('button')
-    const givenNameInput = screen.getByPlaceholderText('givenName')
-    await user.type(givenNameInput, 'john')
-    await user.click(submitButton)
-
-    // Validation should fail because missing familyName
-    // thus shouldn't call on submit
-    expect(onSubmit).not.toHaveBeenCalled()
-
-    // Should show errors
-    expect(screen.getAllByRole('alert')).toHaveLength(1)
-    expect(screen.getByText(/field is required/i)).toBeTruthy()
-  })
-})
diff --git a/vite.config.ts b/vite.config.ts
index 17135c3..5c4c51d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -34,6 +34,6 @@ export default defineConfig({
   test: {
     environment: 'happy-dom',
     globals: true,
-    setupFiles: './test/setup.ts',
+    setupFiles: './examples/setupTests.ts',
   }
 })

From 32049d76e520f7081f8e8f41100fbfa32dacf988 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Fri, 14 Jul 2023 15:43:58 +1000
Subject: [PATCH 04/11] Command to build examples

---
 package.json   |  1 +
 vercel.json    |  5 +++++
 vite.config.ts | 36 +++++++++++++++++++-----------------
 3 files changed, 25 insertions(+), 17 deletions(-)
 create mode 100644 vercel.json

diff --git a/package.json b/package.json
index a4a47a2..5410625 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
+    "build:examples": "tsc && vite build -m examples",
     "test": "vitest",
     "lint": "eslint lib test example --max-warnings 0",
     "ci:release": "yarn build && yarn changeset publish"
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..59fd940
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,5 @@
+{
+  "rewrites":  [
+    {"source": "/(.*)", "destination": "/"}
+  ]
+}
diff --git a/vite.config.ts b/vite.config.ts
index 5c4c51d..56be85e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -3,10 +3,10 @@ import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import dts from 'vite-plugin-dts'
 
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   plugins: [
     react(),
-    dts({ insertTypesEntry: true, include: 'lib/**' }),
+    ...mode !== 'examples' ? [dts({ insertTypesEntry: true, include: 'lib/**' })] : [],
   ],
   resolve: {
     alias: {
@@ -14,21 +14,23 @@ export default defineConfig({
     }
   },
   build: {
-    lib: {
-      entry: resolve(__dirname, 'lib/index.ts'),
-      name: 'react-zoom-form',
-      fileName: 'react-zoom-form',
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom', 'react/jsx-runtime', 'zod'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          'react/jsx-runtime': 'react/jsx-runtime',
-          zod: 'z',
+    ...mode !== 'examples' && {
+      lib: {
+        entry: resolve(__dirname, 'lib/index.ts'),
+        name: 'react-zoom-form',
+        fileName: 'react-zoom-form',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', 'zod'],
+        output: {
+          globals: {
+            react: 'React',
+            'react-dom': 'ReactDOM',
+            'react/jsx-runtime': 'react/jsx-runtime',
+            zod: 'z',
+          }
         }
-      }
+      },
     },
   },
   test: {
@@ -36,4 +38,4 @@ export default defineConfig({
     globals: true,
     setupFiles: './examples/setupTests.ts',
   }
-})
+}))

From 2f1158361012b3ab4c790b50e1ee9881b716592b Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Fri, 14 Jul 2023 15:59:20 +1000
Subject: [PATCH 05/11] Update lint directories

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

diff --git a/package.json b/package.json
index 5410625..71fb3de 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "build": "tsc && vite build",
     "build:examples": "tsc && vite build -m examples",
     "test": "vitest",
-    "lint": "eslint lib test example --max-warnings 0",
+    "lint": "eslint lib examples --max-warnings 0",
     "ci:release": "yarn build && yarn changeset publish"
   },
   "type": "module",

From dcfc76196e4b64e9d60ffb888b323e34d060a8de Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Tue, 8 Aug 2023 16:30:09 +1000
Subject: [PATCH 06/11] Upgrade deps

---
 package.json |  12 +-
 yarn.lock    | 692 +++++++++++++++++++++++++--------------------------
 2 files changed, 350 insertions(+), 354 deletions(-)

diff --git a/package.json b/package.json
index 95acf66..48ecda4 100644
--- a/package.json
+++ b/package.json
@@ -44,18 +44,18 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/react": "^18.2.18",
     "@types/react-dom": "^18.2.7",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
+    "@typescript-eslint/eslint-plugin": "^6.3.0",
+    "@typescript-eslint/parser": "^6.3.0",
     "@vitejs/plugin-react": "^4.0.4",
     "eslint": "^8.46.0",
     "eslint-plugin-react": "^7.33.1",
-    "happy-dom": "^10.5.2",
+    "happy-dom": "^10.9.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.1.5",
-    "vite": "^4.4.7",
-    "vite-plugin-dts": "^3.4.0",
-    "vitest": "^0.33.0",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^3.5.1",
+    "vitest": "^0.34.1",
     "wouter": "^2.11.0",
     "zod": "^3.21.4"
   }
diff --git a/yarn.lock b/yarn.lock
index 0d8d52e..e8576d6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8,9 +8,9 @@
   integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
 
 "@adobe/css-tools@^4.0.1":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.2.0.tgz#e1a84fca468f4b337816fcb7f0964beb620ba855"
-  integrity sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.0.tgz#1991d273fb29edbd2f63060f5bdaf0af26aa64e3"
+  integrity sha512-+RNNcQvw2V1bmnBTPAtOLfW/9mhH2vC67+rUSi5T8EtEWt6lEnGNY2GuhZ1/YwbgikT1TkhvidCDmN5Q5YCo/w==
 
 "@ampproject/remapping@^2.2.0":
   version "2.2.1"
@@ -20,12 +20,13 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
-  integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.22.10", "@babel/code-frame@^7.22.5":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.10.tgz#1c20e612b768fefa75f6e90d6ecb86329247f0a3"
+  integrity sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==
   dependencies:
-    "@babel/highlight" "^7.22.5"
+    "@babel/highlight" "^7.22.10"
+    chalk "^2.4.2"
 
 "@babel/compat-data@^7.22.9":
   version "7.22.9"
@@ -33,40 +34,40 @@
   integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
 
 "@babel/core@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.9.tgz#bd96492c68822198f33e8a256061da3cf391f58f"
-  integrity sha512-G2EgeufBcYw27U4hhoIwFcgc1XU7TlXJ3mv04oOv1WCuo900U/anZSPzEqNjwdjgffkk2Gs0AN0dW1CKVLcG7w==
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.10.tgz#aad442c7bcd1582252cb4576747ace35bc122f35"
+  integrity sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.22.5"
-    "@babel/generator" "^7.22.9"
-    "@babel/helper-compilation-targets" "^7.22.9"
+    "@babel/code-frame" "^7.22.10"
+    "@babel/generator" "^7.22.10"
+    "@babel/helper-compilation-targets" "^7.22.10"
     "@babel/helper-module-transforms" "^7.22.9"
-    "@babel/helpers" "^7.22.6"
-    "@babel/parser" "^7.22.7"
+    "@babel/helpers" "^7.22.10"
+    "@babel/parser" "^7.22.10"
     "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.8"
-    "@babel/types" "^7.22.5"
+    "@babel/traverse" "^7.22.10"
+    "@babel/types" "^7.22.10"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.2"
     semver "^6.3.1"
 
-"@babel/generator@^7.22.7", "@babel/generator@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.9.tgz#572ecfa7a31002fa1de2a9d91621fd895da8493d"
-  integrity sha512-KtLMbmicyuK2Ak/FTCJVbDnkN1SlT8/kceFTiuDiiRUUSMnHMidxSCdG4ndkTOHHpoomWe/4xkvHkEOncwjYIw==
+"@babel/generator@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.10.tgz#c92254361f398e160645ac58831069707382b722"
+  integrity sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.22.10"
     "@jridgewell/gen-mapping" "^0.3.2"
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
-"@babel/helper-compilation-targets@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.9.tgz#f9d0a7aaaa7cd32a3f31c9316a69f5a9bcacb892"
-  integrity sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw==
+"@babel/helper-compilation-targets@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz#01d648bbc25dd88f513d862ee0df27b7d4e67024"
+  integrity sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==
   dependencies:
     "@babel/compat-data" "^7.22.9"
     "@babel/helper-validator-option" "^7.22.5"
@@ -146,28 +147,28 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
   integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
 
-"@babel/helpers@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.6.tgz#8e61d3395a4f0c5a8060f309fb008200969b5ecd"
-  integrity sha512-YjDs6y/fVOYFV8hAf1rxd1QvR9wJe1pDBZ2AREKq/SDayfPzgk0PBnVuTCE5X1acEpMMNOVUqoe+OwiZGJ+OaA==
+"@babel/helpers@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.10.tgz#ae6005c539dfbcb5cd71fb51bfc8a52ba63bc37a"
+  integrity sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==
   dependencies:
     "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.6"
-    "@babel/types" "^7.22.5"
+    "@babel/traverse" "^7.22.10"
+    "@babel/types" "^7.22.10"
 
-"@babel/highlight@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
-  integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
+"@babel/highlight@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.10.tgz#02a3f6d8c1cb4521b2fd0ab0da8f4739936137d7"
+  integrity sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==
   dependencies:
     "@babel/helper-validator-identifier" "^7.22.5"
-    chalk "^2.0.0"
+    chalk "^2.4.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.21.3", "@babel/parser@^7.22.5", "@babel/parser@^7.22.7":
-  version "7.22.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.7.tgz#df8cf085ce92ddbdbf668a7f186ce848c9036cae"
-  integrity sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==
+"@babel/parser@^7.21.3", "@babel/parser@^7.22.10", "@babel/parser@^7.22.5":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.10.tgz#e37634f9a12a1716136c44624ef54283cabd3f55"
+  integrity sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==
 
 "@babel/plugin-transform-react-jsx-self@^7.22.5":
   version "7.22.5"
@@ -184,11 +185,11 @@
     "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/runtime@^7.12.5", "@babel/runtime@^7.20.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.9.2":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.6.tgz#57d64b9ae3cff1d67eb067ae117dac087f5bd438"
-  integrity sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.10.tgz#ae3e9631fd947cb7e3610d3e9d8fef5f76696682"
+  integrity sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==
   dependencies:
-    regenerator-runtime "^0.13.11"
+    regenerator-runtime "^0.14.0"
 
 "@babel/template@^7.22.5":
   version "7.22.5"
@@ -199,26 +200,26 @@
     "@babel/parser" "^7.22.5"
     "@babel/types" "^7.22.5"
 
-"@babel/traverse@^7.22.6", "@babel/traverse@^7.22.8":
-  version "7.22.8"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.8.tgz#4d4451d31bc34efeae01eac222b514a77aa4000e"
-  integrity sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw==
+"@babel/traverse@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.10.tgz#20252acb240e746d27c2e82b4484f199cf8141aa"
+  integrity sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==
   dependencies:
-    "@babel/code-frame" "^7.22.5"
-    "@babel/generator" "^7.22.7"
+    "@babel/code-frame" "^7.22.10"
+    "@babel/generator" "^7.22.10"
     "@babel/helper-environment-visitor" "^7.22.5"
     "@babel/helper-function-name" "^7.22.5"
     "@babel/helper-hoist-variables" "^7.22.5"
     "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/parser" "^7.22.7"
-    "@babel/types" "^7.22.5"
+    "@babel/parser" "^7.22.10"
+    "@babel/types" "^7.22.10"
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
-  integrity sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==
+"@babel/types@^7.22.10", "@babel/types@^7.22.5":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.10.tgz#4a9e76446048f2c66982d1a989dd12b8a2d2dc03"
+  integrity sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==
   dependencies:
     "@babel/helper-string-parser" "^7.22.5"
     "@babel/helper-validator-identifier" "^7.22.5"
@@ -424,115 +425,115 @@
     human-id "^1.0.2"
     prettier "^2.7.1"
 
-"@esbuild/android-arm64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.17.tgz#9e00eb6865ed5f2dbe71a1e96f2c52254cd92903"
-  integrity sha512-9np+YYdNDed5+Jgr1TdWBsozZ85U1Oa3xW0c7TWqH0y2aGghXtZsuT8nYRbzOMcl0bXZXjOGbksoTtVOlWrRZg==
-
-"@esbuild/android-arm@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.17.tgz#1aa013b65524f4e9f794946b415b32ae963a4618"
-  integrity sha512-wHsmJG/dnL3OkpAcwbgoBTTMHVi4Uyou3F5mf58ZtmUyIKfcdA7TROav/6tCzET4A3QW2Q2FC+eFneMU+iyOxg==
-
-"@esbuild/android-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.17.tgz#c2bd0469b04ded352de011fae34a7a1d4dcecb79"
-  integrity sha512-O+FeWB/+xya0aLg23hHEM2E3hbfwZzjqumKMSIqcHbNvDa+dza2D0yLuymRBQQnC34CWrsJUXyH2MG5VnLd6uw==
-
-"@esbuild/darwin-arm64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.17.tgz#0c21a59cb5bd7a2cec66c7a42431dca42aefeddd"
-  integrity sha512-M9uJ9VSB1oli2BE/dJs3zVr9kcCBBsE883prage1NWz6pBS++1oNn/7soPNS3+1DGj0FrkSvnED4Bmlu1VAE9g==
-
-"@esbuild/darwin-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.17.tgz#92f8763ff6f97dff1c28a584da7b51b585e87a7b"
-  integrity sha512-XDre+J5YeIJDMfp3n0279DFNrGCXlxOuGsWIkRb1NThMZ0BsrWXoTg23Jer7fEXQ9Ye5QjrvXpxnhzl3bHtk0g==
-
-"@esbuild/freebsd-arm64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.17.tgz#934f74bdf4022e143ba2f21d421b50fd0fead8f8"
-  integrity sha512-cjTzGa3QlNfERa0+ptykyxs5A6FEUQQF0MuilYXYBGdBxD3vxJcKnzDlhDCa1VAJCmAxed6mYhA2KaJIbtiNuQ==
-
-"@esbuild/freebsd-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.17.tgz#16b6e90ba26ecc865eab71c56696258ec7f5d8bf"
-  integrity sha512-sOxEvR8d7V7Kw8QqzxWc7bFfnWnGdaFBut1dRUYtu+EIRXefBc/eIsiUiShnW0hM3FmQ5Zf27suDuHsKgZ5QrA==
-
-"@esbuild/linux-arm64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.17.tgz#179a58e8d4c72116eb068563629349f8f4b48072"
-  integrity sha512-c9w3tE7qA3CYWjT+M3BMbwMt+0JYOp3vCMKgVBrCl1nwjAlOMYzEo+gG7QaZ9AtqZFj5MbUc885wuBBmu6aADQ==
-
-"@esbuild/linux-arm@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.17.tgz#9d78cf87a310ae9ed985c3915d5126578665c7b5"
-  integrity sha512-2d3Lw6wkwgSLC2fIvXKoMNGVaeY8qdN0IC3rfuVxJp89CRfA3e3VqWifGDfuakPmp90+ZirmTfye1n4ncjv2lg==
-
-"@esbuild/linux-ia32@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.17.tgz#6fed202602d37361bca376c9d113266a722a908c"
-  integrity sha512-1DS9F966pn5pPnqXYz16dQqWIB0dmDfAQZd6jSSpiT9eX1NzKh07J6VKR3AoXXXEk6CqZMojiVDSZi1SlmKVdg==
-
-"@esbuild/linux-loong64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.17.tgz#cdc60304830be1e74560c704bfd72cab8a02fa06"
-  integrity sha512-EvLsxCk6ZF0fpCB6w6eOI2Fc8KW5N6sHlIovNe8uOFObL2O+Mr0bflPHyHwLT6rwMg9r77WOAWb2FqCQrVnwFg==
-
-"@esbuild/linux-mips64el@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.17.tgz#c367b2855bb0902f5576291a2049812af2088086"
-  integrity sha512-e0bIdHA5p6l+lwqTE36NAW5hHtw2tNRmHlGBygZC14QObsA3bD4C6sXLJjvnDIjSKhW1/0S3eDy+QmX/uZWEYQ==
-
-"@esbuild/linux-ppc64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.17.tgz#7fdc0083d42d64a4651711ee0a7964f489242f45"
-  integrity sha512-BAAilJ0M5O2uMxHYGjFKn4nJKF6fNCdP1E0o5t5fvMYYzeIqy2JdAP88Az5LHt9qBoUa4tDaRpfWt21ep5/WqQ==
-
-"@esbuild/linux-riscv64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.17.tgz#5198a417f3f5b86b10c95647b8bc032e5b6b2b1c"
-  integrity sha512-Wh/HW2MPnC3b8BqRSIme/9Zhab36PPH+3zam5pqGRH4pE+4xTrVLx2+XdGp6fVS3L2x+DrsIcsbMleex8fbE6g==
-
-"@esbuild/linux-s390x@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.17.tgz#7459c2fecdee2d582f0697fb76a4041f4ad1dd1e"
-  integrity sha512-j/34jAl3ul3PNcK3pfI0NSlBANduT2UO5kZ7FCaK33XFv3chDhICLY8wJJWIhiQ+YNdQ9dxqQctRg2bvrMlYgg==
-
-"@esbuild/linux-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.17.tgz#948cdbf46d81c81ebd7225a7633009bc56a4488c"
-  integrity sha512-QM50vJ/y+8I60qEmFxMoxIx4de03pGo2HwxdBeFd4nMh364X6TIBZ6VQ5UQmPbQWUVWHWws5MmJXlHAXvJEmpQ==
-
-"@esbuild/netbsd-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.17.tgz#6bb89668c0e093c5a575ded08e1d308bd7fd63e7"
-  integrity sha512-/jGlhWR7Sj9JPZHzXyyMZ1RFMkNPjC6QIAan0sDOtIo2TYk3tZn5UDrkE0XgsTQCxWTTOcMPf9p6Rh2hXtl5TQ==
-
-"@esbuild/openbsd-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.17.tgz#abac2ae75fef820ef6c2c48da4666d092584c79d"
-  integrity sha512-rSEeYaGgyGGf4qZM2NonMhMOP/5EHp4u9ehFiBrg7stH6BYEEjlkVREuDEcQ0LfIl53OXLxNbfuIj7mr5m29TA==
-
-"@esbuild/sunos-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.17.tgz#74a45fe1db8ea96898f1a9bb401dcf1dadfc8371"
-  integrity sha512-Y7ZBbkLqlSgn4+zot4KUNYst0bFoO68tRgI6mY2FIM+b7ZbyNVtNbDP5y8qlu4/knZZ73fgJDlXID+ohY5zt5g==
-
-"@esbuild/win32-arm64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.17.tgz#fd95ffd217995589058a4ed8ac17ee72a3d7f615"
-  integrity sha512-bwPmTJsEQcbZk26oYpc4c/8PvTY3J5/QK8jM19DVlEsAB41M39aWovWoHtNm78sd6ip6prilxeHosPADXtEJFw==
-
-"@esbuild/win32-ia32@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.17.tgz#9b7ef5d0df97593a80f946b482e34fcba3fa4aaf"
-  integrity sha512-H/XaPtPKli2MhW+3CQueo6Ni3Avggi6hP/YvgkEe1aSaxw+AeO8MFjq8DlgfTd9Iz4Yih3QCZI6YLMoyccnPRg==
-
-"@esbuild/win32-x64@0.18.17":
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.17.tgz#bcb2e042631b3c15792058e189ed879a22b2968b"
-  integrity sha512-fGEb8f2BSA3CW7riJVurug65ACLuQAzKq0SSqkY2b2yHHH0MzDfbLyKIGzHwOI/gkHcxM/leuSW6D5w/LMNitA==
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
+
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
+
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
+
+"@esbuild/darwin-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
+  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
+
+"@esbuild/darwin-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
+  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
+
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
+
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
+
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
+
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
+
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
+
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
+
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
+
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
+
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
+
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
+
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
+
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
+
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
+
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
+
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
+
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
+
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
 
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
@@ -620,33 +621,28 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/resolve-uri@3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
-  integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
+  integrity sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==
 
 "@jridgewell/set-array@^1.0.1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
-"@jridgewell/sourcemap-codec@1.4.14":
-  version "1.4.14"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
-  integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
-
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.15":
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
 
 "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.18"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz#25783b2086daf6ff1dcb53c9249ae480e4dd4cd6"
-  integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
+  version "0.3.19"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz#f8a3249862f91be48d3127c3cfe992f79b4b8811"
+  integrity sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==
   dependencies:
-    "@jridgewell/resolve-uri" "3.1.0"
-    "@jridgewell/sourcemap-codec" "1.4.14"
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
 
 "@manypkg/find-root@^1.1.0":
   version "1.1.0"
@@ -893,9 +889,9 @@
   integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
 
 "@types/node@*":
-  version "20.4.5"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.5.tgz#9dc0a5cb1ccce4f7a731660935ab70b9c00a5d69"
-  integrity sha512-rt40Nk13II9JwQBdeYqmbn2Q6IVTA5uPhvSO+JVqdXw/6/4glI6oR9ezty/A9Hg5u7JH4OmYmuQ+XvjKm0Datg==
+  version "20.4.8"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.8.tgz#b5dda19adaa473a9bf0ab5cbd8f30ec7d43f5c85"
+  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
 
 "@types/node@^12.7.1":
   version "12.20.55"
@@ -962,16 +958,16 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.2.1.tgz#41b79923fee46a745a3a50cba1c33c622aa3c79a"
-  integrity sha512-iZVM/ALid9kO0+I81pnp1xmYiFyqibAHzrqX4q5YvvVEyJqY+e6rfTXSCsc2jUxGNqJqTfFSSij/NFkZBiBzLw==
+"@typescript-eslint/eslint-plugin@^6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.3.0.tgz#e751e148aab7ccaf8a7bfd370f7ce9e6bdd1f3f4"
+  integrity sha512-IZYjYZ0ifGSLZbwMqIip/nOamFiWJ9AH+T/GYNZBWkVcyNQOFGtSMoWV7RvY4poYCMZ/4lHzNl796WOSNxmk8A==
   dependencies:
     "@eslint-community/regexpp" "^4.5.1"
-    "@typescript-eslint/scope-manager" "6.2.1"
-    "@typescript-eslint/type-utils" "6.2.1"
-    "@typescript-eslint/utils" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/scope-manager" "6.3.0"
+    "@typescript-eslint/type-utils" "6.3.0"
+    "@typescript-eslint/utils" "6.3.0"
+    "@typescript-eslint/visitor-keys" "6.3.0"
     debug "^4.3.4"
     graphemer "^1.4.0"
     ignore "^5.2.4"
@@ -980,72 +976,72 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/parser@^6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.2.1.tgz#e18a31eea1cca8841a565f1701960c8123ed07f9"
-  integrity sha512-Ld+uL1kYFU8e6btqBFpsHkwQ35rw30IWpdQxgOqOh4NfxSDH6uCkah1ks8R/RgQqI5hHPXMaLy9fbFseIe+dIg==
+"@typescript-eslint/parser@^6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.3.0.tgz#359684c443f4f848db3c4f14674f544f169c8f46"
+  integrity sha512-ibP+y2Gr6p0qsUkhs7InMdXrwldjxZw66wpcQq9/PzAroM45wdwyu81T+7RibNCh8oc0AgrsyCwJByncY0Ongg==
   dependencies:
-    "@typescript-eslint/scope-manager" "6.2.1"
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/typescript-estree" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/scope-manager" "6.3.0"
+    "@typescript-eslint/types" "6.3.0"
+    "@typescript-eslint/typescript-estree" "6.3.0"
+    "@typescript-eslint/visitor-keys" "6.3.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.2.1.tgz#b6f43a867b84e5671fe531f2b762e0b68f7cf0c4"
-  integrity sha512-UCqBF9WFqv64xNsIEPfBtenbfodPXsJ3nPAr55mGPkQIkiQvgoWNo+astj9ZUfJfVKiYgAZDMnM6dIpsxUMp3Q==
+"@typescript-eslint/scope-manager@6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.3.0.tgz#6b74e338c4b88d5e1dfc1a28c570dd5cf8c86b09"
+  integrity sha512-WlNFgBEuGu74ahrXzgefiz/QlVb+qg8KDTpknKwR7hMH+lQygWyx0CQFoUmMn1zDkQjTBBIn75IxtWss77iBIQ==
   dependencies:
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/types" "6.3.0"
+    "@typescript-eslint/visitor-keys" "6.3.0"
 
-"@typescript-eslint/type-utils@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.2.1.tgz#8eb8a2cccdf39cd7cf93e02bd2c3782dc90b0525"
-  integrity sha512-fTfCgomBMIgu2Dh2Or3gMYgoNAnQm3RLtRp+jP7A8fY+LJ2+9PNpi5p6QB5C4RSP+U3cjI0vDlI3mspAkpPVbQ==
+"@typescript-eslint/type-utils@6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.3.0.tgz#3bf89ccd36621ddec1b7f8246afe467c67adc247"
+  integrity sha512-7Oj+1ox1T2Yc8PKpBvOKWhoI/4rWFd1j7FA/rPE0lbBPXTKjdbtC+7Ev0SeBjEKkIhKWVeZSP+mR7y1Db1CdfQ==
   dependencies:
-    "@typescript-eslint/typescript-estree" "6.2.1"
-    "@typescript-eslint/utils" "6.2.1"
+    "@typescript-eslint/typescript-estree" "6.3.0"
+    "@typescript-eslint/utils" "6.3.0"
     debug "^4.3.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/types@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.2.1.tgz#7fcdeceb503aab601274bf5e210207050d88c8ab"
-  integrity sha512-528bGcoelrpw+sETlyM91k51Arl2ajbNT9L4JwoXE2dvRe1yd8Q64E4OL7vHYw31mlnVsf+BeeLyAZUEQtqahQ==
+"@typescript-eslint/types@6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.3.0.tgz#84517f1427923e714b8418981e493b6635ab4c9d"
+  integrity sha512-K6TZOvfVyc7MO9j60MkRNWyFSf86IbOatTKGrpTQnzarDZPYPVy0oe3myTMq7VjhfsUAbNUW8I5s+2lZvtx1gg==
 
-"@typescript-eslint/typescript-estree@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.2.1.tgz#2af6e90c1e91cb725a5fe1682841a3f74549389e"
-  integrity sha512-G+UJeQx9AKBHRQBpmvr8T/3K5bJa485eu+4tQBxFq0KoT22+jJyzo1B50JDT9QdC1DEmWQfdKsa8ybiNWYsi0Q==
+"@typescript-eslint/typescript-estree@6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.3.0.tgz#20e1e10e2f51cdb9e19a2751215cac92c003643c"
+  integrity sha512-Xh4NVDaC4eYKY4O3QGPuQNp5NxBAlEvNQYOqJquR2MePNxO11E5K3t5x4M4Mx53IZvtpW+mBxIT0s274fLUocg==
   dependencies:
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/types" "6.3.0"
+    "@typescript-eslint/visitor-keys" "6.3.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/utils@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.2.1.tgz#2aa4279ec13053d05615bcbde2398e1e8f08c334"
-  integrity sha512-eBIXQeupYmxVB6S7x+B9SdBeB6qIdXKjgQBge2J+Ouv8h9Cxm5dHf/gfAZA6dkMaag+03HdbVInuXMmqFB/lKQ==
+"@typescript-eslint/utils@6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.3.0.tgz#0898c5e374372c2092ca1b979ea7ee9cc020ce84"
+  integrity sha512-hLLg3BZE07XHnpzglNBG8P/IXq/ZVXraEbgY7FM0Cnc1ehM8RMdn9mat3LubJ3KBeYXXPxV1nugWbQPjGeJk6Q==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     "@types/json-schema" "^7.0.12"
     "@types/semver" "^7.5.0"
-    "@typescript-eslint/scope-manager" "6.2.1"
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/typescript-estree" "6.2.1"
+    "@typescript-eslint/scope-manager" "6.3.0"
+    "@typescript-eslint/types" "6.3.0"
+    "@typescript-eslint/typescript-estree" "6.3.0"
     semver "^7.5.4"
 
-"@typescript-eslint/visitor-keys@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.2.1.tgz#442e7c09fe94b715a54ebe30e967987c3c41fbf4"
-  integrity sha512-iTN6w3k2JEZ7cyVdZJTVJx2Lv7t6zFA8DCrJEHD2mwfc16AEvvBWVhbFh34XyG2NORCd0viIgQY1+u7kPI0WpA==
+"@typescript-eslint/visitor-keys@6.3.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.3.0.tgz#8d09aa3e389ae0971426124c155ac289afbe450a"
+  integrity sha512-kEhRRj7HnvaSjux1J9+7dBen15CdWmDnwrpyiHsFX6Qx2iW5LOBUgNefOFeh2PjWPlNwN8TOn6+4eBU3J/gupw==
   dependencies:
-    "@typescript-eslint/types" "6.2.1"
+    "@typescript-eslint/types" "6.3.0"
     eslint-visitor-keys "^3.4.1"
 
 "@vitejs/plugin-react@^4.0.4":
@@ -1058,44 +1054,44 @@
     "@babel/plugin-transform-react-jsx-source" "^7.22.5"
     react-refresh "^0.14.0"
 
-"@vitest/expect@0.33.0":
-  version "0.33.0"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.33.0.tgz#f48652591f3573ad6c2db828ad358d5c078845d3"
-  integrity sha512-sVNf+Gla3mhTCxNJx+wJLDPp/WcstOe0Ksqz4Vec51MmgMth/ia0MGFEkIZmVGeTL5HtjYR4Wl/ZxBxBXZJTzQ==
+"@vitest/expect@0.34.1":
+  version "0.34.1"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.34.1.tgz#2ba6cb96695f4b4388c6d955423a81afc79b8da0"
+  integrity sha512-q2CD8+XIsQ+tHwypnoCk8Mnv5e6afLFvinVGCq3/BOT4kQdVQmY6rRfyKkwcg635lbliLPqbunXZr+L1ssUWiQ==
   dependencies:
-    "@vitest/spy" "0.33.0"
-    "@vitest/utils" "0.33.0"
+    "@vitest/spy" "0.34.1"
+    "@vitest/utils" "0.34.1"
     chai "^4.3.7"
 
-"@vitest/runner@0.33.0":
-  version "0.33.0"
-  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.33.0.tgz#0b1a4d04ff8bc5cdad73920eac019d99550edf9d"
-  integrity sha512-UPfACnmCB6HKRHTlcgCoBh6ppl6fDn+J/xR8dTufWiKt/74Y9bHci5CKB8tESSV82zKYtkBJo9whU3mNvfaisg==
+"@vitest/runner@0.34.1":
+  version "0.34.1"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.34.1.tgz#23c21ba1db8bff610988c72744db590d0fb6c4ba"
+  integrity sha512-YfQMpYzDsYB7yqgmlxZ06NI4LurHWfrH7Wy3Pvf/z/vwUSgq1zLAb1lWcItCzQG+NVox+VvzlKQrYEXb47645g==
   dependencies:
-    "@vitest/utils" "0.33.0"
+    "@vitest/utils" "0.34.1"
     p-limit "^4.0.0"
     pathe "^1.1.1"
 
-"@vitest/snapshot@0.33.0":
-  version "0.33.0"
-  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-0.33.0.tgz#4400a90c48907808122b573053a2112a832b3698"
-  integrity sha512-tJjrl//qAHbyHajpFvr8Wsk8DIOODEebTu7pgBrP07iOepR5jYkLFiqLq2Ltxv+r0uptUb4izv1J8XBOwKkVYA==
+"@vitest/snapshot@0.34.1":
+  version "0.34.1"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-0.34.1.tgz#814c65f8e714eaf255f47838541004b2a2ba28e6"
+  integrity sha512-0O9LfLU0114OqdF8lENlrLsnn024Tb1CsS9UwG0YMWY2oGTQfPtkW+B/7ieyv0X9R2Oijhi3caB1xgGgEgclSQ==
   dependencies:
     magic-string "^0.30.1"
     pathe "^1.1.1"
     pretty-format "^29.5.0"
 
-"@vitest/spy@0.33.0":
-  version "0.33.0"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.33.0.tgz#366074d3cf9cf1ed8aeaa76e50e78c799fb242eb"
-  integrity sha512-Kv+yZ4hnH1WdiAkPUQTpRxW8kGtH8VRTnus7ZTGovFYM1ZezJpvGtb9nPIjPnptHbsyIAxYZsEpVPYgtpjGnrg==
+"@vitest/spy@0.34.1":
+  version "0.34.1"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.34.1.tgz#2f77234a3d554c5dea664943f2caaab92d304f3c"
+  integrity sha512-UT4WcI3EAPUNO8n6y9QoEqynGGEPmmRxC+cLzneFFXpmacivjHZsNbiKD88KUScv5DCHVDgdBsLD7O7s1enFcQ==
   dependencies:
     tinyspy "^2.1.1"
 
-"@vitest/utils@0.33.0":
-  version "0.33.0"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.33.0.tgz#6b9820cb8f128d649da6f78ecaa9b73d6222b277"
-  integrity sha512-pF1w22ic965sv+EN6uoePkAOTkAPWM03Ri/jXNyMIKBb/XHLDPfhLvf/Fa9g0YECevAIz56oVYXhodLvLQ/awA==
+"@vitest/utils@0.34.1":
+  version "0.34.1"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.34.1.tgz#e5545c6618775fb9a2dae2a80d94fc2f35222233"
+  integrity sha512-/ql9dsFi4iuEbiNcjNHQWXBum7aL8pyhxvfnD9gNtbjR9fUKAjxhj4AA3yfLXg6gJpMGGecvtF8Au2G9y3q47Q==
   dependencies:
     diff-sequences "^29.4.3"
     loupe "^2.3.6"
@@ -1184,7 +1180,7 @@ acorn-walk@^8.2.0:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-acorn@^8.8.2, acorn@^8.9.0:
+acorn@^8.10.0, acorn@^8.9.0:
   version "8.10.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5"
   integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
@@ -1420,9 +1416,9 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
 caniuse-lite@^1.0.30001517:
-  version "1.0.30001518"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001518.tgz#b3ca93904cb4699c01218246c4d77a71dbe97150"
-  integrity sha512-rup09/e3I0BKjncL+FesTayKtPrdwKhUufQFd3riFw1hHg8JmIFoInYfB102cFcY/pPgGmdyl/iy+jgiDi2vdA==
+  version "1.0.30001519"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001519.tgz#3e7b8b8a7077e78b0eb054d69e6edf5c7df35601"
+  integrity sha512-0QHgqR+Jv4bxHMp8kZ1Kn8CH55OikjKJ6JmKkZYP1F3D7w+lnFXF70nG5eNfsZS89jadi5Ywy5UCSKLAglIRkg==
 
 chai@^4.3.7:
   version "4.3.7"
@@ -1437,7 +1433,7 @@ chai@^4.3.7:
     pathval "^1.1.1"
     type-detect "^4.0.5"
 
-chalk@^2.0.0, chalk@^2.1.0:
+chalk@^2.1.0, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -1715,9 +1711,9 @@ dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
   integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
 
 electron-to-chromium@^1.4.477:
-  version "1.4.479"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.479.tgz#ec9f676f23d3a0b0e429bc454d25e0b3253d2118"
-  integrity sha512-ABv1nHMIR8I5n3O3Een0gr6i0mfM+YcTZqjHy3pAYaOjgFG+BMquuKrSyfYf5CbEkLr9uM05RA3pOk4udNB/aQ==
+  version "1.4.487"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.487.tgz#e2ef8b15f2791bf68fa6f38f2656f1a551d360ae"
+  integrity sha512-XbCRs/34l31np/p33m+5tdBrdXu9jJkZxSbNxj5I0H1KtV2ZMSB+i/HYqDiRzHaFx2T5EdytjoBRe8QRJE2vQg==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -1830,32 +1826,32 @@ es-to-primitive@^1.2.1:
     is-symbol "^1.0.2"
 
 esbuild@^0.18.10:
-  version "0.18.17"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.17.tgz#2aaf6bc6759b0c605777fdc435fea3969e091cad"
-  integrity sha512-1GJtYnUxsJreHYA0Y+iQz2UEykonY66HNWOb0yXYZi9/kNrORUEHVg87eQsCtqh59PEJ5YVZJO98JHznMJSWjg==
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.20.tgz#4709f5a34801b43b799ab7d6d82f7284a9b7a7a6"
+  integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
   optionalDependencies:
-    "@esbuild/android-arm" "0.18.17"
-    "@esbuild/android-arm64" "0.18.17"
-    "@esbuild/android-x64" "0.18.17"
-    "@esbuild/darwin-arm64" "0.18.17"
-    "@esbuild/darwin-x64" "0.18.17"
-    "@esbuild/freebsd-arm64" "0.18.17"
-    "@esbuild/freebsd-x64" "0.18.17"
-    "@esbuild/linux-arm" "0.18.17"
-    "@esbuild/linux-arm64" "0.18.17"
-    "@esbuild/linux-ia32" "0.18.17"
-    "@esbuild/linux-loong64" "0.18.17"
-    "@esbuild/linux-mips64el" "0.18.17"
-    "@esbuild/linux-ppc64" "0.18.17"
-    "@esbuild/linux-riscv64" "0.18.17"
-    "@esbuild/linux-s390x" "0.18.17"
-    "@esbuild/linux-x64" "0.18.17"
-    "@esbuild/netbsd-x64" "0.18.17"
-    "@esbuild/openbsd-x64" "0.18.17"
-    "@esbuild/sunos-x64" "0.18.17"
-    "@esbuild/win32-arm64" "0.18.17"
-    "@esbuild/win32-ia32" "0.18.17"
-    "@esbuild/win32-x64" "0.18.17"
+    "@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:
   version "3.1.1"
@@ -2274,10 +2270,10 @@ graphemer@^1.4.0:
   resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
-happy-dom@^10.5.2:
-  version "10.5.2"
-  resolved "https://registry.yarnpkg.com/happy-dom/-/happy-dom-10.5.2.tgz#70ee755c303a5f1554e60f616a9030d00ef5672d"
-  integrity sha512-dTA1cDcLOPIkAdykLd9Wo1k8Ly36Hh2OdKGkWEHWuAHb89KcVVRLSj1OFev7ir90xhRLSGCGrEdDvS6u9l13kg==
+happy-dom@^10.9.0:
+  version "10.9.0"
+  resolved "https://registry.yarnpkg.com/happy-dom/-/happy-dom-10.9.0.tgz#7ad2054367dd781bd456636ffb3ee8180e5aa430"
+  integrity sha512-SGZ8QqSNDVkWt5T7GNACKS+CpGvr58OKurqCR1iH371dMgpXyUI2tJA91cASG6fe2d5xYnVFOgOwx4MmOaXepw==
   dependencies:
     css.escape "^1.5.1"
     entities "^4.5.0"
@@ -2465,10 +2461,10 @@ is-ci@^3.0.1:
   dependencies:
     ci-info "^3.2.0"
 
-is-core-module@^2.1.0, is-core-module@^2.11.0, is-core-module@^2.9.0:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
-  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
+is-core-module@^2.1.0, is-core-module@^2.13.0, is-core-module@^2.9.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
   dependencies:
     has "^1.0.3"
 
@@ -3220,7 +3216,7 @@ pkg-types@^1.0.3:
     mlly "^1.2.0"
     pathe "^1.1.0"
 
-postcss@^8.4.26:
+postcss@^8.4.27:
   version "8.4.27"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.27.tgz#234d7e4b72e34ba5a92c29636734349e0d9c3057"
   integrity sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==
@@ -3368,10 +3364,10 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
-regenerator-runtime@^0.13.11:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
-  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+regenerator-runtime@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
+  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
 
 regexp.prototype.flags@^1.4.3, regexp.prototype.flags@^1.5.0:
   version "1.5.0"
@@ -3403,11 +3399,11 @@ resolve-from@^5.0.0:
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
 resolve@^1.10.0, resolve@~1.22.1:
-  version "1.22.2"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
-  integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
+  version "1.22.4"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
   dependencies:
-    is-core-module "^2.11.0"
+    is-core-module "^2.13.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -3440,10 +3436,10 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-rollup@^3.25.2:
-  version "3.27.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.27.0.tgz#15bd07e2e1cbfa9255bf6a3f04a432621c2f3550"
-  integrity sha512-aOltLCrYZ0FhJDm7fCqwTjIUEVjWjcydKBV/Zeid6Mn8BWgDCUBBWT5beM5ieForYNo/1ZHuGJdka26kvQ3Gzg==
+rollup@^3.27.1:
+  version "3.27.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.27.2.tgz#59adc973504408289be89e5978e938ce852c9520"
+  integrity sha512-YGwmHf7h2oUHkVBT248x0yt6vZkYQ3/rvE5iQuVBh3WO8GcJ6BNeOkpoX1yMHIiBm18EMLjBPIoUDkhgnyxGOQ==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -3727,11 +3723,11 @@ strip-json-comments@^3.1.1, strip-json-comments@~3.1.1:
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
 strip-literal@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.1.tgz#0115a332710c849b4e46497891fb8d585e404bd2"
-  integrity sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.3.0.tgz#db3942c2ec1699e6836ad230090b84bb458e3a07"
+  integrity sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==
   dependencies:
-    acorn "^8.8.2"
+    acorn "^8.10.0"
 
 supports-color@^5.3.0:
   version "5.5.0"
@@ -3767,10 +3763,10 @@ tinybench@^2.5.0:
   resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.5.0.tgz#4711c99bbf6f3e986f67eb722fed9cddb3a68ba5"
   integrity sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==
 
-tinypool@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.6.0.tgz#c3640b851940abe2168497bb6e43b49fafb3ba7b"
-  integrity sha512-FdswUUo5SxRizcBc6b1GSuLpLjisa8N8qMyYoP3rl+bym+QauhtJP5bvZY1ytt8krKGmMLYIRl36HBZfeAoqhQ==
+tinypool@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.7.0.tgz#88053cc99b4a594382af23190c609d93fddf8021"
+  integrity sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww==
 
 tinyspy@^2.1.1:
   version "2.1.1"
@@ -3949,14 +3945,14 @@ validate-npm-package-license@^3.0.1:
     spdx-expression-parse "^3.0.0"
 
 validator@^13.7.0:
-  version "13.9.0"
-  resolved "https://registry.yarnpkg.com/validator/-/validator-13.9.0.tgz#33e7b85b604f3bbce9bb1a05d5c3e22e1c2ff855"
-  integrity sha512-B+dGG8U3fdtM0/aNK4/X8CXq/EcxU2WPrPEkJGslb47qyHsxmbggTWK0yEA4qnYVNF+nxNlN88o14hIcPmSIEA==
+  version "13.11.0"
+  resolved "https://registry.yarnpkg.com/validator/-/validator-13.11.0.tgz#23ab3fd59290c61248364eabf4067f04955fbb1b"
+  integrity sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==
 
-vite-node@0.33.0:
-  version "0.33.0"
-  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.33.0.tgz#c6a3a527e0b8090da7436241bc875760ae0eef28"
-  integrity sha512-19FpHYbwWWxDr73ruNahC+vtEdza52kA90Qb3La98yZ0xULqV8A5JLNPUff0f5zID4984tW7l3DH2przTJUZSw==
+vite-node@0.34.1:
+  version "0.34.1"
+  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.34.1.tgz#144900ca4bd54cc419c501d671350bcbc07eb1ee"
+  integrity sha512-odAZAL9xFMuAg8aWd7nSPT+hU8u2r9gU3LRm9QKjxBEF2rRdWpMuqkrkjvyVQEdNFiBctqr2Gg4uJYizm5Le6w==
   dependencies:
     cac "^6.7.14"
     debug "^4.3.4"
@@ -3965,10 +3961,10 @@ vite-node@0.33.0:
     picocolors "^1.0.0"
     vite "^3.0.0 || ^4.0.0"
 
-vite-plugin-dts@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-dts/-/vite-plugin-dts-3.4.0.tgz#b19563243f984e557b5b5afd1715589c43fcf08c"
-  integrity sha512-B5UbhiF83hPlJpdri3k2FlseO2qIQfY95XJib7z1s8NTQKgPK+KgeuOQf8FR1hnE/pSU+RA3ra2T18HvymPDyA==
+vite-plugin-dts@^3.5.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-dts/-/vite-plugin-dts-3.5.1.tgz#58c225f7ecabff2ed76027e003e1ec8ca964a078"
+  integrity sha512-wrrIvRTWq9xL0HKOUvJyJ+wivEoLsZ2GU2I2000v5tAAUtu9gE+5OUmUJ9yNkmyYz3tSPedkkiXHeb5jnnSXhg==
   dependencies:
     "@microsoft/api-extractor" "^7.36.3"
     "@rollup/pluginutils" "^5.0.2"
@@ -3977,30 +3973,30 @@ vite-plugin-dts@^3.4.0:
     kolorist "^1.8.0"
     vue-tsc "^1.8.8"
 
-"vite@^3.0.0 || ^4.0.0", vite@^4.4.7:
-  version "4.4.7"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.7.tgz#71b8a37abaf8d50561aca084dbb77fa342824154"
-  integrity sha512-6pYf9QJ1mHylfVh39HpuSfMPojPSKVxZvnclX1K1FyZ1PXDOcLBibdq5t1qxJSnL63ca8Wf4zts6mD8u8oc9Fw==
+"vite@^3.0.0 || ^4.0.0", vite@^4.4.9:
+  version "4.4.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.9.tgz#1402423f1a2f8d66fd8d15e351127c7236d29d3d"
+  integrity sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==
   dependencies:
     esbuild "^0.18.10"
-    postcss "^8.4.26"
-    rollup "^3.25.2"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
   optionalDependencies:
     fsevents "~2.3.2"
 
-vitest@^0.33.0:
-  version "0.33.0"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.33.0.tgz#e2be6153aec1d30e3460ac6d64265bf72da2551c"
-  integrity sha512-1CxaugJ50xskkQ0e969R/hW47za4YXDUfWJDxip1hwbnhUjYolpfUn2AMOulqG/Dtd9WYAtkHmM/m3yKVrEejQ==
+vitest@^0.34.1:
+  version "0.34.1"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.34.1.tgz#3ad7f845e7a9fb0d72ab703cae832a54b8469e1e"
+  integrity sha512-G1PzuBEq9A75XSU88yO5G4vPT20UovbC/2osB2KEuV/FisSIIsw7m5y2xMdB7RsAGHAfg2lPmp2qKr3KWliVlQ==
   dependencies:
     "@types/chai" "^4.3.5"
     "@types/chai-subset" "^1.3.3"
     "@types/node" "*"
-    "@vitest/expect" "0.33.0"
-    "@vitest/runner" "0.33.0"
-    "@vitest/snapshot" "0.33.0"
-    "@vitest/spy" "0.33.0"
-    "@vitest/utils" "0.33.0"
+    "@vitest/expect" "0.34.1"
+    "@vitest/runner" "0.34.1"
+    "@vitest/snapshot" "0.34.1"
+    "@vitest/spy" "0.34.1"
+    "@vitest/utils" "0.34.1"
     acorn "^8.9.0"
     acorn-walk "^8.2.0"
     cac "^6.7.14"
@@ -4013,9 +4009,9 @@ vitest@^0.33.0:
     std-env "^3.3.3"
     strip-literal "^1.0.1"
     tinybench "^2.5.0"
-    tinypool "^0.6.0"
+    tinypool "^0.7.0"
     vite "^3.0.0 || ^4.0.0"
-    vite-node "0.33.0"
+    vite-node "0.34.1"
     why-is-node-running "^2.2.2"
 
 vue-template-compiler@^2.7.14:

From 91845786bf90ae429bc534565606418a4d05b840 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Tue, 8 Aug 2023 16:50:19 +1000
Subject: [PATCH 07/11] Add arrays example

---
 examples/App.tsx          | 16 ++++++++++-----
 examples/arrays/index.tsx | 41 +++++++++++++++++++++++++++++++++++++++
 tsconfig.json             |  3 ++-
 3 files changed, 54 insertions(+), 6 deletions(-)
 create mode 100644 examples/arrays/index.tsx

diff --git a/examples/App.tsx b/examples/App.tsx
index 36ae795..0912d42 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -1,9 +1,10 @@
 import { Route, Switch, Link, useLocation } from 'wouter'
-import KitchenSink from './kitchen-sink'
-import Basic from './basic'
 import { SubmitHandler } from '@stevent-team/react-zoom-form'
+import { repository } from '../package.json'
 
-const GITHUB = 'https://github.com/stevent-team/react-zoom-form'
+import Basic from './basic'
+import Arrays from './arrays'
+import KitchenSink from './kitchen-sink'
 
 interface Example {
   name: string
@@ -17,6 +18,11 @@ const EXAMPLES: Example[] = [
     path: '/basic',
     component: Basic,
   },
+  {
+    name: 'Arrays',
+    path: '/arrays',
+    component: Arrays,
+  },
   {
     name: 'Kitchen Sink',
     path: '/kitchen-sink',
@@ -34,7 +40,7 @@ const App = () => {
 
   return <>
     <nav>
-      {'🏎️ '}<a href={GITHUB} target="_blank" rel="nofollow noreferrer">React Zoom Form</a>
+      {'🏎️ '}<a href={repository} target="_blank" rel="nofollow noreferrer">React Zoom Form</a>
       <h2>Examples</h2>
       <ul>
         {EXAMPLES.map((example, i) => {
@@ -42,7 +48,7 @@ const App = () => {
 
           return <li key={example.path} className={active ? 'active' : undefined}>
             {active ? <span>{example.name}</span> : <Link to={i === 0 ? '/' : example.path}>{example.name}</Link>}
-            {' '}(<a href={`${GITHUB}/blob/main/examples${example.path}`} target="_blank" rel="nofollow noreferrer">code</a>)
+            {' '}(<a href={`${repository}/blob/main/examples${example.path}`} target="_blank" rel="nofollow noreferrer">code</a>)
           </li>
         })}
       </ul>
diff --git a/examples/arrays/index.tsx b/examples/arrays/index.tsx
new file mode 100644
index 0000000..626160e
--- /dev/null
+++ b/examples/arrays/index.tsx
@@ -0,0 +1,41 @@
+import { SubmitHandler, useForm, Errors, getValue, setValue } from '@stevent-team/react-zoom-form'
+import { z } from 'zod'
+import Output from '../Output'
+
+export const schema = z.object({
+  flowers: z.array(z.string().min(1)).min(1).max(10),
+})
+
+const Arrays = ({ onSubmit }: { onSubmit: SubmitHandler<typeof schema> }) => {
+  const { fields, handleSubmit, isDirty } = useForm({ schema, initialValues: { flowers: [''] } })
+
+  return <>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <label>Flower names</label>
+
+      {getValue(fields.flowers)?.map((_value, i) =>
+        <div key={i} style={{ display: 'flex', alignItems: 'center', gap: 20 }}>
+          <input {...fields.flowers[i].register()} placeholder={`Flower ${i + 1}`} type="text" />
+          <button
+            type="button"
+            onClick={() => setValue(fields.flowers, value => value?.filter((_, j) => j !== i))}
+            style={{ margin: 0, width: 100 }}
+          >Delete</button>
+        </div>
+      )}
+
+      <button
+        type="button"
+        onClick={() => setValue(fields.flowers, value => [...value ?? [], ''])}
+      >Add flower</button>
+
+      <Errors field={fields.flowers} className="error" />
+
+      <button>Save changes</button>
+    </form>
+
+    <Output isDirty={isDirty} fields={fields} />
+  </>
+}
+
+export default Arrays
diff --git a/tsconfig.json b/tsconfig.json
index 75b84b0..9d0d961 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,8 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "skipLibCheck": true,
-    "noEmit": true
+    "noEmit": true,
+    "resolveJsonModule": true
   },
   "exclude": ["**/dist/*"]
 }

From 39066a3bc8045819bb741375478dde5a835971a7 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Tue, 8 Aug 2023 17:10:38 +1000
Subject: [PATCH 08/11] Nested fields example

---
 examples/App.tsx          |  8 ++++-
 examples/nested/index.tsx | 64 +++++++++++++++++++++++++++++++++++++++
 examples/style.css        |  9 ++++++
 3 files changed, 80 insertions(+), 1 deletion(-)
 create mode 100644 examples/nested/index.tsx

diff --git a/examples/App.tsx b/examples/App.tsx
index 0912d42..fb51f5d 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -4,6 +4,7 @@ import { repository } from '../package.json'
 
 import Basic from './basic'
 import Arrays from './arrays'
+import Nested from './nested'
 import KitchenSink from './kitchen-sink'
 
 interface Example {
@@ -19,10 +20,15 @@ const EXAMPLES: Example[] = [
     component: Basic,
   },
   {
-    name: 'Arrays',
+    name: 'Array field',
     path: '/arrays',
     component: Arrays,
   },
+  {
+    name: 'Nested fields',
+    path: '/nested',
+    component: Nested,
+  },
   {
     name: 'Kitchen Sink',
     path: '/kitchen-sink',
diff --git a/examples/nested/index.tsx b/examples/nested/index.tsx
new file mode 100644
index 0000000..72639ea
--- /dev/null
+++ b/examples/nested/index.tsx
@@ -0,0 +1,64 @@
+import { SubmitHandler, useForm, Errors } from '@stevent-team/react-zoom-form'
+import { z } from 'zod'
+import Output from '../Output'
+
+export const schema = z.object({
+  name: z.object({
+    first: z.string(),
+    last: z.string(),
+  }),
+  address: z.object({
+    street: z.string(),
+    city: z.string(),
+    country: z.string(),
+  }),
+})
+
+const Nested = ({ onSubmit }: { onSubmit: SubmitHandler<typeof schema> }) => {
+  const { fields, handleSubmit, isDirty } = useForm({ schema })
+
+  return <>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <fieldset>
+        <legend>Name</legend>
+
+        <label>
+          First name
+          <input {...fields.name.first.register()} type="text" />
+        </label>
+
+        <label>
+          Last name
+          <input {...fields.name.last.register()} type="text" />
+        </label>
+      </fieldset>
+      <Errors field={fields.name} className="error" />
+
+      <fieldset>
+        <legend>Address</legend>
+
+        <label>
+          Street
+          <input {...fields.address.street.register()} type="text" />
+        </label>
+
+        <label>
+          City
+          <input {...fields.address.city.register()} type="text" />
+        </label>
+
+        <label>
+          Country
+          <input {...fields.address.country.register()} type="text" />
+        </label>
+      </fieldset>
+      <Errors field={fields.address} className="error" />
+
+      <button>Save changes</button>
+    </form>
+
+    <Output isDirty={isDirty} fields={fields} />
+  </>
+}
+
+export default Nested
diff --git a/examples/style.css b/examples/style.css
index 38739be..0bdd413 100644
--- a/examples/style.css
+++ b/examples/style.css
@@ -53,6 +53,15 @@ form > label {
   margin-block: 1em .2em;
 }
 
+fieldset {
+  margin-block-end: 1em;
+}
+
+fieldset > label {
+  display: block;
+  margin-block: .5em;
+}
+
 input:not([type=checkbox]):not([type=radio]), textarea, select {
   font: inherit;
   padding: .4em .5em;

From 60724e8dc1e2471570787700c6c8aa69ed1a4ab9 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Tue, 8 Aug 2023 17:31:30 +1000
Subject: [PATCH 09/11] Coerced fields example

---
 examples/App.tsx           |  7 +++++++
 examples/Output.tsx        | 28 +++++++++++++++++++++++-----
 examples/coerced/index.tsx | 37 +++++++++++++++++++++++++++++++++++++
 3 files changed, 67 insertions(+), 5 deletions(-)
 create mode 100644 examples/coerced/index.tsx

diff --git a/examples/App.tsx b/examples/App.tsx
index fb51f5d..8ee4b82 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -5,6 +5,7 @@ import { repository } from '../package.json'
 import Basic from './basic'
 import Arrays from './arrays'
 import Nested from './nested'
+import Coerced from './coerced'
 import KitchenSink from './kitchen-sink'
 
 interface Example {
@@ -29,6 +30,11 @@ const EXAMPLES: Example[] = [
     path: '/nested',
     component: Nested,
   },
+  {
+    name: 'Coerced fields',
+    path: '/coerced',
+    component: Coerced,
+  },
   {
     name: 'Kitchen Sink',
     path: '/kitchen-sink',
@@ -39,6 +45,7 @@ const EXAMPLES: Example[] = [
 // Shared submit handler
 const onSubmit: SubmitHandler = values => {
   console.log(values)
+  document.dispatchEvent(new CustomEvent('zoomSubmit', { detail: values }))
 }
 
 const App = () => {
diff --git a/examples/Output.tsx b/examples/Output.tsx
index b8f79bd..325be2d 100644
--- a/examples/Output.tsx
+++ b/examples/Output.tsx
@@ -1,14 +1,32 @@
 import { Field, fieldErrors, getValue } from '@stevent-team/react-zoom-form'
+import { useCallback, useEffect, useState } from 'react'
 
 interface OutputProps {
   isDirty: boolean
   fields: Field
 }
 
-const Output = ({ isDirty, fields }: OutputProps) => <output>
-  <div><strong>isDirty:</strong> {isDirty ? 'true' : 'false'}</div>
-  <div><strong>value:</strong> {JSON.stringify(getValue(fields), null, 2)}</div>
-  <div><strong>errors:</strong> {JSON.stringify(fieldErrors(fields), null, 2)}</div>
-</output>
+const Output = ({ isDirty, fields }: OutputProps) => {
+  const [submittedValue, setSubmittedValue] = useState()
+
+  const handleSubmit = useCallback((e: Event) => {
+    if (e instanceof CustomEvent) setSubmittedValue(e.detail)
+  }, [])
+
+  useEffect(() => {
+    document.addEventListener('zoomSubmit', handleSubmit)
+    return () => document.removeEventListener('zoomSubmit', handleSubmit)
+  })
+
+  return <output>
+    <div><strong>isDirty:</strong> {isDirty ? 'true' : 'false'}</div>
+    <div><strong>value:</strong> {JSON.stringify(getValue(fields), null, 2)}</div>
+    <div><strong>errors:</strong> {JSON.stringify(fieldErrors(fields), null, 2)}</div>
+    {submittedValue && <>
+      <div><strong>submitted value:</strong> {JSON.stringify(submittedValue, null, 2)}</div>
+      <div><em>Also view the submitted value in the console</em></div>
+    </>}
+  </output>
+}
 
 export default Output
diff --git a/examples/coerced/index.tsx b/examples/coerced/index.tsx
new file mode 100644
index 0000000..bd555cf
--- /dev/null
+++ b/examples/coerced/index.tsx
@@ -0,0 +1,37 @@
+import { SubmitHandler, useForm, Errors } from '@stevent-team/react-zoom-form'
+import { z } from 'zod'
+import Output from '../Output'
+
+export const schema = z.object({
+  number: z.coerce.number(),
+  boolean: z.coerce.boolean(),
+  date: z.coerce.date(),
+})
+
+const Coerced = ({ onSubmit }: { onSubmit: SubmitHandler<typeof schema> }) => {
+  const { fields, handleSubmit, isDirty } = useForm({ schema })
+
+  return <>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <label htmlFor={fields.number.name()}>Number</label>
+      <input {...fields.number.register()} id={fields.number.name()} type="number" />
+      <Errors field={fields.number} className="error" />
+
+      <label style={{ marginBlock: '1em' }}>
+        <input {...fields.boolean.register()} type="checkbox" />
+        <span>Boolean</span>
+      </label>
+      <Errors field={fields.boolean} className="error" />
+
+      <label htmlFor={fields.date.name()}>Date</label>
+      <input {...fields.date.register()} id={fields.date.name()} type="date" />
+      <Errors field={fields.date} className="error" />
+
+      <button>Save changes</button>
+    </form>
+
+    <Output isDirty={isDirty} fields={fields} />
+  </>
+}
+
+export default Coerced

From d7721eaf91f823f9e8353df8226249c6874acf99 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Tue, 8 Aug 2023 18:02:28 +1000
Subject: [PATCH 10/11] Conditional field example

Also update types to allow not just zod objects as schemas
---
 .changeset/cool-dodos-hammer.md |  5 +++++
 examples/App.tsx                |  6 ++++++
 examples/conditional/index.tsx  | 37 +++++++++++++++++++++++++++++++++
 lib/useForm.ts                  | 10 ++++-----
 lib/utils.ts                    |  1 +
 5 files changed, 54 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/cool-dodos-hammer.md
 create mode 100644 examples/conditional/index.tsx

diff --git a/.changeset/cool-dodos-hammer.md b/.changeset/cool-dodos-hammer.md
new file mode 100644
index 0000000..c41baff
--- /dev/null
+++ b/.changeset/cool-dodos-hammer.md
@@ -0,0 +1,5 @@
+---
+"@stevent-team/react-zoom-form": patch
+---
+
+Update types to allow any zod type as a schema
diff --git a/examples/App.tsx b/examples/App.tsx
index 8ee4b82..2919360 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -6,6 +6,7 @@ import Basic from './basic'
 import Arrays from './arrays'
 import Nested from './nested'
 import Coerced from './coerced'
+import Conditional from './conditional'
 import KitchenSink from './kitchen-sink'
 
 interface Example {
@@ -35,6 +36,11 @@ const EXAMPLES: Example[] = [
     path: '/coerced',
     component: Coerced,
   },
+  {
+    name: 'Conditional field',
+    path: '/conditional',
+    component: Conditional,
+  },
   {
     name: 'Kitchen Sink',
     path: '/kitchen-sink',
diff --git a/examples/conditional/index.tsx b/examples/conditional/index.tsx
new file mode 100644
index 0000000..2ab0f52
--- /dev/null
+++ b/examples/conditional/index.tsx
@@ -0,0 +1,37 @@
+import { SubmitHandler, useForm, Errors, getValue } from '@stevent-team/react-zoom-form'
+import { z } from 'zod'
+import Output from '../Output'
+
+export const schema = z.object({
+  subscribe: z.coerce.boolean(),
+  email: z.string().email().optional(),
+}).refine(values => !values.subscribe || values.email !== undefined, {
+  message: 'Email is required if you want to subscribe',
+  path: ['email'],
+})
+
+const Conditional = ({ onSubmit }: { onSubmit: SubmitHandler<typeof schema> }) => {
+  const { fields, handleSubmit, isDirty } = useForm({ schema })
+
+  return <>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <label style={{ marginBlock: '1em' }}>
+        <input {...fields.subscribe.register()} type="checkbox" />
+        <span>Subscribe to the newsletter?</span>
+      </label>
+      <Errors field={fields.subscribe} className="error" />
+
+      {getValue(fields.subscribe) && <>
+        <label htmlFor={fields.email.name()}>Email address</label>
+        <input {...fields.email.register()} id={fields.email.name()} type="email" />
+        <Errors field={fields.email} className="error" />
+      </>}
+
+      <button>Save changes</button>
+    </form>
+
+    <Output isDirty={isDirty} fields={fields} />
+  </>
+}
+
+export default Conditional
diff --git a/lib/useForm.ts b/lib/useForm.ts
index 3839d83..1d9bfef 100644
--- a/lib/useForm.ts
+++ b/lib/useForm.ts
@@ -4,7 +4,7 @@ import { z } from 'zod'
 import { PathSegment, RecursivePartial, fieldChain, getDeepProp, deepEqual, FieldChain, isCheckbox, isRadio } from './utils'
 import { register } from './field'
 
-export interface UseFormOptions<Schema extends z.AnyZodObject> {
+export interface UseFormOptions<Schema extends z.ZodTypeAny> {
   /**
    * The zod schema to use when parsing the values.
    *
@@ -16,7 +16,7 @@ export interface UseFormOptions<Schema extends z.AnyZodObject> {
   initialValues?: RecursivePartial<z.infer<Schema>>
 }
 
-export interface UseFormReturn<Schema extends z.AnyZodObject> {
+export interface UseFormReturn<Schema extends z.ZodTypeAny> {
   /** Access zod schema and registration functions for your fields. */
   fields: FieldChain<Schema>
   /**
@@ -34,14 +34,14 @@ export interface UseFormReturn<Schema extends z.AnyZodObject> {
   reset: (values?: RecursivePartial<z.TypeOf<Schema>>) => void
 }
 
-export type SubmitHandler<Schema extends z.AnyZodObject = z.AnyZodObject> = (values: z.infer<Schema>) => void
+export type SubmitHandler<Schema extends z.ZodTypeAny = z.ZodTypeAny> = (values: z.infer<Schema>) => void
 
 export type FieldRefs = Record<string, { path: PathSegment[], ref: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement }>
 
 /**
  * Hook used to control a form. Takes configuration options and returns an object with state and methods.
  */
-export const useForm = <Schema extends z.AnyZodObject>({
+export const useForm = <Schema extends z.ZodTypeAny>({
   schema,
   initialValues = {},
 }: UseFormOptions<Schema>) => {
@@ -103,7 +103,7 @@ export const useForm = <Schema extends z.AnyZodObject>({
     setValidateOnChange(true)
   }, [validate])
 
-  const fields = useMemo(() => new Proxy(schema.shape, {
+  const fields = useMemo(() => new Proxy({}, {
     get: (_target, key) => fieldChain(schema, [], register, fieldRefs, { formValue, setFormValue, formErrors })[key]
   }) as FieldChain<Schema>, [schema, formValue, formErrors])
 
diff --git a/lib/utils.ts b/lib/utils.ts
index d2a3e53..8142670 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -8,6 +8,7 @@ type recursiveFieldChain<Schema extends z.ZodType, LeafValue> =
   : Schema extends z.ZodArray<any> ? { [k: number]: FieldChain<Schema['_def']['type']> }
   : Schema extends z.AnyZodObject ? { [K in keyof z.infer<Schema>]: FieldChain<Schema['shape'][K]> }
   : Schema extends (z.ZodDefault<any> | z.ZodOptional<any> | z.ZodNullable<any>) ? FieldChain<Schema['_def']['innerType']>
+  : Schema extends (z.ZodEffects<any>) ? FieldChain<Schema['_def']['schema']>
   : LeafValue
 
 export type FieldChain<Schema extends z.ZodType> = Field<Schema> & Required<recursiveFieldChain<Schema, {

From 31fc4ff5809e62ea1cc25003518362b3907e77d5 Mon Sep 17 00:00:00 2001
From: Benji Grant <benjamin.grantGRA0007@gmail.com>
Date: Tue, 8 Aug 2023 18:36:57 +1000
Subject: [PATCH 11/11] Basic controlled field example

---
 examples/App.tsx              | 14 +++++++---
 examples/controlled/index.tsx | 51 +++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 4 deletions(-)
 create mode 100644 examples/controlled/index.tsx

diff --git a/examples/App.tsx b/examples/App.tsx
index 2919360..4760c3f 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -7,6 +7,7 @@ import Arrays from './arrays'
 import Nested from './nested'
 import Coerced from './coerced'
 import Conditional from './conditional'
+import Controlled from './controlled'
 import KitchenSink from './kitchen-sink'
 
 interface Example {
@@ -22,25 +23,30 @@ const EXAMPLES: Example[] = [
     component: Basic,
   },
   {
-    name: 'Array field',
+    name: 'Array Field',
     path: '/arrays',
     component: Arrays,
   },
   {
-    name: 'Nested fields',
+    name: 'Nested Fields',
     path: '/nested',
     component: Nested,
   },
   {
-    name: 'Coerced fields',
+    name: 'Coerced Fields',
     path: '/coerced',
     component: Coerced,
   },
   {
-    name: 'Conditional field',
+    name: 'Conditional Field',
     path: '/conditional',
     component: Conditional,
   },
+  {
+    name: '3rd Party & Controlled Fields',
+    path: '/controlled',
+    component: Controlled,
+  },
   {
     name: 'Kitchen Sink',
     path: '/kitchen-sink',
diff --git a/examples/controlled/index.tsx b/examples/controlled/index.tsx
new file mode 100644
index 0000000..3b6d9ea
--- /dev/null
+++ b/examples/controlled/index.tsx
@@ -0,0 +1,51 @@
+import { SubmitHandler, useForm, ControlledField, controlled } from '@stevent-team/react-zoom-form'
+import { z } from 'zod'
+import Output from '../Output'
+import { useState } from 'react'
+
+export const schema = z.object({
+  price: z.number(),
+})
+
+const Controlled = ({ onSubmit }: { onSubmit: SubmitHandler<typeof schema> }) => {
+  const { fields, handleSubmit, isDirty } = useForm({ schema })
+
+  return <>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <CurrencyField label="Price (dollars)" {...controlled(fields.price)} />
+
+      <button>Save changes</button>
+    </form>
+
+    <Output isDirty={isDirty} fields={fields} />
+  </>
+}
+
+const CurrencyField = ({ label, value, onChange, name, errors }: ControlledField<number> & { label: string }) => {
+  const [innerValue, setInnerValue] = useState(value !== undefined ? (value / 100).toFixed(2) : '')
+
+  return <>
+    <label htmlFor={name}>{label}</label>
+    <input
+      id={name}
+      type="number"
+      step="0.01"
+      inputMode="decimal"
+      min="0"
+      placeholder="0"
+      value={innerValue}
+      onChange={e => {
+        setInnerValue(e.target.value)
+        onChange(e.target.value !== '' ? Math.trunc(Math.abs(Number(e.target.value) * 100)) : 0)
+      }}
+      onBlur={e => {
+        if (e.target.value !== '' && !isNaN(Number(e.target.value))) {
+          setInnerValue(Math.abs(Number(e.target.value)).toFixed(2))
+        }
+      }}
+    />
+    {errors.length > 0 && <span className="error">{errors.map(issue => issue.message).join(', ')}</span>}
+  </>
+}
+
+export default Controlled