diff --git a/CHANGELOG.md b/CHANGELOG.md
index 998b548f..d0d91087 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,14 +1,26 @@
+## 0.24.0 (April 4, 2024)
+
+### Features
+
+- [FDebugMenu] Add `input` type for menu items
+- [FDebugMenu] Add `select` type for menu items
+
+### Changes
+
+- [FDebugMenu] Explicitly store data in local storage if a key is set in config
+- [Storybook] Bump Node version to 18.17.1 for Storybook build (github.io page)
+
 ## 0.23.3 (March 20, 2024)
 
 ### Fixes
 
-- [Lib] Add `types` for all icon paths 
+- [Lib] Add `types` for all icon paths
 
 ## 0.23.2 (March 20, 2024)
 
 ### Fixes
 
-- [Lib] Add `types` for all export paths 
+- [Lib] Add `types` for all export paths
 
 ## 0.23.1 (February 13, 2024)
 
diff --git a/CHANGELOG.unreleased.md b/CHANGELOG.unreleased.md
index c71c76ec..abf609f9 100644
--- a/CHANGELOG.unreleased.md
+++ b/CHANGELOG.unreleased.md
@@ -1,5 +1 @@
 # Changelog Unreleased
-
-### Changes
-
-- [Storybook] Bump Node version to 18.17.1 for Storybook build (github.io page)
diff --git a/package.json b/package.json
index af47be6b..5d0621bc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fifteen/design-system-vue",
-  "version": "0.23.3",
+  "version": "0.24.0",
   "description": "Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System",
   "repository": {
     "type": "git",
@@ -121,7 +121,7 @@
     "@typescript-eslint/parser": "^6.19.0",
     "@typescript-eslint/typescript-estree": "^6.19.0",
     "@vitejs/plugin-vue": "^2.3.3",
-    "@volar/vue-language-plugin-pug": "^1.6.5",
+    "@vue/language-plugin-pug": "^2.0.12",
     "@vue/tsconfig": "^0.4.0",
     "babel-loader": "^8.2.5",
     "camelcase": "^6.3.0",
diff --git a/src/components/FButton.vue b/src/components/FButton.vue
index ed191496..2123725a 100644
--- a/src/components/FButton.vue
+++ b/src/components/FButton.vue
@@ -74,8 +74,9 @@ square($size)
   .FLink__content
     color var(--fbutton--text-color)
 
-  path
-    fill var(--fbutton--text-color)
+  .FIcon__content
+    path
+      fill var(--fbutton--text-color)
 
   &.FButton--ghost,
   &.FButton--outlined
@@ -93,8 +94,9 @@ square($size)
     .FLink__content
       color var(--fbutton--text-color--hover)
 
-    path
-      fill var(--fbutton--text-color--hover)
+    .FIcon__content
+      path
+        fill var(--fbutton--text-color--hover)
 
   &.FButton--outlined
     box-shadow 0 0 0 rem(2) var(--fbutton--outline-color) inset
diff --git a/src/components/FExpandable.vue b/src/components/FExpandable.vue
index a24d0b63..0ed0dab3 100644
--- a/src/components/FExpandable.vue
+++ b/src/components/FExpandable.vue
@@ -22,7 +22,7 @@
 
 <style lang="stylus">
 .FExpandable
-  isolation isolate
+  isolation var(--FExpandable--isolation)
 
 .FExpandable__title
   position relative
@@ -164,6 +164,10 @@ export interface FExpandableProps {
    * Color of the text when hover
    */
   textHoverColor?: Color;
+  /**
+   * In some cases, we need to disable isolation that creates a new stacking context for each expandable instance
+   */
+  noIsolation?: boolean;
 }
 
 const props = withDefaults(defineProps<FExpandableProps>(), {
@@ -174,6 +178,7 @@ const props = withDefaults(defineProps<FExpandableProps>(), {
   hoverColor: 'primary',
   textHoverColor: 'neutral--light-5',
   titleVerticalPadding: 16,
+  noIsolation: false,
 });
 
 const isToggled = useVModelProxy({ props });
@@ -198,6 +203,7 @@ const style = computed(
     '--FExpandable--icon-scale': String(props.iconScale),
     '--FExpandable--hover-color': getCssColor(props.hoverColor),
     '--FExpandable--text-hover-color': getCssColor(props.textHoverColor),
+    '--FExpandable--isolation': props.noIsolation ? 'auto' : 'isolate',
   })
 );
 
diff --git a/src/components/FMenu.vue b/src/components/FMenu.vue
index a0de9992..f24d6a19 100644
--- a/src/components/FMenu.vue
+++ b/src/components/FMenu.vue
@@ -71,6 +71,11 @@
               )
                 span {{ option.label }}
               span.FMenu__option__description(v-if="option.description") {{ option.description }}
+            .FMenu__option__spacer
+            slot(
+              name="option-suffix"
+              v-bind="{ option, index, isSelected: isSelected(index) }"
+            )
         .FMenu__noOption(v-if="options.length === 0")
           FLoader.FMenu__loader(
             v-if="loading"
@@ -145,6 +150,9 @@
   flex-direction column
   justify-content center
 
+.FMenu__option__spacer
+  flex-grow 1
+
 .FMenu__noOption
   display flex
   justify-content center
diff --git a/src/components/form/FInput.vue b/src/components/form/FInput.vue
index 401d1d60..4d69888e 100644
--- a/src/components/form/FInput.vue
+++ b/src/components/form/FInput.vue
@@ -105,7 +105,7 @@ FField.FInput(
   &:hover,
   &:focus
     color var(--color--neutral--light-1)
-    background var(--color--neutral--light-3)
+    background var(--finput--color)
     box-shadow none
 
 .FInput__errorIcon
diff --git a/src/components/form/FSelect.vue b/src/components/form/FSelect.vue
index 360e1d63..097b334d 100644
--- a/src/components/form/FSelect.vue
+++ b/src/components/form/FSelect.vue
@@ -55,7 +55,7 @@ FField.FSelect(
               .FSelect__text {{ getValueLabel(fieldValue) }}
             .FSelect__placeholder(v-else) {{ placeholder }}
         FIcon.FSelect__icon(
-          v-if="!disabled && !loading"
+          v-if="!loading"
           :name="iconName"
           :size="16"
           color="transparent"
@@ -144,6 +144,9 @@ FField.FSelect(
   .FSelect__placeholder
     color var(--color--neutral--light-1)
 
+  .FSelect__icon
+    opacity 0.25
+
   &,
   &:hover,
   &:focus
@@ -161,7 +164,7 @@ FField.FSelect(
 
 .FSelect--small
   .FSelect__select
-    padding rem(12)
+    padding rem(12) rem(4) rem(12) rem(12)
     height rem(36)
     font-size rem(14)
 </style>
@@ -386,11 +389,18 @@ function getValueLabel(value: string): string | undefined {
 function handleIconClick(event: Event): void {
   if (props.clearable && isMenuOpen.value && fieldValue.value) {
     event.stopPropagation();
-    fieldValue.value = null;
-    emit('clear');
+    clear();
   }
 }
 
+/**
+ * Clear selection
+ */
+function clear(): void {
+  fieldValue.value = null;
+  emit('clear');
+}
+
 /**
  * Handle select blur
  */
diff --git a/src/ui/FDebugMenu.vue b/src/ui/FDebugMenu.vue
index 7070de72..4c3036b9 100644
--- a/src/ui/FDebugMenu.vue
+++ b/src/ui/FDebugMenu.vue
@@ -44,7 +44,7 @@ FPopup.FDebugMenu(
           @click="isOpen = false"
         )
           FIcon(name="close")
-    transition(name="FDebugMenu__message--transition")
+    Transition(name="FDebugMenu__message--transition")
       .FDebugMenu__message(
         v-if="message"
         :class="{ 'FDebugMenu__message--error': hasError }"
@@ -67,6 +67,7 @@ FPopup.FDebugMenu(
       :title-vertical-padding="8"
       :gap="8"
       :text-hover-color="controlColor"
+      no-isolation
     )
       template(#title)
         h6 {{ group.title }}
@@ -84,8 +85,7 @@ FPopup.FDebugMenu(
         template(v-if="item.type === 'trigger'")
           FButton(
             :key="`${groupIndex}-${itemIndex}`"
-            :disabled="item.disabled"
-            size="tiny"
+            :disabled="getValue(item.disabled)"
             :color="controlColor"
             :hover-color="`${controlColor}--light-1`"
             :loading="itemLoadingKey === `${groupIndex}-${itemIndex}`"
@@ -95,12 +95,45 @@ FPopup.FDebugMenu(
           FCheckbox(
             :key="`${groupIndex}-${itemIndex}`"
             :model-value="item.ref.value"
-            :disabled="item.disabled"
-            size="tiny"
+            :disabled="getValue(item.disabled)"
             :hover-border-color="`${controlColor}--light-1`"
             :checked-border-color="`${controlColor}--light-1`"
             :checked-color="controlColor"
-            @update:model-value="updateToggleRef($event, item, `${groupIndex}-${itemIndex}`)"
+            @update:model-value="updateToggleRef($event, item)"
+            @click.stop
+          )
+        template(v-if="item.type === 'input'")
+          FInput(
+            :key="`${groupIndex}-${itemIndex}`"
+            :style="getInputStyle(item)"
+            :model-value="item.ref.value"
+            :disabled="getValue(item.disabled)"
+            :hover-border-color="`${controlColor}--light-1`"
+            :checked-border-color="`${controlColor}--light-1`"
+            :placeholder="getValue(item.placeholder, '')"
+            :outline-color="controlColor"
+            :focus-color="`${controlColor}--light-2`"
+            :color="`${controlColor}--light-2`"
+            @change="updateInputRef($event, item)"
+            @click.stop
+          )
+        template(v-if="item.type === 'select'")
+          FSelect(
+            :key="`${groupIndex}-${itemIndex}`"
+            :style="getInputStyle(item)"
+            :model-value="item.ref.value"
+            :disabled="getValue(item.disabled)"
+            :hover-border-color="`${controlColor}--light-1`"
+            :checked-border-color="`${controlColor}--light-1`"
+            :options-menu-color="`${controlColor}--light-2`"
+            :placeholder="getValue(item.placeholder, '')"
+            :outline-color="controlColor"
+            :focus-color="`${controlColor}--light-2`"
+            :color="`${controlColor}--light-2`"
+            :options="getValue(item.options)"
+            :clearable="getValue(item.clearable)"
+            size="small"
+            @update:model-value="updateInputRef($event, item)"
             @click.stop
           )
         template(v-if="item.type === 'content'")
@@ -272,34 +305,54 @@ scroll-theme()
   .FCheckbox
     margin 0
 
-  .FCheckbox__labelText
+    &__labelText
+      margin 0
+
+  .FInput
+    margin 0
+    height 2.5rem
+    width var(--FDebugMenu--inputWidth)
+
+    &__input input
+      font-size rem(14)
+
+  .FSelect
     margin 0
 </style>
 
 <script setup lang="ts">
 import { useVModelProxy } from '@fifteen/shared-lib';
 
-import { FCard, FPopup, genSize } from '@/index';
+import { FCard, FPopup, FInput, genSize } from '@/index';
 import { arrowExpand, printedCircuitBoard, close } from '@/.generated/icons';
 
 import type { Ref, MaybeRef, WritableComputedRef } from 'vue';
-import type { BaseColorDesignToken, Color } from '@/index';
+import type { BaseColorDesignToken, Color, FMenuOption } from '@/index';
 
-export type DebugMenuItemType = 'trigger' | 'toggle' | 'content';
+export type DebugMenuItemType =
+  | 'trigger'
+  | 'toggle'
+  | 'content'
+  | 'input'
+  | 'select';
 
 interface DebugMenuItemBase {
   /**
    * Title of the menu item.
    */
-  title: string;
+  title: MaybeRef<string>;
   /**
    * Optional description of the menu item.
    */
-  description?: string;
+  description?: MaybeRef<string>;
   /**
    * Whether the menu item is disabled.
    */
-  disabled?: boolean;
+  disabled?: MaybeRef<boolean>;
+  /**
+   * If given, store the value in local storage under this key.
+   */
+  localStorageKey?: string;
 }
 
 export type DebugMenuItem<T extends DebugMenuItemType = DebugMenuItemType> =
@@ -351,6 +404,56 @@ export type DebugMenuItem<T extends DebugMenuItemType = DebugMenuItemType> =
            */
           disabled?: false;
         }
+      : T extends 'input'
+      ? {
+          /**
+           * Type of the menu item.
+           */
+          type: 'input';
+          /**
+           * Reference to the input value to update.
+           */
+          ref:
+            | Ref<string | undefined>
+            | WritableComputedRef<string | undefined>;
+          /**
+           * A placeholder for the input.
+           */
+          placeholder?: MaybeRef<string>;
+          /**
+           * Width of the input. If given as a number, it will be treated as pixels.
+           */
+          width?: MaybeRef<string | number>;
+        }
+      : T extends 'select'
+      ? {
+          /**
+           * Type of the menu item.
+           */
+          type: 'select';
+          /**
+           * Reference to the input value to update.
+           */
+          ref:
+            | Ref<string | undefined>
+            | WritableComputedRef<string | undefined>;
+          /**
+           * A placeholder for the input.
+           */
+          placeholder?: MaybeRef<string>;
+          /**
+           * Width of the input. If given as a number, it will be treated as pixels.
+           */
+          width?: MaybeRef<string | number>;
+          /**
+           * Whether the select input is clearable
+           */
+          clearable?: MaybeRef<boolean>;
+          /**
+           * Options for the select input
+           */
+          options: MaybeRef<FMenuOption[]>;
+        }
       : never);
 
 export interface DebugMenuGroup {
@@ -417,6 +520,10 @@ const props = withDefaults(defineProps<FDebugMenuProps>(), {
   name: 'Debug menu',
 });
 
+defineEmits<{
+  (event: 'update:modelValue', value: boolean): void;
+}>();
+
 registerIcons('icons', {
   arrowExpand,
   printedCircuitBoard,
@@ -456,10 +563,15 @@ function restoreDebugValues(): void {
   for (const [key, value] of Object.entries(
     debugMenuStore.value?.values ?? {}
   )) {
-    props.config.forEach((group, groupIndex) => {
-      group.items.forEach((item, itemIndex) => {
-        if (item.type === 'toggle' && key === `${groupIndex}-${itemIndex}`) {
-          updateToggleRef(value as boolean, item, key);
+    props.config.forEach(group => {
+      group.items.forEach(item => {
+        if (key === item.localStorageKey) {
+          if (item.type === 'toggle') {
+            updateToggleRef(value as boolean, item);
+          }
+          if (item.type === 'input' || item.type === 'select') {
+            updateInputRef(value as string, item);
+          }
         }
       });
     });
@@ -507,7 +619,7 @@ function snap(withTransition?: boolean): void {
       /**
        * To compute if the point should be snapped to the edge, consider two
        * diagonals from the window corners, defining four quadrants. Then we
-       * whange the frame of reference to the center of the window, we normalize
+       * change the frame of reference to the center of the window, we normalize
        * the coordinates to be restricted between 0 and 1 and we compute
        * the angle of the point in polar coordinates. This easily allows us
        * to determine the quadrant the point is in, based on the angle value.
@@ -566,7 +678,7 @@ function getItemClasses(
   item: DebugMenuItem
 ): Record<string, boolean | undefined> {
   return {
-    'FDebugMenu__item--disabled': item.disabled,
+    'FDebugMenu__item--disabled': getValue(item.disabled),
     'FDebugMenu__item--clickable': item.type === 'toggle',
     'FDebugMenu__item--block': item.type === 'content',
   };
@@ -581,11 +693,36 @@ function clickItemHandler(item: DebugMenuItem): void {
 
 function updateToggleRef(
   value: boolean | null,
-  item: DebugMenuItem<'toggle'>,
-  key: string
+  item: DebugMenuItem<'toggle'>
 ): void {
   item.ref.value = value ?? false;
-  debugMenuStore.value.values[key] = item.ref.value;
+  if (item.localStorageKey) {
+    debugMenuStore.value.values[item.localStorageKey] = item.ref.value;
+  }
+}
+
+function updateInputRef(
+  value: string | Event | null,
+  item: DebugMenuItem<'input'> | DebugMenuItem<'select'>
+): void {
+  if (value instanceof Event) {
+    item.ref.value = (value.target as HTMLInputElement).value;
+  } else {
+    item.ref.value = value ?? '';
+  }
+  if (item.localStorageKey) {
+    debugMenuStore.value.values[item.localStorageKey] = item.ref.value;
+  }
+}
+
+function getValue<T>(maybeRef: MaybeRef<T>, defaultValue?: T): T | undefined {
+  return unref(maybeRef) ?? defaultValue;
+}
+
+function getInputStyle(
+  item: DebugMenuItem<'input'> | DebugMenuItem<'select'>
+): Style {
+  return { '--FDebugMenu--inputWidth': genSize(item.width) };
 }
 
 const message = ref<string | null>(null);
diff --git a/src/utils/genSize.ts b/src/utils/genSize.ts
index 74aa717d..57881141 100644
--- a/src/utils/genSize.ts
+++ b/src/utils/genSize.ts
@@ -1,4 +1,4 @@
-import type { Ref } from 'vue';
+import type { MaybeRef } from 'vue';
 
 export const cssUnits = [
   'em',
@@ -30,8 +30,8 @@ const unitRegexp = new RegExp('^(-?[0-9.]+)([a-z%]+)?$', 'i');
  * @returns Proper CSS size value
  */
 export function genSize(
-  size: Ref<SizeRaw> | SizeRaw,
-  factor?: Ref<number | null | undefined> | number | null
+  size: MaybeRef<SizeRaw>,
+  factor?: MaybeRef<number | null | undefined>
 ): string {
   const sizeValue = unref(size);
   const factorValue = unref(factor) ?? 1;
diff --git a/stories/ui/FDebugMenu.stories.ts b/stories/ui/FDebugMenu.stories.ts
index 5191bffc..09e5ce37 100644
--- a/stories/ui/FDebugMenu.stories.ts
+++ b/stories/ui/FDebugMenu.stories.ts
@@ -70,6 +70,10 @@ const ConfigTemplate = (args: FDebugMenuProps) => ({
   setup: () => {
     const testToggle1 = ref(false);
     const testToggle2 = ref(true);
+    const refInput1 = ref<string>();
+    const refInput2 = ref('World');
+    const refSelect1 = ref<string>();
+    const refSelect2 = ref('Hallo');
     const testContent = ref({
       projects: [
         {
@@ -142,6 +146,43 @@ const ConfigTemplate = (args: FDebugMenuProps) => ({
             disabled: true,
             ref: testToggle2,
           },
+          {
+            type: 'input',
+            title: 'Free input',
+            description: 'With placeholder, stored locally',
+            placeholder: 'Type here',
+            ref: refInput1,
+            localStorageKey: 'greetings',
+          },
+          {
+            type: 'input',
+            title: 'Second input',
+            description: 'This one is disabled and prefilled',
+            disabled: true,
+            ref: refInput2,
+          },
+          {
+            type: 'select',
+            title: 'Select clearable with placeholder',
+            placeholder: 'Choose...',
+            clearable: true,
+            options: ['Me', 'Moi', 'Ich'].map(text => ({
+              value: text,
+              label: text,
+            })),
+            ref: refSelect1,
+          },
+          {
+            type: 'select',
+            title: 'Second select',
+            description: 'This one is disabled and prefilled',
+            disabled: true,
+            options: ['Hello', 'Bonjour', 'Hallo'].map(text => ({
+              value: text,
+              label: text,
+            })),
+            ref: refSelect2,
+          },
         ],
       },
       {
diff --git a/tsconfig.json b/tsconfig.json
index e248ee50..1d25ea0b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -25,7 +25,7 @@
     "types": ["./components.d.ts", "./auto-imports.d.ts"]
   },
   "vueCompilerOptions": {
-    "plugins": ["@volar/vue-language-plugin-pug"]
+    "plugins": ["@vue/language-plugin-pug"]
   },
   "exclude": ["./dist/**/*"],
   "include": [
diff --git a/yarn.lock b/yarn.lock
index c5b28bda..7104bf90 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2416,7 +2416,7 @@ __metadata:
     "@typescript-eslint/typescript-estree": ^6.19.0
     "@vee-validate/rules": ^4.10.5
     "@vitejs/plugin-vue": ^2.3.3
-    "@volar/vue-language-plugin-pug": ^1.6.5
+    "@vue/language-plugin-pug": ^2.0.12
     "@vue/tsconfig": ^0.4.0
     "@vueuse/core": ^10.2.1
     babel-loader: ^8.2.5
@@ -5023,40 +5023,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar-plugins/html@npm:2.0.0":
-  version: 2.0.0
-  resolution: "@volar-plugins/html@npm:2.0.0"
-  dependencies:
-    vscode-html-languageservice: ^5.0.4
-    vscode-languageserver-protocol: ^3.17.3
-    vscode-languageserver-textdocument: ^1.0.8
-  peerDependencies:
-    "@volar/language-service": "*"
-  peerDependenciesMeta:
-    "@volar/language-service":
-      optional: true
-  checksum: 7cdb8e4c577ee02e256369669732aafcec88bf02869bb925d610b69692e87152cceb3f1f3ab19939529f3158b731af71568ad9d14b56ece80931e4ed3cc7c801
-  languageName: node
-  linkType: hard
-
-"@volar-plugins/pug@npm:2.0.0":
-  version: 2.0.0
-  resolution: "@volar-plugins/pug@npm:2.0.0"
-  dependencies:
-    "@volar-plugins/html": 2.0.0
-    muggle-string: ^0.2.2
-    pug-lexer: ^5.0.1
-    pug-parser: ^6.0.0
-    vscode-html-languageservice: ^5.0.4
-    vscode-languageserver-textdocument: ^1.0.8
-    vscode-languageserver-types: ^3.17.2
-  peerDependencies:
-    "@volar/language-service": "*"
-    "@volar/source-map": "*"
-  checksum: 02d98b40b4dadea5b8267d81dcf634dcb10bd20f52b23c6155ce4de6d928c4caa0ccb507431f11175f6914356f0f1e19b2c36f638fd67f0cc15ce57cd8fb1296
-  languageName: node
-  linkType: hard
-
 "@volar/language-core@npm:1.10.1, @volar/language-core@npm:~1.10.0":
   version: 1.10.1
   resolution: "@volar/language-core@npm:1.10.1"
@@ -5075,28 +5041,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/language-core@npm:1.4.1":
-  version: 1.4.1
-  resolution: "@volar/language-core@npm:1.4.1"
-  dependencies:
-    "@volar/source-map": 1.4.1
-  checksum: 3b0834ab9773ddce50fe3854076cb34d16dc3face7238d589d75b9aa91089ac5f595b0e74ec0319aeb7f9739c07cb30e5336ca1d36daba4c60468645a65acac1
-  languageName: node
-  linkType: hard
-
-"@volar/language-service@npm:1.4.1":
-  version: 1.4.1
-  resolution: "@volar/language-service@npm:1.4.1"
+"@volar/language-core@npm:2.2.0-alpha.7":
+  version: 2.2.0-alpha.7
+  resolution: "@volar/language-core@npm:2.2.0-alpha.7"
   dependencies:
-    "@volar/language-core": 1.4.1
-    "@volar/source-map": 1.4.1
-    typescript-auto-import-cache: ^0.2.1
-    vscode-html-languageservice: ^5.0.4
-    vscode-json-languageservice: ^5.2.0
-    vscode-languageserver-protocol: ^3.17.3
-    vscode-languageserver-textdocument: ^1.0.8
-    vscode-uri: ^3.0.7
-  checksum: ca3e90a6f6bc09e47d6f8408e67bde68e82d0c41420572410b98cae9fe18edf8b502bcbffa15642d8872430d40abc53529d1c1bb324d0377474e95a9ba6e6dbf
+    "@volar/source-map": 2.2.0-alpha.7
+  checksum: 3f7395ff898e7a6cb95b25d94dab8041d3267c1320a07bac0f21c232ede20e7d20205cde6b8175c4ec15701a72d4db16e0a5fe2694879030c56eec568025e81a
   languageName: node
   linkType: hard
 
@@ -5113,6 +5063,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@volar/language-service@npm:~2.2.0-alpha.4":
+  version: 2.2.0-alpha.7
+  resolution: "@volar/language-service@npm:2.2.0-alpha.7"
+  dependencies:
+    "@volar/language-core": 2.2.0-alpha.7
+    vscode-languageserver-protocol: ^3.17.5
+    vscode-languageserver-textdocument: ^1.0.11
+    vscode-uri: ^3.0.8
+  checksum: c5546187a9cb9eaa8158b8492f419351900d301cfb1f0c6e0d4cc650bf55cd49adf35fae9c7be96a8d73bf429f74dc5e396ec87b5b36a8740cc717991877aa78
+  languageName: node
+  linkType: hard
+
 "@volar/source-map@npm:1.10.1, @volar/source-map@npm:~1.10.0":
   version: 1.10.1
   resolution: "@volar/source-map@npm:1.10.1"
@@ -5131,12 +5093,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/source-map@npm:1.4.1":
-  version: 1.4.1
-  resolution: "@volar/source-map@npm:1.4.1"
+"@volar/source-map@npm:2.2.0-alpha.7":
+  version: 2.2.0-alpha.7
+  resolution: "@volar/source-map@npm:2.2.0-alpha.7"
   dependencies:
-    muggle-string: ^0.2.2
-  checksum: 43b46e34019f0d8ea7666e25355f35083d9c02a6610e70611b399d7523f4c29be69810e316696e242d7212ee215a9dbc36a9c3279ab142b71c0c9e1ef0c2dc34
+    muggle-string: ^0.4.0
+  checksum: 399fa6880ba13f1dda0985ff54d3b1d1c8a438e429e69e51eba718b3264bff51f96a083efc55f92fa7ac1e989b77b50b76e8babf02305b7e9fae099c9b816e01
   languageName: node
   linkType: hard
 
@@ -5159,17 +5121,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/vue-language-plugin-pug@npm:^1.6.5":
-  version: 1.6.5
-  resolution: "@volar/vue-language-plugin-pug@npm:1.6.5"
-  dependencies:
-    "@volar-plugins/pug": 2.0.0
-    "@volar/language-service": 1.4.1
-    "@volar/source-map": 1.4.1
-  checksum: 051a25e3c00ec0abd7abb2f91c490f09126ce4b6c22868f4d600f59d1eeec6ba3399515a84d0b3825013ae1faf975c48ede503697a0db8e49ce311c2988f6fb2
-  languageName: node
-  linkType: hard
-
 "@vscode/l10n@npm:^0.0.16":
   version: 0.0.16
   resolution: "@vscode/l10n@npm:0.0.16"
@@ -5387,6 +5338,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/language-plugin-pug@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@vue/language-plugin-pug@npm:2.0.12"
+  dependencies:
+    "@volar/source-map": 2.2.0-alpha.7
+    volar-service-pug: 0.0.38
+  checksum: 7c17a2da08bef6691b3e14b0b540e850fb6c34cdf0b76bab9f4d2c8ce9acfde304dc966f1f4500fd50bd7d98ad8a980843c9e129149f98af1a593da00f81688b
+  languageName: node
+  linkType: hard
+
 "@vue/reactivity-transform@npm:3.2.45":
   version: 3.2.45
   resolution: "@vue/reactivity-transform@npm:3.2.45"
@@ -10963,13 +10924,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"muggle-string@npm:^0.2.2":
-  version: 0.2.2
-  resolution: "muggle-string@npm:0.2.2"
-  checksum: ce025025a436ad9fd7e57c615efe5da9bce09ba23f5cdf1699578d9727be254f07e6021f0a6afb640903b4f0948fd6878445e342d19c02c455c694ae2707044e
-  languageName: node
-  linkType: hard
-
 "muggle-string@npm:^0.3.1":
   version: 0.3.1
   resolution: "muggle-string@npm:0.3.1"
@@ -10977,6 +10931,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"muggle-string@npm:^0.4.0":
+  version: 0.4.1
+  resolution: "muggle-string@npm:0.4.1"
+  checksum: 85fe1766d18d43cf22b6da7d047203a65b2e2b1ccfac505b699c2a459644f95ebb3c854a96db5be559eea0e213f6ee32b986b8c2f73c48e6c89e1fd829616532
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.3.4":
   version: 3.3.4
   resolution: "nanoid@npm:3.3.4"
@@ -13903,15 +13864,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript-auto-import-cache@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "typescript-auto-import-cache@npm:0.2.1"
-  dependencies:
-    semver: ^7.3.8
-  checksum: 59aa79c61eb1d0b0a3e3477fb99a79d0d76fdcf12db51e126a5c076f8e9e66ada71874441d7d39adad42a68c53cef4260870e364438f634aa1307759dc1b3b3e
-  languageName: node
-  linkType: hard
-
 "typescript@npm:^5.3.3":
   version: 5.3.3
   resolution: "typescript@npm:5.3.3"
@@ -14523,6 +14475,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"volar-service-html@npm:0.0.38":
+  version: 0.0.38
+  resolution: "volar-service-html@npm:0.0.38"
+  dependencies:
+    vscode-html-languageservice: ^5.1.0
+    vscode-languageserver-textdocument: ^1.0.11
+    vscode-uri: ^3.0.8
+  peerDependencies:
+    "@volar/language-service": ~2.2.0-alpha.4
+  peerDependenciesMeta:
+    "@volar/language-service":
+      optional: true
+  checksum: df4bd9f4f19786461c1689ec681255b310697c1637f4a77b2b78c0d1e51862a13897d012a212e37a041d3db84a8a062ee6e942772ec9d456e7ce104efc86600c
+  languageName: node
+  linkType: hard
+
 "volar-service-pug@npm:0.0.17":
   version: 0.0.17
   resolution: "volar-service-pug@npm:0.0.17"
@@ -14539,28 +14507,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vscode-html-languageservice@npm:^5.0.4, vscode-html-languageservice@npm:^5.1.0":
-  version: 5.1.1
-  resolution: "vscode-html-languageservice@npm:5.1.1"
+"volar-service-pug@npm:0.0.38":
+  version: 0.0.38
+  resolution: "volar-service-pug@npm:0.0.38"
   dependencies:
-    "@vscode/l10n": ^0.0.16
+    "@volar/language-service": ~2.2.0-alpha.4
+    pug-lexer: ^5.0.1
+    pug-parser: ^6.0.0
+    volar-service-html: 0.0.38
+    vscode-html-languageservice: ^5.1.0
     vscode-languageserver-textdocument: ^1.0.11
-    vscode-languageserver-types: ^3.17.5
-    vscode-uri: ^3.0.8
-  checksum: 6a50783035c77b42880a7dd915263a40457d31d3d040f692d987daf170344871267536c3227387b8acbe0c87b1179e2b4bd18fbbe124bdb54c06fd9e50907c8c
+  checksum: 4be620285479729b470dc3aed439d4b856a2fdb0e6cca6908c341eab760e644d5ad5035a493af3e3a4f71dc7814c739a17e374c22f9d43536537a9af3aec0c9a
   languageName: node
   linkType: hard
 
-"vscode-json-languageservice@npm:^5.2.0":
-  version: 5.3.7
-  resolution: "vscode-json-languageservice@npm:5.3.7"
+"vscode-html-languageservice@npm:^5.1.0":
+  version: 5.1.1
+  resolution: "vscode-html-languageservice@npm:5.1.1"
   dependencies:
     "@vscode/l10n": ^0.0.16
-    jsonc-parser: ^3.2.0
     vscode-languageserver-textdocument: ^1.0.11
     vscode-languageserver-types: ^3.17.5
     vscode-uri: ^3.0.8
-  checksum: 25cf53624e1a2e54093846e2e7f31b05ae035cff3235d91bf9cf680aaeb3fbc1f4d82c441a76d536eab4165312460d4a01a788e32d2abaae303e9ecf2ae8cc94
+  checksum: 6a50783035c77b42880a7dd915263a40457d31d3d040f692d987daf170344871267536c3227387b8acbe0c87b1179e2b4bd18fbbe124bdb54c06fd9e50907c8c
   languageName: node
   linkType: hard
 
@@ -14571,7 +14540,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vscode-languageserver-protocol@npm:^3.17.3, vscode-languageserver-protocol@npm:^3.17.5":
+"vscode-languageserver-protocol@npm:^3.17.5":
   version: 3.17.5
   resolution: "vscode-languageserver-protocol@npm:3.17.5"
   dependencies:
@@ -14588,13 +14557,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vscode-languageserver-textdocument@npm:^1.0.8":
-  version: 1.0.8
-  resolution: "vscode-languageserver-textdocument@npm:1.0.8"
-  checksum: d6b685456ceca2736793d7fc1924d78a8483997c96c6ec4900d90e64115730da6c0c03e3fbc2c5d031a4592f2acd9cca2ca58a651b696c4f40b8690a48538c06
-  languageName: node
-  linkType: hard
-
 "vscode-languageserver-types@npm:3.17.5, vscode-languageserver-types@npm:^3.17.5":
   version: 3.17.5
   resolution: "vscode-languageserver-types@npm:3.17.5"
@@ -14602,20 +14564,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vscode-languageserver-types@npm:^3.17.2":
-  version: 3.17.2
-  resolution: "vscode-languageserver-types@npm:3.17.2"
-  checksum: ef2d862d22f622b64de0f428773d50a5928ec6cdd485960a7564ebe4fd4a3c8bcd956f29eb15bc45a0f353846e62f39f6c764d2ab85ce774b8724411ba84342f
-  languageName: node
-  linkType: hard
-
-"vscode-uri@npm:^3.0.7":
-  version: 3.0.7
-  resolution: "vscode-uri@npm:3.0.7"
-  checksum: c899a0334f9f6ba53021328e083f6307978c09b94407d7e5fe86fcd8fcb8f1da0cb344123a335e55769055007a46d51aff83f9ee1dfc0296ee54b78f34ef0e4f
-  languageName: node
-  linkType: hard
-
 "vscode-uri@npm:^3.0.8":
   version: 3.0.8
   resolution: "vscode-uri@npm:3.0.8"