Merge branch 'master' of https://github.com/primefaces/primevue

apps/showcase/doc/common/apidoc/index.json

@@ -41417,7 +41417,7 @@
                             "name": "variant",
                             "optional": true,
                             "readonly": false,
-                            "type": "\"outlined\" | \"text\"",
+                            "type": "\"outlined\" | \"simple\"",
                             "default": "outlined",
                             "description": "Specifies the input variant of the component."
                         }
@@ -69650,6 +69650,14 @@
                             "default": "",
                             "description": "Used to pass attributes to the label's DOM element."
                         },
+                        {
+                            "name": "clearIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "TreeSelectPassThroughOptionType",
+                            "default": "",
+                            "description": "Used to pass attributes to the clear icon's DOM element."
+                        },
                         {
                             "name": "chipItem",
                             "optional": true,
@@ -69845,6 +69853,22 @@
                             "default": "",
                             "description": "A map of keys to represent the expansion state in controlled mode."
                         },
+                        {
+                            "name": "showClear",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "boolean",
+                            "default": "false",
+                            "description": "When enabled, a clear icon is displayed to clear the value."
+                        },
+                        {
+                            "name": "clearIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon to display in clear button."
+                        },
                         {
                             "name": "scrollHeight",
                             "optional": true,
@@ -70241,6 +70265,19 @@
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
                             "description": "Custom item checkbox icon template."
+                        },
+                        {
+                            "name": "clearicon",
+                            "parameters": [
+                                {
+                                    "name": "scope",
+                                    "optional": false,
+                                    "type": "{\n \t <span class=\"ml-3 doc-option-parameter-name\">clearCallback</span>: <span class=\"doc-option-parameter-type\">(<span class=\"doc-option-parameter-name\">event</span>: Event) &rArr; void</span>, <span class=\"doc-option-parameter-type\">// Clear icon click function.</span>\n}",
+                                    "description": "clear icon slot's params."
+                                }
+                            ],
+                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
+                            "description": "Custom clear icon template."
                         }
                     ]
                 },
@@ -70505,6 +70542,13 @@
                             "value": "\"p-treeselect-label\"",
                             "description": "Class name of the label element"
                         },
+                        {
+                            "name": "clearIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-clear-icon\"",
+                            "description": "Class name of the clear icon element"
+                        },
                         {
                             "name": "chipItem",
                             "optional": false,
@@ -88123,6 +88167,14 @@
                             "default": "",
                             "description": "Used to pass tokens of the outlined section"
                         },
+                        {
+                            "name": "simple",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the simple section"
+                        },
                         {
                             "name": "info",
                             "optional": true,
@@ -88398,6 +88450,15 @@
                             "default": "",
                             "description": "Root border width of outlined"
                         },
+                        {
+                            "name": "content.padding",
+                            "token": "message.simple.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content padding of simple"
+                        },
                         {
                             "name": "info.background",
                             "token": "message.info.background",
@@ -88480,13 +88541,13 @@
                             "description": "Outlined border color of info"
                         },
                         {
-                            "name": "plain.color",
+                            "name": "simple.color",
-                            "token": "message.info.plain.color",
+                            "token": "message.info.simple.color",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Plain color of info"
+                            "description": "Simple color of info"
                         },
                         {
                             "name": "success.background",
@@ -88570,13 +88631,13 @@
                             "description": "Outlined border color of success"
                         },
                         {
-                            "name": "plain.color",
+                            "name": "simple.color",
-                            "token": "message.success.plain.color",
+                            "token": "message.success.simple.color",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Plain color of success"
+                            "description": "Simple color of success"
                         },
                         {
                             "name": "warn.background",
@@ -88660,13 +88721,13 @@
                             "description": "Outlined border color of warn"
                         },
                         {
-                            "name": "plain.color",
+                            "name": "simple.color",
-                            "token": "message.warn.plain.color",
+                            "token": "message.warn.simple.color",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Plain color of warn"
+                            "description": "Simple color of warn"
                         },
                         {
                             "name": "error.background",
@@ -88750,13 +88811,13 @@
                             "description": "Outlined border color of error"
                         },
                         {
-                            "name": "plain.color",
+                            "name": "simple.color",
-                            "token": "message.error.plain.color",
+                            "token": "message.error.simple.color",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Plain color of error"
+                            "description": "Simple color of error"
                         },
                         {
                             "name": "secondary.background",
@@ -88840,13 +88901,13 @@
                             "description": "Outlined border color of secondary"
                         },
                         {
-                            "name": "plain.color",
+                            "name": "simple.color",
-                            "token": "message.secondary.plain.color",
+                            "token": "message.secondary.simple.color",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Plain color of secondary"
+                            "description": "Simple color of secondary"
                         },
                         {
                             "name": "contrast.background",
@@ -88930,13 +88991,13 @@
                             "description": "Outlined border color of contrast"
                         },
                         {
-                            "name": "plain.color",
+                            "name": "simple.color",
-                            "token": "message.contrast.plain.color",
+                            "token": "message.contrast.simple.color",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Plain color of contrast"
+                            "description": "Simple color of contrast"
                         }
                     ]
                 }
@@ -98582,6 +98643,14 @@
                             "default": "",
                             "description": "Used to pass tokens of the tree section"
                         },
+                        {
+                            "name": "clearIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the clear icon section"
+                        },
                         {
                             "name": "emptyMessage",
                             "optional": true,
@@ -98933,6 +99002,15 @@
                             "default": "",
                             "description": "Padding of tree"
                         },
+                        {
+                            "name": "clearIcon.color",
+                            "token": "treeselect.clear.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of clear icon"
+                        },
                         {
                             "name": "emptyMessage.padding",
                             "token": "treeselect.empty.message.padding",

packages/primevue/src/treeselect/BaseTreeSelect.vue

@@ -51,6 +51,14 @@ export default {
             type: String,
             default: 'mask'
         },
+        showClear: {
+            type: Boolean,
+            default: false
+        },
+        clearIcon: {
+            type: String,
+            default: undefined
+        },
         filter: {
             type: Boolean,
             default: false

packages/primevue/src/treeselect/TreeSelect.d.ts

@@ -80,6 +80,10 @@ export interface TreeSelectPassThroughOptions {
      * Used to pass attributes to the label's DOM element.
      */
     label?: TreeSelectPassThroughOptionType;
+    /**
+     * Used to pass attributes to the clear icon's DOM element.
+     */
+    clearIcon?: TreeSelectPassThroughOptionType;
     /**
      * Used to pass attributes to the chip's DOM element.
      */
@@ -189,6 +193,15 @@ export interface TreeSelectProps {
      * A map of keys to represent the expansion state in controlled mode.
      */
     expandedKeys?: TreeExpandedKeys;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     * @defaultValue false
+     */
+    showClear?: boolean | undefined;
+    /**
+     * Icon to display in clear button.
+     */
+    clearIcon?: string | undefined;
     /**
      * Height of the viewport, a scrollbar is defined if height of list exceeds this value.
      * @defaultValue 20rem
@@ -473,6 +486,17 @@ export interface TreeSelectSlots {
          */
         partialChecked: boolean;
     }): VNode[];
+    /**
+     * Custom clear icon template.
+     * @param {Object} scope - clear icon slot's params.
+     */
+    clearicon(scope: {
+        /**
+         * Clear icon click function.
+         * @param {Event} event - Browser event
+         */
+        clearCallback: (event: Event) => void;
+    }): VNode[];
 }
 
 /**

packages/primevue/src/treeselect/TreeSelect.vue

@@ -37,6 +37,9 @@
                 </slot>
             </div>
         </div>
+        <slot v-if="isClearIconVisible" name="clearicon" :class="cx('clearIcon')" :clearCallback="onClearClick">
+            <component :is="clearIcon ? 'i' : 'TimesIcon'" ref="clearIcon" :class="[cx('clearIcon'), clearIcon]" @click="onClearClick" v-bind="ptm('clearIcon')" data-pc-section="clearicon" />
+        </slot>
         <div :class="cx('dropdown')" role="button" aria-haspopup="tree" :aria-expanded="overlayVisible" v-bind="ptm('dropdown')">
             <!-- TODO: triggericon is deprecated since v4.0 -->
             <slot :name="$slots.dropdownicon ? 'dropdownicon' : 'triggericon'" :class="cx('dropdownIcon')">
@@ -121,7 +124,7 @@
 
 <script>
 import { absolutePosition, addStyle, find, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, getOuterWidth, isTouchDevice, relativePosition } from '@primeuix/utils/dom';
-import { isEmpty } from '@primeuix/utils/object';
+import { isEmpty, isNotEmpty } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
 import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
@@ -131,6 +134,7 @@ import Portal from 'primevue/portal';
 import Ripple from 'primevue/ripple';
 import Tree from 'primevue/tree';
 import BaseTreeSelect from './BaseTreeSelect.vue';
+import TimesIcon from '@primevue/icons/times';
 
 export default {
     name: 'TreeSelect',
@@ -217,13 +221,18 @@ export default {
                 return;
             }
 
-            if (!this.disabled && (!this.overlay || !this.overlay.contains(event.target))) {
+            if (event.target.tagName === 'INPUT' || event.target.getAttribute('data-pc-section') === 'clearicon' || event.target.closest('[data-pc-section="clearicon"]')) {
+                return;
+            } else if (!this.disabled && (!this.overlay || !this.overlay.contains(event.target))) {
                 if (this.overlayVisible) this.hide();
                 else this.show();
 
                 focus(this.$refs.focusInput);
             }
         },
+        onClearClick(event) {
+            this.onSelectionChange(null);
+        },
         onSelectionChange(keys) {
             this.selfChange = true;
             this.writeValue(keys);
@@ -525,13 +534,17 @@ export default {
         },
         hasFluid() {
             return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
+        },
+        isClearIconVisible() {
+            return this.showClear && this.d_value != null && isNotEmpty(this.options);
         }
     },
     components: {
         TSTree: Tree,
         Chip,
-        Portal: Portal,
+        Portal,
-        ChevronDownIcon: ChevronDownIcon
+        ChevronDownIcon,
+        TimesIcon
     },
     directives: {
         ripple: Ripple

packages/primevue/src/treeselect/style/TreeSelectStyle.d.ts

@@ -22,6 +22,10 @@ export enum TreeSelectClasses {
      * Class name of the label element
      */
     label = 'p-treeselect-label',
+    /**
+     * Class name of the clear icon element
+     */
+    clearIcon = 'p-select-clear-icon',
     /**
      * Class name of the chip item element
      */

packages/primevue/src/treeselect/style/TreeSelectStyle.js

@@ -48,6 +48,14 @@ const theme = ({ dt }) => `
     background: ${dt('treeselect.disabled.background')};
 }
 
+.p-treeselect-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -0.5rem;
+    color: ${dt('treeselect.clear.icon.color')};
+    inset-inline-end: ${dt('treeselect.dropdown.width')};
+}
+
 .p-treeselect-dropdown {
     display: flex;
     align-items: center;
@@ -192,6 +200,7 @@ const classes = {
             'p-treeselect-label-empty': !props.placeholder && instance.emptyValue
         }
     ],
+    clearIcon: 'p-treeselect-clear-icon',
     chip: 'p-treeselect-chip-item',
     pcChip: 'p-treeselect-chip',
     dropdown: 'p-treeselect-dropdown',

packages/themes/src/presets/aura/treeselect/index.js

@@ -49,6 +49,9 @@ export default {
     tree: {
         padding: '{list.padding}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     emptyMessage: {
         padding: '{list.option.padding}'
     },

packages/themes/src/presets/lara/cascadeselect/index.js

@@ -66,5 +66,8 @@ export default {
             focusColor: '{list.option.icon.focus.color}',
             size: '0.875rem'
         }
+    },
+    clearIcon: {
+        color: '{form.field.icon.color}'
     }
 };

packages/themes/src/presets/lara/multiselect/index.js

@@ -73,6 +73,9 @@ export default {
         fontWeight: '{list.option.group.font.weight}',
         padding: '{list.option.group.padding}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     chip: {
         borderRadius: '{border.radius.sm}'
     },

packages/themes/src/presets/lara/select/index.js

@@ -70,6 +70,9 @@ export default {
         fontWeight: '{list.option.group.font.weight}',
         padding: '{list.option.group.padding}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     checkmark: {
         color: '{list.option.color}',
         gutterStart: '-0.5rem',

packages/themes/src/presets/lara/treeselect/index.js

@@ -49,6 +49,9 @@ export default {
     tree: {
         padding: '{list.padding}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     emptyMessage: {
         padding: '{list.option.padding}'
     },

packages/themes/src/presets/material/treeselect/index.js

@@ -55,6 +55,9 @@ export default {
     chip: {
         borderRadius: '{border.radius.sm}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     css: ({ dt }) => `
 .p-treeselect.p-variant-filled {
     border-bottom-left-radius: 0;

packages/themes/src/presets/nora/treeselect/index.js

@@ -49,6 +49,9 @@ export default {
     tree: {
         padding: '{list.padding}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     emptyMessage: {
         padding: '{list.option.padding}'
     },

packages/themes/types/message/index.d.ts

@@ -240,6 +240,22 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
             borderWidth?: string;
         };
     };
+    /**
+     * Used to pass tokens of the simple section
+     */
+    simple?: {
+        /**
+         * Content of simple
+         */
+        content?: {
+            /**
+             * Content padding of simple
+             *
+             * @designToken message.simple.content.padding
+             */
+            padding?: string;
+        };
+    };
     /**
      * Used to pass tokens of the info section
      */
@@ -314,13 +330,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
             borderColor?: string;
         };
         /**
-         * Plain of info
+         * Simple of info
          */
-        plain?: {
+        simple?: {
             /**
-             * Plain color of info
+             * Simple color of info
              *
-             * @designToken message.info.plain.color
+             * @designToken message.info.simple.color
              */
             color?: string;
         };
@@ -399,13 +415,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
             borderColor?: string;
         };
         /**
-         * Plain of success
+         * Simple of success
          */
-        plain?: {
+        simple?: {
             /**
-             * Plain color of success
+             * Simple color of success
              *
-             * @designToken message.success.plain.color
+             * @designToken message.success.simple.color
              */
             color?: string;
         };
@@ -484,13 +500,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
             borderColor?: string;
         };
         /**
-         * Plain of warn
+         * Simple of warn
          */
-        plain?: {
+        simple?: {
             /**
-             * Plain color of warn
+             * Simple color of warn
              *
-             * @designToken message.warn.plain.color
+             * @designToken message.warn.simple.color
              */
             color?: string;
         };
@@ -569,13 +585,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
             borderColor?: string;
         };
         /**
-         * Plain of error
+         * Simple of error
          */
-        plain?: {
+        simple?: {
             /**
-             * Plain color of error
+             * Simple color of error
              *
-             * @designToken message.error.plain.color
+             * @designToken message.error.simple.color
              */
             color?: string;
         };
@@ -654,13 +670,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
             borderColor?: string;
         };
         /**
-         * Plain of secondary
+         * Simple of secondary
          */
-        plain?: {
+        simple?: {
             /**
-             * Plain color of secondary
+             * Simple color of secondary
              *
-             * @designToken message.secondary.plain.color
+             * @designToken message.secondary.simple.color
              */
             color?: string;
         };
@@ -739,13 +755,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
             borderColor?: string;
         };
         /**
-         * Plain of contrast
+         * Simple of contrast
          */
-        plain?: {
+        simple?: {
             /**
-             * Plain color of contrast
+             * Simple color of contrast
              *
-             * @designToken message.contrast.plain.color
+             * @designToken message.contrast.simple.color
              */
             color?: string;
         };

packages/themes/types/treeselect/index.d.ts

@@ -262,6 +262,17 @@ export interface TreeSelectDesignTokens extends ColorSchemeDesignToken<TreeSelec
          */
         padding?: string;
     };
+    /**
+     * Used to pass tokens of the clear icon section
+     */
+    clearIcon?: {
+        /**
+         * Color of clear icon
+         *
+         * @designToken treeselect.clear.icon.color
+         */
+        color?: string;
+    };
     /**
      * Used to pass tokens of the empty message section
      */

pnpm-lock.yaml

@@ -234,7 +234,7 @@ importers:
     devDependencies:
       '@nuxt/devtools':
         specifier: ^0.8.5
-        version: 0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
+        version: 0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)
       '@nuxt/eslint-config':
         specifier: ^0.2.0
         version: 0.2.0(eslint@8.57.1)
@@ -246,7 +246,7 @@ importers:
         version: 3.13.2(rollup@4.24.2)
       '@nuxt/test-utils':
         specifier: ^3.7.3
-        version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+        version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
       '@primevue/themes':
         specifier: workspace:*
         version: link:../themes
@@ -4628,8 +4628,8 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanoid@5.0.7:
+  nanoid@5.0.8:
-    resolution: {integrity: sha512-oLxFY2gd2IqnjcYyOXD8XGCftpGtZP2AbHbOkthDkvRywH5ayNtPVy9YlOPcHckXzbLTCHpkb7FB+yuxKV13pQ==}
+    resolution: {integrity: sha512-TcJPw+9RV9dibz1hHUzlLVy8N4X9TnwirAjrU08Juo6BNKggzVfP2ZJ/3ZUSq15Xl5i85i+Z89XBO90pB2PghQ==}
     engines: {node: ^18 || >=20}
     hasBin: true
 
@@ -8315,13 +8315,12 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))':
+  '@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
       '@nuxt/schema': 3.13.2(rollup@4.24.2)
       execa: 7.2.0
       nuxt: 3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3)
-      vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -8341,10 +8340,10 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))':
+  '@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
+      '@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)
       '@nuxt/devtools-wizard': 0.8.5
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
       birpc: 0.2.19
@@ -8375,9 +8374,8 @@ snapshots:
       simple-git: 3.27.0
       sirv: 2.0.4
       unimport: 3.13.1(rollup@4.24.2)
-      vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
+      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2)
-      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
+      vite-plugin-vue-inspector: 3.7.2
-      vite-plugin-vue-inspector: 3.7.2(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
       wait-on: 7.2.0
       which: 3.0.1
       ws: 8.18.0
@@ -8648,7 +8646,7 @@ snapshots:
       is-docker: 3.0.0
       jiti: 1.21.6
       mri: 1.2.0
-      nanoid: 5.0.7
+      nanoid: 5.0.8
       ofetch: 1.4.1
       package-manager-detector: 0.2.2
       parse-git-config: 3.0.0
@@ -8674,7 +8672,7 @@ snapshots:
       is-docker: 3.0.0
       jiti: 1.21.6
       mri: 1.2.0
-      nanoid: 5.0.7
+      nanoid: 5.0.8
       ofetch: 1.4.1
       package-manager-detector: 0.2.2
       parse-git-config: 3.0.0
@@ -8687,7 +8685,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
+  '@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
       '@nuxt/schema': 3.13.2(rollup@4.24.2)
@@ -8713,8 +8711,7 @@ snapshots:
       ufo: 1.5.4
       unenv: 1.10.0
       unplugin: 1.14.1(webpack-sources@3.2.3)
-      vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
-      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
       vue: 3.5.12(typescript@5.6.3)
       vue-router: 4.4.5(vue@3.5.12(typescript@5.6.3))
     optionalDependencies:
@@ -11886,7 +11883,7 @@ snapshots:
 
   nanoid@3.3.7: {}
 
-  nanoid@5.0.7: {}
+  nanoid@5.0.8: {}
 
   natural-compare@1.4.0: {}
 
@@ -14234,7 +14231,7 @@ snapshots:
       optionator: 0.9.4
       typescript: 5.6.3
 
-  vite-plugin-inspect@0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0)):
+  vite-plugin-inspect@0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.3(rollup@4.24.2)
@@ -14244,14 +14241,13 @@ snapshots:
       open: 9.1.0
       picocolors: 1.1.1
       sirv: 2.0.4
-      vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
     optionalDependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-vue-inspector@3.7.2(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0)):
+  vite-plugin-vue-inspector@3.7.2:
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.0)
@@ -14262,7 +14258,6 @@ snapshots:
       '@vue/compiler-dom': 3.5.12
       kolorist: 1.8.0
       magic-string: 0.30.12
-      vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -14299,9 +14294,9 @@ snapshots:
       fsevents: 2.3.3
       terser: 5.36.0
 
-  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
     dependencies:
-      '@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+      '@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'