diff --git a/.changeset/clean-toes-reflect.md b/.changeset/clean-toes-reflect.md
new file mode 100644
index 000000000..6c6387817
--- /dev/null
+++ b/.changeset/clean-toes-reflect.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Stop emitting onUpdate:modelValue event when blurring the mt-url-field
diff --git a/.changeset/cool-kings-nail.md b/.changeset/cool-kings-nail.md
new file mode 100644
index 000000000..0a206cf4f
--- /dev/null
+++ b/.changeset/cool-kings-nail.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": minor
+---
+
+Add types for event of mt-url-field component
diff --git a/.changeset/large-apples-buy.md b/.changeset/large-apples-buy.md
new file mode 100644
index 000000000..57cc39010
--- /dev/null
+++ b/.changeset/large-apples-buy.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Add types for slots for mt-url-field
diff --git a/.changeset/loud-donkeys-marry.md b/.changeset/loud-donkeys-marry.md
new file mode 100644
index 000000000..0d069d6b2
--- /dev/null
+++ b/.changeset/loud-donkeys-marry.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Announce tooltip content when focusing tooltip trigger
diff --git a/.changeset/twelve-bulldogs-punch.md b/.changeset/twelve-bulldogs-punch.md
new file mode 100644
index 000000000..d44944b36
--- /dev/null
+++ b/.changeset/twelve-bulldogs-punch.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Stop announcing tooltip triangle to screen readers
diff --git a/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-copy-to-clipboard-snap.png b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-copy-to-clipboard-snap.png
new file mode 100644
index 000000000..f36abe566
Binary files /dev/null and b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-copy-to-clipboard-snap.png differ
diff --git a/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-help-text-snap.png b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-help-text-snap.png
new file mode 100644
index 000000000..51a21ce48
Binary files /dev/null and b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-help-text-snap.png differ
diff --git a/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-hint-snap.png b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-hint-snap.png
new file mode 100644
index 000000000..3b176a6ce
Binary files /dev/null and b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-hint-snap.png differ
diff --git a/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-placeholder-snap.png b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-placeholder-snap.png
new file mode 100644
index 000000000..cbc044bde
Binary files /dev/null and b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-placeholder-snap.png differ
diff --git a/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-required-snap.png b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-required-snap.png
new file mode 100644
index 000000000..495bc872f
Binary files /dev/null and b/packages/component-library/__snapshots__/interaction-tests-form-mt-url-field--visual-test-required-snap.png differ
diff --git a/packages/component-library/package.json b/packages/component-library/package.json
index d7e062d45..193a0ff53 100644
--- a/packages/component-library/package.json
+++ b/packages/component-library/package.json
@@ -102,7 +102,7 @@
     "@types/node": "^18.18.5",
     "@types/punycode": "^2.1.3",
     "@vitejs/plugin-vue": "^4.4.0",
-    "@vitest/ui": "^1.1.3",
+    "@vitest/ui": "^3.0.5",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.2",
     "@vue/tsconfig": "^0.4.0",
@@ -130,7 +130,7 @@
     "vite": "^4.4.11",
     "vite-plugin-dts": "^4.5.0",
     "vite-plugin-svgstring": "^1.0.0",
-    "vitest": "^1.1.3",
+    "vitest": "^3.0.5",
     "vue-tsc": "^2.2.0"
   }
 }
diff --git a/packages/component-library/src/components/form/mt-url-field/mt-url-field.interactive.stories.ts b/packages/component-library/src/components/form/mt-url-field/mt-url-field.interactive.stories.ts
index 0a23ffc97..35ad18141 100644
--- a/packages/component-library/src/components/form/mt-url-field/mt-url-field.interactive.stories.ts
+++ b/packages/component-library/src/components/form/mt-url-field/mt-url-field.interactive.stories.ts
@@ -1,4 +1,4 @@
-import { userEvent, within } from "@storybook/test";
+import { fn, userEvent, within, expect } from "@storybook/test";
 import meta, { type MtUrlFieldMeta, type MtUrlFieldStory } from "./mt-url-field.stories";
 
 export default {
@@ -18,6 +18,20 @@ export const VisualTestFocused: MtUrlFieldStory = {
   },
 };
 
+export const VisualTestPlaceholder: MtUrlFieldStory = {
+  name: "With placeholder",
+  args: {
+    placeholder: "Placeholder",
+  },
+};
+
+export const VisualTestRequired: MtUrlFieldStory = {
+  name: "Required",
+  args: {
+    required: true,
+  },
+};
+
 export const VisualTestHttps: MtUrlFieldStory = {
   name: "shows HTTPS mode",
   args: {
@@ -83,3 +97,37 @@ export const VisualTestSmall: MtUrlFieldStory = {
     size: "small",
   },
 };
+
+export const VisualTestHelpText: MtUrlFieldStory = {
+  name: "Helptext",
+  args: {
+    modelValue: "https://example.com",
+    helpText: "This is help text",
+  },
+};
+
+export const VisualTestHint: MtUrlFieldStory = {
+  name: "Hint",
+  args: {
+    hint: "This is a hint",
+  },
+};
+
+export const VisualTestCopyToClipboard: MtUrlFieldStory = {
+  name: "Copy to clipboard",
+  args: {
+    modelValue: "https://www.example.com",
+    copyable: true,
+  },
+  async play({ canvasElement }) {
+    const handler = fn();
+    navigator.clipboard.writeText = handler;
+
+    const canvas = within(canvasElement);
+
+    await userEvent.click(canvas.getByRole("button", { name: "Copy URL to clipboard" }));
+
+    await expect(handler).toHaveBeenCalledOnce();
+    await expect(handler).toHaveBeenCalledWith("www.example.com");
+  },
+};
diff --git a/packages/component-library/src/components/form/mt-url-field/mt-url-field.spec.ts b/packages/component-library/src/components/form/mt-url-field/mt-url-field.spec.ts
index f7119698a..46830ff52 100644
--- a/packages/component-library/src/components/form/mt-url-field/mt-url-field.spec.ts
+++ b/packages/component-library/src/components/form/mt-url-field/mt-url-field.spec.ts
@@ -51,7 +51,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "",
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -74,7 +73,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "",
-        // @ts-expect-error -- Event is not typed, yet
         onChange: handler,
       },
     });
@@ -171,7 +169,6 @@ describe("mt-url-field", async () => {
       props: {
         modelValue: "www.example.com",
         disabled: true,
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -179,9 +176,6 @@ describe("mt-url-field", async () => {
     // ACT
     await userEvent.type(screen.getByRole("textbox"), "www.shopware.com");
 
-    // Is needed to emit the "onUpdate:modelValue" event
-    await userEvent.tab();
-
     // ASSERT
     expect(screen.getByRole("textbox")).toHaveValue("www.example.com");
     expect(screen.getByRole("textbox")).toBeDisabled();
@@ -189,6 +183,25 @@ describe("mt-url-field", async () => {
     expect(handler).not.toHaveBeenCalled();
   });
 
+  it("does not emit an onUpdate:modelValue event when removing focus from the input", async () => {
+    // ARRANGE
+    const handler = vi.fn();
+
+    render(MtUrlField, {
+      props: {
+        modelValue: "www.example.com",
+        "onUpdate:modelValue": handler,
+      },
+    });
+
+    // ACT
+    await userEvent.click(screen.getByRole("textbox"));
+    await userEvent.tab();
+
+    // ASSERT
+    expect(handler).not.toHaveBeenCalled();
+  });
+
   it("cannot be switched to the http protocol when the field is disabled", async () => {
     // ARRANGE
     const handler = vi.fn();
@@ -197,7 +210,6 @@ describe("mt-url-field", async () => {
       props: {
         modelValue: "https://www.example.com",
         disabled: true,
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -218,7 +230,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "https://www.example.com",
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -239,7 +250,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "http://www.example.com",
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -285,7 +295,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "",
-        // @ts-expect-error -- Event is not typed, yet
         onChange: handler,
       },
     });
@@ -305,15 +314,15 @@ describe("mt-url-field", async () => {
 
     render(MtUrlField, {
       props: {
+        label: "URL",
         isInheritanceField: true,
         isInherited: true,
-        // @ts-expect-error
         "onInheritance-remove": handler,
       },
     });
 
     // ACT
-    await userEvent.click(screen.getByTestId("mt-inheritance-switch-icon"));
+    await userEvent.click(screen.getByRole("button", { name: "Unlink inheritance" }));
 
     // ASSERT
     expect(handler).toHaveBeenCalledOnce();
@@ -325,15 +334,15 @@ describe("mt-url-field", async () => {
 
     render(MtUrlField, {
       props: {
+        label: "URL",
         isInheritanceField: true,
         isInherited: false,
-        // @ts-expect-error
         "onInheritance-restore": handler,
       },
     });
 
     // ACT
-    await userEvent.click(screen.getByTestId("mt-icon__regular-link-horizontal-slash"));
+    await userEvent.click(screen.getByRole("button", { name: "Link inheritance" }));
 
     // ASSERT
     expect(handler).toHaveBeenCalledOnce();
@@ -348,7 +357,6 @@ describe("mt-url-field", async () => {
         isInheritanceField: true,
         isInherited: true,
         modelValue: "www.example.com",
-        // @ts-expect-error
         "onUpdate:modelValue": handler,
       },
     });
@@ -373,7 +381,6 @@ describe("mt-url-field", async () => {
         isInheritanceField: true,
         isInherited: false,
         modelValue: "",
-        // @ts-expect-error
         "onUpdate:modelValue": handler,
       },
     });
@@ -398,7 +405,6 @@ describe("mt-url-field", async () => {
         isInheritanceField: true,
         isInherited: true,
         modelValue: "http://www.example.com",
-        // @ts-expect-error
         "onUpdate:modelValue": handler,
       },
     });
@@ -421,7 +427,6 @@ describe("mt-url-field", async () => {
       props: {
         modelValue: "https://www.example.com?foo=bar",
         omitUrlSearch: true,
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -439,7 +444,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "https://www.example.com?foo=bar",
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -458,7 +462,6 @@ describe("mt-url-field", async () => {
       props: {
         modelValue: "https://www.example.com#foo",
         omitUrlHash: true,
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -476,7 +479,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "https://www.example.com#foo",
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -494,7 +496,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "www.example.com  ",
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
@@ -512,7 +513,6 @@ describe("mt-url-field", async () => {
     render(MtUrlField, {
       props: {
         modelValue: "localhost/h%C3%A4ndler",
-        // @ts-expect-error -- Event is not typed, yet
         "onUpdate:modelValue": handler,
       },
     });
diff --git a/packages/component-library/src/components/form/mt-url-field/mt-url-field.stories.ts b/packages/component-library/src/components/form/mt-url-field/mt-url-field.stories.ts
index d91aa4b59..0cca00b4d 100644
--- a/packages/component-library/src/components/form/mt-url-field/mt-url-field.stories.ts
+++ b/packages/component-library/src/components/form/mt-url-field/mt-url-field.stories.ts
@@ -1,102 +1,36 @@
 import MtUrlField from "./mt-url-field.vue";
-import baseFieldArgTypes from "../_internal/mt-base-field/arg-types";
-import type { StoryObj } from "@storybook/vue3";
-import type { SlottedMeta } from "@/_internal/story-helper";
+import type { Meta, StoryObj } from "@storybook/vue3";
 
-export type MtUrlFieldMeta = SlottedMeta<
-  typeof MtUrlField,
-  | "default"
-  | "change"
-  | "hint"
-  | "label"
-  | "placeholder"
-  | "error"
-  | "inheritanceRestore"
-  | "inheritanceRemove"
-  | "isInherited"
-  | "updateModelValue"
->;
+export type MtUrlFieldMeta = Meta<typeof MtUrlField>;
 
 export default {
   title: "Components/Form/mt-url-field",
   component: MtUrlField,
   render: (args) => ({
     components: { MtUrlField },
-    template: `<div>
-        <mt-url-field
-          v-bind="args"
-          :modelValue="currentValue"
-          @change="onChange"
-          @update:modelValue="onUpdateModelValue"
-          @inheritance-restore="inheritanceRestoreWrapper"
-          @inheritance-remove="inheritanceRemoveWrapper">
-          <template
-            v-if="args.prefix"
-            #prefix>
-            {{ args.prefix }}
-          </template>
-          <template
-            v-if="args.suffix"
-            #suffix>
-            {{ args.suffix }}
-          </template>
-          <template
-            v-if="args.hint"
-            #hint>
-            {{ args.hint }}
-          </template>
-        </mt-url-field>
-  
-        <h4 style="display: none;">hidden</h4>
-      </div>`,
-    data() {
-      return { currentValue: "" };
-    },
-    watch: {
-      "args.modelValue"(v) {
-        this.currentValue = v;
-      },
-    },
-    created() {
-      this.currentValue = args.modelValue;
-    },
-    methods: {
-      inheritanceRemoveWrapper(a: any) {
-        args.inheritanceRemove(...a);
-        args.isInherited = false;
-      },
+    setup: () => ({ args }),
+    template: `
+<mt-url-field v-bind="args">
+  <template v-if="args.prefix" #prefix>
+    {{ args.prefix }}
+  </template>
 
-      inheritanceRestoreWrapper(a: any) {
-        args.inheritanceRestore(...a);
-        args.isInherited = true;
-      },
+  <template v-if="args.suffix" #suffix>
+    {{ args.suffix }}
+  </template>
 
-      onChange(value: string) {
-        args.change(value);
-        this.currentValue = value;
-      },
-
-      onUpdateModelValue(value: string) {
-        args.updateModelValue(value);
-        this.currentValue = value;
-      },
-    },
-    setup: () => {
-      return {
-        args,
-      };
-    },
+  <template v-if="args.hint" #hint>
+    {{ args.hint }}
+  </template>
+</mt-url-field>`,
   }),
   args: {
     label: "Url field",
     size: "default",
   },
-  argTypes: {
-    ...baseFieldArgTypes,
-  },
 } as MtUrlFieldMeta;
 
-export type MtUrlFieldStory = StoryObj<MtUrlFieldMeta>;
+export type MtUrlFieldStory = StoryObj<typeof MtUrlField>;
 
 export const DefaultStory: MtUrlFieldStory = {
   name: "mt-url-field",
diff --git a/packages/component-library/src/components/form/mt-url-field/mt-url-field.vue b/packages/component-library/src/components/form/mt-url-field/mt-url-field.vue
index 85d8ce4ef..20083877e 100644
--- a/packages/component-library/src/components/form/mt-url-field/mt-url-field.vue
+++ b/packages/component-library/src/components/form/mt-url-field/mt-url-field.vue
@@ -1,231 +1,399 @@
 <template>
-  <mt-base-field
-    class="mt-field--url"
-    :disabled="disabled"
-    :required="required"
-    :is-inherited="isInherited"
-    :is-inheritance-field="isInheritanceField"
-    :disable-inheritance-toggle="disableInheritanceToggle"
-    :copyable="copyable"
-    :copyable-tooltip="copyableTooltip"
-    :copyable-text="url"
-    :has-focus="hasFocus"
-    :help-text="helpText"
-    :name="name"
-    :size="size"
-    @inheritance-restore="$emit('inheritance-restore', $event)"
-    @inheritance-remove="$emit('inheritance-remove', $event)"
+  <div
+    :class="[
+      'mt-url-field',
+      {
+        'mt-url-field--future-remove-default-margin': futureFlags.removeDefaultMargin,
+      },
+    ]"
   >
-    <template #label>
+    <mt-field-label
+      v-if="!!label"
+      :id="id"
+      :style="{ marginBottom: 'var(--scale-size-2)', gridArea: 'label' }"
+      :has-error="!!error"
+      :required="required"
+      :inheritance="!isInheritanceField ? 'none' : isInherited ? 'linked' : 'unlinked'"
+      @update:inheritance="
+        if (isInherited) {
+          $emit('inheritance-remove');
+        } else {
+          $emit('inheritance-restore');
+        }
+      "
+    >
       {{ label }}
-    </template>
-
-    <template #field-prefix>
-      <button
+    </mt-field-label>
+
+    <mt-help-text v-if="!!helpText" :text="helpText" :style="{ gridArea: 'help-text' }" />
+
+    <div
+      :class="[
+        'mt-url-field__block',
+        `mt-url-field__block--size-${size}`,
+        {
+          'mt-url-field__block--error': !!error,
+        },
+      ]"
+    >
+      <div
         :class="[
-          'mt-field__url-input__prefix',
+          'mt-url-field__affix',
+          'mt-url-field__affix--prefix',
           {
-            'is--ssl': sslActive,
+            'mt-url-field__affix--disabled': disabled,
           },
         ]"
-        aria-describedby="ssl-switch"
-        :disabled="disabled || isInherited"
-        @click="
-          () => {
-            sslActive = !sslActive;
-            $emit('update:modelValue', url);
-          }
-        "
       >
-        <mt-icon v-if="sslActive" name="regular-lock" :small="true" />
-        <mt-icon v-else name="regular-lock-open" :small="true" />
-        <span aria-describedby="url-prefix">
-          {{ urlPrefix }}
-        </span>
-      </button>
-    </template>
-
-    <template #element="{ identification }">
-      <!-- @vue-ignore -->
+        <button
+          class="mt-url-field__protocol-toggle"
+          :disabled="disabled || isInherited"
+          @click="
+            () => {
+              sslActive = !sslActive;
+              modelValue = url;
+            }
+          "
+        >
+          <mt-icon
+            :name="sslActive ? 'solid-lock' : 'solid-lock-open'"
+            :color="
+              sslActive ? 'var(--color-icon-positive-default)' : 'var(--color-icon-primary-default)'
+            "
+            size="var(--scale-size-12)"
+            aria-hidden="true"
+          />
+          <span>{{ urlPrefix }}</span>
+        </button>
+      </div>
+
       <input
-        :id="identification"
+        :value="decodeURI(currentValue || '')"
+        :id="id"
         type="url"
-        class="mt-url-input-field__input"
-        :name="identification"
-        :value="decodeURI(currentValue)"
         :placeholder="placeholder"
+        :name="name"
         :required="required"
         :disabled="disabled || isInherited"
-        @focus="setFocusClass"
+        class="mt-url-field__input"
         @input="
           (event) => {
-            const result = checkInput(event.target.value);
+            const result = checkInput((event.target as HTMLInputElement).value);
             currentValue = result;
-            $emit('update:modelValue', url);
+            modelValue = url;
           }
         "
-        @blur="
-          (event) => {
-            const result = checkInput(event.target.value);
-            currentValue = result;
-            $emit('update:modelValue', url);
-
-            removeFocusClass();
-          }
-        "
-        @change.stop="$emit('change', $event.target.value || '')"
+        @change.stop="$emit('change', ($event.target as HTMLInputElement).value || '')"
       />
-    </template>
-
-    <template #field-suffix>
-      <slot name="suffix" />
-    </template>
 
-    <template #error>
-      <mt-field-error v-if="error" :error="error" />
-    </template>
-  </mt-base-field>
+      <mt-tooltip v-if="copyable" :content="t('copyTooltip')">
+        <template #default="props">
+          <button
+            v-bind="props"
+            class="mt-url-field__copy-button"
+            :aria-label="
+              copied ? t('copyButtonDescriptionValueCopied') : t('copyButtonDescription')
+            "
+            @click="
+              () => {
+                if (!currentValue) return;
+                copy(currentValue);
+              }
+            "
+          >
+            <mt-icon
+              :name="copied ? 'regular-checkmark' : 'regular-copy'"
+              size="var(--scale-size-18)"
+              color="var(--color-icon-primary-default)"
+            />
+          </button>
+        </template>
+      </mt-tooltip>
+
+      <div v-if="$slots.suffix" class="mt-url-field__affix mt-url-field__affix--suffix">
+        <slot name="suffix" />
+      </div>
+    </div>
+
+    <mt-field-error :error="error" :style="{ gridArea: 'error' }" />
+
+    <div class="mt-url-field__hint" v-if="$slots.hint">
+      <slot name="hint" />
+    </div>
+  </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from "vue";
-import MtTextField from "../mt-text-field/mt-text-field.vue";
+<script setup lang="ts">
+import { useId, computed, watch, ref, defineProps, defineEmits } from "vue";
 import MtIcon from "../../icons-media/mt-icon/mt-icon.vue";
+import MtFieldLabel from "../_internal/mt-field-label/mt-field-label.vue";
+import MtHelpText from "../mt-help-text/mt-help-text.vue";
+import MtFieldError from "../_internal/mt-field-error/mt-field-error.vue";
+import MtTooltip from "../../overlay/mt-tooltip/mt-tooltip.vue";
+import { useClipboard } from "@vueuse/core";
+import { useI18n } from "vue-i18n";
+import { useFutureFlags } from "@/composables/useFutureFlags";
+
+const futureFlags = useFutureFlags();
 
 const URL_REGEX = {
   PROTOCOL: /([a-zA-Z0-9]+:\/\/)+/,
   PROTOCOL_HTTP: /^https?:\/\//,
   SSL: /^\s*https:\/\//,
   TRAILING_SLASH: /\/+$/,
-};
+} as const;
 
-export default defineComponent({
-  name: "MtUrlField",
-
-  components: {
-    "mt-icon": MtIcon,
-  },
+defineEmits<{
+  change: [value: string];
+  "inheritance-remove": [];
+  "inheritance-restore": [];
+}>();
 
-  extends: MtTextField,
+defineSlots<{
+  suffix?(): void;
+  hint?(): void;
+}>();
 
-  props: {
-    /**
-     * If set to true then all url hashes will be removed
-     */
-    omitUrlHash: {
-      type: Boolean,
-      default: false,
-    },
-    /**
-     * If set to true then all query parameters will be removed
-     */
-    omitUrlSearch: {
-      type: Boolean,
-      default: false,
-    },
-  },
+const modelValue = defineModel({
+  type: String,
+});
 
-  data() {
-    return {
-      sslActive: true,
-      currentValue: this.modelValue || "",
+const props = withDefaults(
+  defineProps<{
+    omitUrlHash?: boolean;
+    omitUrlSearch?: boolean;
+    copyable?: boolean;
+    error?: {
+      detail: string;
     };
+    label?: string;
+    required?: boolean;
+    isInheritanceField?: boolean;
+    isInherited?: boolean;
+    helpText?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    name?: string;
+    size?: "small" | "default";
+  }>(),
+  {
+    size: "default",
   },
+);
 
-  computed: {
-    urlPrefix() {
-      return this.sslActive ? "https://" : "http://";
-    },
+const id = useId();
 
-    url(): string {
-      // @ts-expect-error -- modelValue is always a string
-      const trimmedValue = this.currentValue.trim();
-      if (!trimmedValue) return "";
+const currentValue = ref(modelValue.value);
+const sslActive = ref(true);
 
-      return `${this.urlPrefix}${trimmedValue}`;
-    },
-  },
+const urlPrefix = computed(() => {
+  return sslActive.value ? "https://" : "http://";
+});
 
-  watch: {
-    modelValue: {
-      handler() {
-        // @ts-expect-error -- modelValue is always a string
-        const result = this.checkInput(this.currentValue);
+const url = computed(() => {
+  const trimmedValue = currentValue.value?.trim();
+  if (!trimmedValue) return "";
 
-        this.currentValue = result;
-      },
-      immediate: true,
-    },
+  return `${urlPrefix.value}${trimmedValue}`;
+});
+
+watch(
+  () => modelValue.value,
+  () => {
+    const result = checkInput(currentValue.value || "");
+
+    currentValue.value = result;
   },
+  { immediate: true },
+);
 
-  methods: {
-    checkInput(inputValue: string) {
-      if (!inputValue.length) return "";
+function checkInput(inputValue: string) {
+  if (!inputValue.length) return "";
 
-      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec
-      if (inputValue.match(URL_REGEX.PROTOCOL_HTTP)) {
-        this.sslActive = !!inputValue.match(URL_REGEX.SSL);
-      }
+  // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec
+  if (inputValue.match(URL_REGEX.PROTOCOL_HTTP)) {
+    sslActive.value = !!inputValue.match(URL_REGEX.SSL);
+  }
 
-      const validated = this.transformURL(inputValue);
+  const validated = transformURL(inputValue);
 
-      if (!validated) {
-        throw new Error("Invalid URL");
-      } else {
-        return validated;
-      }
-    },
+  if (!validated) {
+    throw new Error("Invalid URL");
+  } else {
+    return validated;
+  }
+}
 
-    transformURL(value: string) {
-      const url = new URL(value.match(URL_REGEX.PROTOCOL) ? value : `${this.urlPrefix}${value}`);
+function transformURL(value: string) {
+  const url = new URL(value.match(URL_REGEX.PROTOCOL) ? value : `${urlPrefix.value}${value}`);
 
-      if (!url) return null;
+  if (!url) return null;
 
-      if (this.omitUrlSearch) url.search = "";
-      if (this.omitUrlHash) url.hash = "";
+  if (props.omitUrlSearch) url.search = "";
+  if (props.omitUrlHash) url.hash = "";
 
-      // when a hash or search query is provided we want to allow trailing slash, eg a vue route `admin#/`
-      const removeTrailingSlash =
-        url.hash === "" && url.search === "" ? URL_REGEX.TRAILING_SLASH : "";
+  // when a hash or search query is provided we want to allow trailing slash, eg a vue route `admin#/`
+  const removeTrailingSlash = url.hash === "" && url.search === "" ? URL_REGEX.TRAILING_SLASH : "";
 
-      // build URL via native URL.toString() function instead by hand @see NEXT-15747
-      return url
-        .toString()
-        .replace(URL_REGEX.PROTOCOL, "")
-        .replace(removeTrailingSlash, "")
-        .replace(url.host, decodeURI(url.host));
+  // build URL via native URL.toString() function instead by hand @see NEXT-15747
+  return url
+    .toString()
+    .replace(URL_REGEX.PROTOCOL, "")
+    .replace(removeTrailingSlash, "")
+    .replace(url.host, decodeURI(url.host));
+}
+
+const { copy, copied } = useClipboard();
+
+const { t } = useI18n({
+  messages: {
+    de: {
+      copyTooltip: "URL in Zwischenablage kopieren",
+      copyButtonDescription: "URL in Zwischenablage kopieren",
+      copyButtonDescriptionValueCopied: "URL in Zwischenablage kopiert",
+    },
+    en: {
+      copyTooltip: "Copy URL to clipboard",
+      copyButtonDescription: "Copy URL to clipboard",
+      copyButtonDescriptionValueCopied: "Copied URL to clipboard",
     },
   },
 });
 </script>
 
-<style lang="scss">
-@import "../../assets/scss/variables";
-
-$mt-field-color-secure: $color-emerald-500;
-
-.mt-field {
-  &__url-input__prefix {
-    display: inline-flex;
-    align-items: center;
-    cursor: pointer;
-    user-select: none;
-    margin: -12px -15px;
-    padding: var(--scale-size-12) 15px;
-
-    &.is--ssl {
-      color: $mt-field-color-secure;
-    }
-
-    .mt-icon {
-      width: var(--scale-size-8);
-      margin-right: var(--scale-size-4);
-
-      > svg {
-        width: 100% !important;
-        height: 100% !important;
-      }
-    }
+<style scoped>
+.mt-url-field {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-areas:
+    "label help-text"
+    "input input"
+    "error error"
+    "hint hint";
+  margin-bottom: var(--scale-size-32);
+}
+
+.mt-url-field--future-remove-default-margin {
+  margin-bottom: 0;
+}
+
+.mt-url-field__block {
+  grid-area: input;
+  display: flex;
+  align-items: center;
+  /* stylelint-disable-next-line meteor/prefer-sizing-token -- A trick, so the input can take 100% of its parent */
+  height: 1px;
+  border: 1px solid var(--color-border-primary-default);
+  border-radius: var(--border-radius-xs);
+  background: var(--color-elevation-surface-raised);
+
+  &:has(.mt-url-field__input:focus-visible) {
+    border-color: var(--color-border-brand-selected);
+    box-shadow: 0 0 4px 0 rgba(24, 158, 255, 0.3);
+  }
+
+  &:has(.mt-url-field__input:disabled) {
+    background: var(--color-background-primary-disabled);
   }
 }
+
+.mt-url-field__block--size-default {
+  min-height: var(--scale-size-48);
+}
+
+.mt-url-field__block--size-small {
+  min-height: var(--scale-size-32);
+}
+
+.mt-url-field__block--error {
+  border-color: var(--color-border-critical-default);
+  background: var(--color-background-critical-dark);
+}
+
+.mt-url-field__input {
+  all: unset;
+
+  height: 100%;
+  width: 100%;
+  color: var(--color-text-primary-default);
+  padding-inline: var(--scale-size-16);
+  font-size: var(--font-size-xs);
+  line-height: var(--line-height-xs);
+
+  &::placeholder {
+    color: var(--color-text-secondary-default);
+  }
+}
+
+.mt-url-field__affix {
+  display: grid;
+  place-items: center;
+  height: 100%;
+  background: var(--color-interaction-secondary-default);
+  color: var(--color-text-primary-default);
+  font-weight: var(--font-weight-medium);
+  padding-inline: var(--scale-size-12);
+  background: var(--color-interaction-secondary-dark);
+}
+
+.mt-url-field__affix--disabled {
+  background: var(--color-interaction-secondary-disabled);
+}
+
+.mt-url-field__affix--prefix {
+  border-top-left-radius: var(--border-radius-xs);
+  border-bottom-left-radius: var(--border-radius-xs);
+  border-right: 1px solid var(--color-border-primary-default);
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-xs);
+}
+
+.mt-url-field__affix--suffix {
+  border-top-right-radius: var(--border-radius-xs);
+  border-bottom-right-radius: var(--border-radius-xs);
+  border-left: 1px solid var(--color-border-primary-default);
+  font-size: var(--font-size-2xs);
+  line-height: var(--font-line-height-2xs);
+}
+
+.mt-url-field__protocol-toggle {
+  display: flex;
+  align-items: center;
+  gap: var(--scale-size-2);
+
+  &:focus-visible {
+    outline-offset: 4px;
+    outline: 2px solid var(--color-border-brand-selected);
+    border-radius: var(--border-radius-xs);
+  }
+
+  &:disabled {
+    cursor: default;
+  }
+}
+
+.mt-url-field__copy-button {
+  display: grid;
+  place-items: center;
+  padding: var(--scale-size-8);
+  border-radius: var(--border-radius-button);
+  transition: background-color 0.15s ease-out;
+  margin-inline-end: var(--scale-size-6);
+
+  &:is(:hover, :focus-visible) {
+    background-color: var(--color-interaction-secondary-hover);
+  }
+  &:focus-visible {
+    outline: 2px solid var(--color-border-brand-selected);
+  }
+}
+
+.mt-url-field__hint {
+  grid-area: hint;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-xs);
+  color: var(--color-text-tertiary-default);
+  margin-top: 0.1875rem;
+}
 </style>
diff --git a/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.spec.ts b/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.spec.ts
index 753dedc3a..11c8391e8 100644
--- a/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.spec.ts
+++ b/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.spec.ts
@@ -27,8 +27,8 @@ describe("mt-tooltip", () => {
 
     // ACT & ASSERT
     expect(screen.queryByRole("tooltip", { name: "Tooltip" })).not.toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Open tooltip" })).not.toHaveAttribute(
-      "aria-describedby",
+    expect(screen.getByRole("button", { name: "Open tooltip" })).toHaveAccessibleDescription(
+      "Tooltip",
     );
   });
 
@@ -108,7 +108,7 @@ describe("mt-tooltip", () => {
     },
   );
 
-  it("does not announce the content of the tooltip when the tooltip is hidden", async () => {
+  it("does read out the tooltip content when focusing the trigger", async () => {
     // ARRANGE
     render(MtTooltip, {
       props: {
@@ -123,10 +123,10 @@ describe("mt-tooltip", () => {
     await flushPromises();
 
     // ACT & ASSERT
-    expect(screen.getByRole("button", { name: "Open tooltip" })).not.toHaveAccessibleDescription(
+    expect(screen.getByRole("button", { name: "Open tooltip" })).toHaveAccessibleDescription(
       "Tooltip",
     );
-    expect(screen.getByRole("button", { name: "Open tooltip" })).not.toHaveAttribute(
+    expect(screen.getByRole("button", { name: "Open tooltip" })).toHaveAttribute(
       "aria-describedby",
     );
   });
diff --git a/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.vue b/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.vue
index 97e38741e..dc081946b 100644
--- a/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.vue
+++ b/packages/component-library/src/components/overlay/mt-tooltip/mt-tooltip.vue
@@ -17,7 +17,7 @@
       onMouseleave,
       onMousedown,
       onMouseup: () => setState({ isPressingTrigger: false }),
-      'aria-describedby': isVisible ? `mt-tooltip--${id}__tooltip` : undefined,
+      'aria-describedby': `mt-tooltip--${id}__tooltip`,
     }"
   />
 
@@ -37,6 +37,7 @@
         <span>{{ content }}</span>
 
         <svg
+          aria-hidden="true"
           ref="arrowRef"
           width="8"
           height="4"
@@ -66,7 +67,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, nextTick, computed, provide } from "vue";
+import { onMounted, ref, nextTick, computed, provide, useId } from "vue";
 import {
   autoUpdate,
   flip,
@@ -76,7 +77,6 @@ import {
   arrow,
   type Placement,
 } from "@floating-ui/vue";
-import { useId } from "@/composables/useId";
 import { useTooltipState } from "./composables/useTooltipState";
 import { useTimeout } from "@vueuse/core";
 import { TooltipContext } from "./composables/useIsInsideTooltip";
@@ -101,13 +101,11 @@ const id = useId();
 
 onMounted(() => {
   nextTick(() => {
-    const triggerDOMElement = document.querySelector<HTMLElement>(
-      `#mt-tooltip--${id.value}__trigger`,
-    );
+    const triggerDOMElement = document.querySelector<HTMLElement>(`#mt-tooltip--${id}__trigger`);
 
     if (!triggerDOMElement)
       throw new Error(
-        `Failed to render mt-tooltip; Could not find trigger element with id: "mt-tooltip-${id.value}__trigger"`,
+        `Failed to render mt-tooltip; Could not find trigger element with id: "mt-tooltip-${id}__trigger"`,
       );
 
     triggerRef.value = triggerDOMElement;
@@ -117,7 +115,7 @@ onMounted(() => {
 const { isVisible, show, hide, setState } = useTooltipState();
 
 function onBlur(event: FocusEvent) {
-  const clickedOnTooltip = (event?.relatedTarget as HTMLElement)?.closest(`#${id.value}`);
+  const clickedOnTooltip = (event?.relatedTarget as HTMLElement)?.closest(`#${id}`);
   if (clickedOnTooltip) {
     (event.target as HTMLElement).focus();
     return;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c6fee25e0..d6452109b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -302,7 +302,7 @@ importers:
         version: 8.4.6(storybook@8.4.6(prettier@3.2.5))
       '@testing-library/jest-dom':
         specifier: ^6.4.6
-        version: 6.4.6(@jest/globals@29.7.0)(jest@29.7.0(@types/node@18.19.36)(ts-node@10.9.2(@swc/core@1.6.1)(@types/node@18.19.36)(typescript@5.7.3)))(vitest@1.6.0)
+        version: 6.4.6(@jest/globals@29.7.0)(jest@29.7.0(@types/node@18.19.36)(ts-node@10.9.2(@swc/core@1.6.1)(@types/node@18.19.36)(typescript@5.7.3)))(vitest@3.0.5)
       '@testing-library/vue':
         specifier: ^8.1.0
         version: 8.1.0(@vue/compiler-sfc@3.5.13)(vue@3.5.13(typescript@5.7.3))
@@ -467,8 +467,8 @@ importers:
         specifier: ^4.4.0
         version: 4.6.2(vite@4.5.5(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))(vue@3.5.13(typescript@5.7.3))
       '@vitest/ui':
-        specifier: ^1.1.3
-        version: 1.6.0(vitest@1.6.0)
+        specifier: ^3.0.5
+        version: 3.0.5(vitest@3.0.5)
       '@vue/eslint-config-typescript':
         specifier: ^12.0.0
         version: 12.0.0(eslint-plugin-vue@9.26.0(eslint@8.57.0))(eslint@8.57.0)(typescript@5.7.3)
@@ -489,7 +489,7 @@ importers:
         version: 0.11.1(eslint@8.57.0)(typescript@5.7.3)
       eslint-plugin-vitest:
         specifier: ^0.3.20
-        version: 0.3.26(eslint@8.57.0)(typescript@5.7.3)(vitest@1.6.0)
+        version: 0.3.26(eslint@8.57.0)(typescript@5.7.3)(vitest@3.0.5)
       eslint-plugin-vitest-globals:
         specifier: ^1.4.0
         version: 1.5.0
@@ -551,8 +551,8 @@ importers:
         specifier: ^1.0.0
         version: 1.0.0
       vitest:
-        specifier: ^1.1.3
-        version: 1.6.0(@types/node@18.19.36)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
+        specifier: ^3.0.5
+        version: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
       vue-tsc:
         specifier: ^2.2.0
         version: 2.2.0(typescript@5.7.3)
@@ -4678,29 +4678,60 @@ packages:
   '@vitest/expect@2.0.5':
     resolution: {integrity: sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==}
 
+  '@vitest/expect@3.0.5':
+    resolution: {integrity: sha512-nNIOqupgZ4v5jWuQx2DSlHLEs7Q4Oh/7AYwNyE+k0UQzG7tSmjPXShUikn1mpNGzYEN2jJbTvLejwShMitovBA==}
+
+  '@vitest/mocker@3.0.5':
+    resolution: {integrity: sha512-CLPNBFBIE7x6aEGbIjaQAX03ZZlBMaWwAjBdMkIf/cAn6xzLTiM3zYqO/WAbieEjsAZir6tO71mzeHZoodThvw==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0 || ^6.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
   '@vitest/pretty-format@2.0.5':
     resolution: {integrity: sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==}
 
   '@vitest/pretty-format@2.1.8':
     resolution: {integrity: sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ==}
 
+  '@vitest/pretty-format@3.0.5':
+    resolution: {integrity: sha512-CjUtdmpOcm4RVtB+up8r2vVDLR16Mgm/bYdkGFe3Yj/scRfCpbSi2W/BDSDcFK7ohw8UXvjMbOp9H4fByd/cOA==}
+
   '@vitest/runner@1.6.0':
     resolution: {integrity: sha512-P4xgwPjwesuBiHisAVz/LSSZtDjOTPYZVmNAnpHHSR6ONrf8eCJOFRvUwdHn30F5M1fxhqtl7QZQUk2dprIXAg==}
 
+  '@vitest/runner@3.0.5':
+    resolution: {integrity: sha512-BAiZFityFexZQi2yN4OX3OkJC6scwRo8EhRB0Z5HIGGgd2q+Nq29LgHU/+ovCtd0fOfXj5ZI6pwdlUmC5bpi8A==}
+
   '@vitest/snapshot@1.6.0':
     resolution: {integrity: sha512-+Hx43f8Chus+DCmygqqfetcAZrDJwvTj0ymqjQq4CvmpKFSTVteEOBzCusu1x2tt4OJcvBflyHUE0DZSLgEMtQ==}
 
+  '@vitest/snapshot@3.0.5':
+    resolution: {integrity: sha512-GJPZYcd7v8QNUJ7vRvLDmRwl+a1fGg4T/54lZXe+UOGy47F9yUfE18hRCtXL5aHN/AONu29NGzIXSVFh9K0feA==}
+
   '@vitest/spy@1.6.0':
     resolution: {integrity: sha512-leUTap6B/cqi/bQkXUu6bQV5TZPx7pmMBKBQiI0rJA8c3pB56ZsaTbREnF7CJfmvAS4V2cXIBAh/3rVwrrCYgw==}
 
   '@vitest/spy@2.0.5':
     resolution: {integrity: sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==}
 
+  '@vitest/spy@3.0.5':
+    resolution: {integrity: sha512-5fOzHj0WbUNqPK6blI/8VzZdkBlQLnT25knX0r4dbZI9qoZDf3qAdjoMmDcLG5A83W6oUUFJgUd0EYBc2P5xqg==}
+
   '@vitest/ui@1.6.0':
     resolution: {integrity: sha512-k3Lyo+ONLOgylctiGovRKy7V4+dIN2yxstX3eY5cWFXH6WP+ooVX79YSyi0GagdTQzLmT43BF27T0s6dOIPBXA==}
     peerDependencies:
       vitest: 1.6.0
 
+  '@vitest/ui@3.0.5':
+    resolution: {integrity: sha512-gw2noso6WI+2PeMVCZFntdATS6xl9qhQcbhkPQ9sOmx/Xn0f4Bx4KDSbD90jpJPF0l5wOzSoGCmKyVR3W612mg==}
+    peerDependencies:
+      vitest: 3.0.5
+
   '@vitest/utils@1.6.0':
     resolution: {integrity: sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==}
 
@@ -4710,6 +4741,9 @@ packages:
   '@vitest/utils@2.1.8':
     resolution: {integrity: sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA==}
 
+  '@vitest/utils@3.0.5':
+    resolution: {integrity: sha512-N9AX0NUoUtVwKwy21JtwzaqR5L5R5A99GAbrHfCCXK1lp593i/3AZAXhSP43wRQuxYsflrdzEfXZFo1reR1Nkg==}
+
   '@volar/language-core@2.3.0':
     resolution: {integrity: sha512-pvhL24WUh3VDnv7Yw5N1sjhPtdx7q9g+Wl3tggmnkMcyK8GcCNElF2zHiKznryn0DiUGk+eez/p2qQhz+puuHw==}
 
@@ -6850,6 +6884,9 @@ packages:
   es-module-lexer@1.5.3:
     resolution: {integrity: sha512-i1gCgmR9dCl6Vil6UKPI/trA69s08g/syhiDK9TG0Nf1RJjjFI+AzoWW7sPufzkgYAn861skuCwJa0pIIHYxvg==}
 
+  es-module-lexer@1.6.0:
+    resolution: {integrity: sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==}
+
   es-object-atoms@1.0.0:
     resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
     engines: {node: '>= 0.4'}
@@ -7242,6 +7279,10 @@ packages:
   expect-playwright@0.8.0:
     resolution: {integrity: sha512-+kn8561vHAY+dt+0gMqqj1oY+g5xWrsuGMk4QGxotT2WS545nVqqjs37z6hrYfIuucwqthzwJfCJUEYqixyljg==}
 
+  expect-type@1.1.0:
+    resolution: {integrity: sha512-bFi65yM+xZgk+u/KRIpekdSYkTB5W1pEf0Lt8Q8Msh7b+eQ7LXVtIB1Bkm4fvclDEL1b2CZkMhv2mOeF8tMdkA==}
+    engines: {node: '>=12.0.0'}
+
   expect@27.5.1:
     resolution: {integrity: sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
@@ -7336,6 +7377,14 @@ packages:
   fd-slicer@1.1.0:
     resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
 
+  fdir@6.4.3:
+    resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
   feed@4.2.2:
     resolution: {integrity: sha512-u5/sxGfiMfZNtJ3OvQpXcvotFpYkL0n9u9mM2vkui2nGo8b4wvDkJ8gAkYqbA8QpGyFCv3RK0Z+Iv+9veCS9bQ==}
     engines: {node: '>=0.4.0'}
@@ -7440,6 +7489,9 @@ packages:
   flatted@3.3.1:
     resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
 
+  flatted@3.3.2:
+    resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
+
   flatten@1.0.3:
     resolution: {integrity: sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==}
     deprecated: flatten is deprecated in favor of utility frameworks such as lodash.
@@ -10233,6 +10285,9 @@ packages:
   pathe@2.0.1:
     resolution: {integrity: sha512-6jpjMpOth5S9ITVu5clZ7NOgHNsv5vRQdheL9ztp2vZmM6fRbLvyua1tiBIL4lk8SAe3ARzeXEly6siXCjDHDw==}
 
+  pathe@2.0.2:
+    resolution: {integrity: sha512-15Ztpk+nov8DR524R4BF7uEuzESgzUEAV4Ah7CUMNGXdE5ELuvxElxGXndBl32vMSsWa1jpNf22Z+Er3sKwq+w==}
+
   pathval@1.1.1:
     resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
 
@@ -11728,6 +11783,10 @@ packages:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
 
+  sirv@3.0.0:
+    resolution: {integrity: sha512-BPwJGUeDaDCHihkORDchNyyTvWFhcusy1XMmhEVTQTwGeybFbp8YEmB+njbPnth1FibULBSBVwCQni25XlCUDg==}
+    engines: {node: '>=18'}
+
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
@@ -11891,6 +11950,9 @@ packages:
   std-env@3.7.0:
     resolution: {integrity: sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==}
 
+  std-env@3.8.0:
+    resolution: {integrity: sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==}
+
   stdin-discarder@0.2.2:
     resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
     engines: {node: '>=18'}
@@ -12295,17 +12357,35 @@ packages:
   tinybench@2.8.0:
     resolution: {integrity: sha512-1/eK7zUnIklz4JUUlL+658n58XO2hHLQfSk1Zf2LKieUjxidN16eKFEoDEfjHc3ohofSSqK3X5yO6VGb6iW8Lw==}
 
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
   tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
 
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
+  tinyglobby@0.2.10:
+    resolution: {integrity: sha512-Zc+8eJlFMvgatPZTl6A9L/yht8QqdmUNtURHaKZLmKBE12hNPSrqNkUp2cs3M/UKmNVVAMFQYSjYIVHDjW5zew==}
+    engines: {node: '>=12.0.0'}
+
   tinypool@0.8.4:
     resolution: {integrity: sha512-i11VH5gS6IFeLY3gMBQ00/MmLncVP7JLXOw1vlgkytLmJK7QnEr7NXf0LBdxfmNPAeyetukOk0bOYrJrFGjYJQ==}
     engines: {node: '>=14.0.0'}
 
+  tinypool@1.0.2:
+    resolution: {integrity: sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
   tinyrainbow@1.2.0:
     resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
     engines: {node: '>=14.0.0'}
 
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
   tinyspy@2.2.1:
     resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
     engines: {node: '>=14.0.0'}
@@ -13002,6 +13082,11 @@ packages:
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
+  vite-node@3.0.5:
+    resolution: {integrity: sha512-02JEJl7SbtwSDJdYS537nU6l+ktdvcREfLksk/NDAqtdKWGqHl+joXzEubHROmS3E6pip+Xgu2tFezMu75jH7A==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+
   vite-plugin-checker@0.6.4:
     resolution: {integrity: sha512-2zKHH5oxr+ye43nReRbC2fny1nyARwhxdm0uNYp/ERy4YvU9iZpNOsueoi/luXw5gnpqRSvjcEPxXbS153O2wA==}
     engines: {node: '>=14.16'}
@@ -13168,6 +13253,34 @@ packages:
       jsdom:
         optional: true
 
+  vitest@3.0.5:
+    resolution: {integrity: sha512-4dof+HvqONw9bvsYxtkfUp2uHsTN9bV2CZIi1pWgoFpL1Lld8LA1ka9q/ONSsoScAKG7NVGf2stJTI7XRkXb2Q==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@vitest/browser': 3.0.5
+      '@vitest/ui': 3.0.5
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/debug':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
   void-elements@3.1.0:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
@@ -13523,6 +13636,11 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
   wide-align@1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
 
@@ -17325,7 +17443,7 @@ snapshots:
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
-      magic-string: 0.30.14
+      magic-string: 0.30.17
     optionalDependencies:
       rollup: 4.18.0
 
@@ -17333,7 +17451,7 @@ snapshots:
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       estree-walker: 2.0.2
-      magic-string: 0.30.14
+      magic-string: 0.30.17
     optionalDependencies:
       rollup: 4.18.0
 
@@ -17357,7 +17475,7 @@ snapshots:
   '@rollup/plugin-replace@5.0.7(rollup@4.18.0)':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
-      magic-string: 0.30.14
+      magic-string: 0.30.17
     optionalDependencies:
       rollup: 4.18.0
 
@@ -18212,7 +18330,7 @@ snapshots:
       lz-string: 1.5.0
       pretty-format: 27.5.1
 
-  '@testing-library/jest-dom@6.4.6(@jest/globals@29.7.0)(jest@29.7.0(@types/node@18.19.36)(ts-node@10.9.2(@swc/core@1.6.1)(@types/node@18.19.36)(typescript@5.7.3)))(vitest@1.6.0)':
+  '@testing-library/jest-dom@6.4.6(@jest/globals@29.7.0)(jest@29.7.0(@types/node@18.19.36)(ts-node@10.9.2(@swc/core@1.6.1)(@types/node@18.19.36)(typescript@5.7.3)))(vitest@3.0.5)':
     dependencies:
       '@adobe/css-tools': 4.4.0
       '@babel/runtime': 7.24.7
@@ -18225,7 +18343,7 @@ snapshots:
     optionalDependencies:
       '@jest/globals': 29.7.0
       jest: 29.7.0(@types/node@18.19.36)(ts-node@10.9.2(@swc/core@1.6.1)(@types/node@18.19.36)(typescript@5.7.3))
-      vitest: 1.6.0(@types/node@18.19.36)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
+      vitest: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
 
   '@testing-library/jest-dom@6.5.0':
     dependencies:
@@ -19455,6 +19573,21 @@ snapshots:
       chai: 5.1.2
       tinyrainbow: 1.2.0
 
+  '@vitest/expect@3.0.5':
+    dependencies:
+      '@vitest/spy': 3.0.5
+      '@vitest/utils': 3.0.5
+      chai: 5.1.2
+      tinyrainbow: 2.0.0
+
+  '@vitest/mocker@3.0.5(vite@5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))':
+    dependencies:
+      '@vitest/spy': 3.0.5
+      estree-walker: 3.0.3
+      magic-string: 0.30.17
+    optionalDependencies:
+      vite: 5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+
   '@vitest/pretty-format@2.0.5':
     dependencies:
       tinyrainbow: 1.2.0
@@ -19463,18 +19596,33 @@ snapshots:
     dependencies:
       tinyrainbow: 1.2.0
 
+  '@vitest/pretty-format@3.0.5':
+    dependencies:
+      tinyrainbow: 2.0.0
+
   '@vitest/runner@1.6.0':
     dependencies:
       '@vitest/utils': 1.6.0
       p-limit: 5.0.0
       pathe: 1.1.2
 
+  '@vitest/runner@3.0.5':
+    dependencies:
+      '@vitest/utils': 3.0.5
+      pathe: 2.0.2
+
   '@vitest/snapshot@1.6.0':
     dependencies:
       magic-string: 0.30.10
       pathe: 1.1.2
       pretty-format: 29.7.0
 
+  '@vitest/snapshot@3.0.5':
+    dependencies:
+      '@vitest/pretty-format': 3.0.5
+      magic-string: 0.30.17
+      pathe: 2.0.2
+
   '@vitest/spy@1.6.0':
     dependencies:
       tinyspy: 2.2.1
@@ -19483,16 +19631,32 @@ snapshots:
     dependencies:
       tinyspy: 3.0.2
 
+  '@vitest/spy@3.0.5':
+    dependencies:
+      tinyspy: 3.0.2
+
   '@vitest/ui@1.6.0(vitest@1.6.0)':
     dependencies:
       '@vitest/utils': 1.6.0
       fast-glob: 3.3.2
       fflate: 0.8.2
-      flatted: 3.3.1
+      flatted: 3.3.2
       pathe: 1.1.2
-      picocolors: 1.0.1
+      picocolors: 1.1.1
       sirv: 2.0.4
-      vitest: 1.6.0(@types/node@18.19.36)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
+      vitest: 1.6.0(@types/node@20.14.5)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
+    optional: true
+
+  '@vitest/ui@3.0.5(vitest@3.0.5)':
+    dependencies:
+      '@vitest/utils': 3.0.5
+      fflate: 0.8.2
+      flatted: 3.3.2
+      pathe: 2.0.2
+      sirv: 3.0.0
+      tinyglobby: 0.2.10
+      tinyrainbow: 2.0.0
+      vitest: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
 
   '@vitest/utils@1.6.0':
     dependencies:
@@ -19514,6 +19678,12 @@ snapshots:
       loupe: 3.1.2
       tinyrainbow: 1.2.0
 
+  '@vitest/utils@3.0.5':
+    dependencies:
+      '@vitest/pretty-format': 3.0.5
+      loupe: 3.1.2
+      tinyrainbow: 2.0.0
+
   '@volar/language-core@2.3.0':
     dependencies:
       '@volar/source-map': 2.3.0
@@ -22118,6 +22288,8 @@ snapshots:
 
   es-module-lexer@1.5.3: {}
 
+  es-module-lexer@1.6.0: {}
+
   es-object-atoms@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -22422,12 +22594,12 @@ snapshots:
       - supports-color
       - typescript
 
-  eslint-plugin-vitest@0.3.26(eslint@8.57.0)(typescript@5.7.3)(vitest@1.6.0):
+  eslint-plugin-vitest@0.3.26(eslint@8.57.0)(typescript@5.7.3)(vitest@3.0.5):
     dependencies:
       '@typescript-eslint/utils': 7.13.1(eslint@8.57.0)(typescript@5.7.3)
       eslint: 8.57.0
     optionalDependencies:
-      vitest: 1.6.0(@types/node@18.19.36)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
+      vitest: 3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -22596,6 +22768,8 @@ snapshots:
 
   expect-playwright@0.8.0: {}
 
+  expect-type@1.1.0: {}
+
   expect@27.5.1:
     dependencies:
       '@jest/types': 27.5.1
@@ -22755,6 +22929,10 @@ snapshots:
     dependencies:
       pend: 1.2.0
 
+  fdir@6.4.3(picomatch@4.0.2):
+    optionalDependencies:
+      picomatch: 4.0.2
+
   feed@4.2.2:
     dependencies:
       xml-js: 1.6.11
@@ -22887,6 +23065,8 @@ snapshots:
 
   flatted@3.3.1: {}
 
+  flatted@3.3.2: {}
+
   flatten@1.0.3: {}
 
   floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.5.0(typescript@5.7.3)):
@@ -25285,7 +25465,7 @@ snapshots:
 
   magic-string-ast@0.6.1:
     dependencies:
-      magic-string: 0.30.14
+      magic-string: 0.30.17
 
   magic-string@0.30.10:
     dependencies:
@@ -26577,6 +26757,8 @@ snapshots:
 
   pathe@2.0.1: {}
 
+  pathe@2.0.2: {}
+
   pathval@1.1.1: {}
 
   pathval@2.0.0: {}
@@ -28417,6 +28599,12 @@ snapshots:
       mrmime: 2.0.0
       totalist: 3.0.1
 
+  sirv@3.0.0:
+    dependencies:
+      '@polka/url': 1.0.0-next.25
+      mrmime: 2.0.0
+      totalist: 3.0.1
+
   sisteransi@1.0.5: {}
 
   sitemap@7.1.2:
@@ -28591,6 +28779,8 @@ snapshots:
 
   std-env@3.7.0: {}
 
+  std-env@3.8.0: {}
+
   stdin-discarder@0.2.2: {}
 
   stop-iteration-iterator@1.0.0:
@@ -29104,12 +29294,25 @@ snapshots:
 
   tinybench@2.8.0: {}
 
+  tinybench@2.9.0: {}
+
   tinycolor2@1.6.0: {}
 
+  tinyexec@0.3.2: {}
+
+  tinyglobby@0.2.10:
+    dependencies:
+      fdir: 6.4.3(picomatch@4.0.2)
+      picomatch: 4.0.2
+
   tinypool@0.8.4: {}
 
+  tinypool@1.0.2: {}
+
   tinyrainbow@1.2.0: {}
 
+  tinyrainbow@2.0.0: {}
+
   tinyspy@2.2.1: {}
 
   tinyspy@3.0.2: {}
@@ -29733,7 +29936,7 @@ snapshots:
   unwasm@0.3.9:
     dependencies:
       knitwork: 1.1.0
-      magic-string: 0.30.14
+      magic-string: 0.30.17
       mlly: 1.7.1
       pathe: 1.1.2
       pkg-types: 1.1.1
@@ -29893,13 +30096,13 @@ snapshots:
     dependencies:
       vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
 
-  vite-node@1.6.0(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1):
+  vite-node@1.6.0(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       cac: 6.7.14
       debug: 4.3.5
       pathe: 1.1.2
       picocolors: 1.0.1
-      vite: 5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -29910,13 +30113,13 @@ snapshots:
       - supports-color
       - terser
 
-  vite-node@1.6.0(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1):
+  vite-node@3.0.5(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.5
-      pathe: 1.1.2
-      picocolors: 1.0.1
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      debug: 4.4.0
+      es-module-lexer: 1.6.0
+      pathe: 2.0.2
+      vite: 5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -30008,7 +30211,7 @@ snapshots:
       '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.7)
       '@vue/compiler-dom': 3.5.13
       kolorist: 1.8.0
-      magic-string: 0.30.14
+      magic-string: 0.30.17
       vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
@@ -30066,7 +30269,7 @@ snapshots:
       sass: 1.77.6
       terser: 5.31.1
 
-  vitest@1.6.0(@types/node@18.19.36)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1):
+  vitest@1.6.0(@types/node@20.14.5)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       '@vitest/expect': 1.6.0
       '@vitest/runner': 1.6.0
@@ -30085,11 +30288,11 @@ snapshots:
       strip-literal: 2.1.0
       tinybench: 2.8.0
       tinypool: 0.8.4
-      vite: 5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
-      vite-node: 1.6.0(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
+      vite-node: 1.6.0(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
       why-is-node-running: 2.2.2
     optionalDependencies:
-      '@types/node': 18.19.36
+      '@types/node': 20.14.5
       '@vitest/ui': 1.6.0(vitest@1.6.0)
       jsdom: 22.1.0
     transitivePeerDependencies:
@@ -30101,35 +30304,36 @@ snapshots:
       - supports-color
       - terser
 
-  vitest@1.6.0(@types/node@20.14.5)(@vitest/ui@1.6.0)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1):
+  vitest@3.0.5(@types/node@18.19.36)(@vitest/ui@3.0.5)(jsdom@22.1.0)(sass@1.77.6)(terser@5.31.1):
     dependencies:
-      '@vitest/expect': 1.6.0
-      '@vitest/runner': 1.6.0
-      '@vitest/snapshot': 1.6.0
-      '@vitest/spy': 1.6.0
-      '@vitest/utils': 1.6.0
-      acorn-walk: 8.3.3
-      chai: 4.4.1
-      debug: 4.3.5
-      execa: 8.0.1
-      local-pkg: 0.5.0
-      magic-string: 0.30.10
-      pathe: 1.1.2
-      picocolors: 1.0.1
-      std-env: 3.7.0
-      strip-literal: 2.1.0
-      tinybench: 2.8.0
-      tinypool: 0.8.4
-      vite: 5.3.1(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
-      vite-node: 1.6.0(@types/node@20.14.5)(sass@1.77.6)(terser@5.31.1)
-      why-is-node-running: 2.2.2
+      '@vitest/expect': 3.0.5
+      '@vitest/mocker': 3.0.5(vite@5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1))
+      '@vitest/pretty-format': 3.0.5
+      '@vitest/runner': 3.0.5
+      '@vitest/snapshot': 3.0.5
+      '@vitest/spy': 3.0.5
+      '@vitest/utils': 3.0.5
+      chai: 5.1.2
+      debug: 4.4.0
+      expect-type: 1.1.0
+      magic-string: 0.30.17
+      pathe: 2.0.2
+      std-env: 3.8.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinypool: 1.0.2
+      tinyrainbow: 2.0.0
+      vite: 5.3.1(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      vite-node: 3.0.5(@types/node@18.19.36)(sass@1.77.6)(terser@5.31.1)
+      why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 20.14.5
-      '@vitest/ui': 1.6.0(vitest@1.6.0)
+      '@types/node': 18.19.36
+      '@vitest/ui': 3.0.5(vitest@3.0.5)
       jsdom: 22.1.0
     transitivePeerDependencies:
       - less
       - lightningcss
+      - msw
       - sass
       - stylus
       - sugarss
@@ -30629,6 +30833,11 @@ snapshots:
       siginfo: 2.0.0
       stackback: 0.0.2
 
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
   wide-align@1.1.5:
     dependencies:
       string-width: 4.2.3