@maltjoy/mcp-server 0.4.0 → 0.6.0-beta.0

package/dist/doc/VJoyTagsList/guideline.md

@@ -0,0 +1,311 @@
+---
+component: VJoyTagsList
+status: draft
+language: en
+dsds: JoyTagsList.dsds.json
+dsdsVersion: "0.15.2"
+---
+
+# Tags list
+
+Use **`VJoyTagsList`** when you need a horizontal, wrapping row of **`VJoyTag`** chips driven from data — for example skills on a profile, applied filters, selected categories, or removable tokens.
+
+It applies shared layout (`flex`, wrap, gap), optional alignment, list-level `variant` / `removable` / `selectable` defaults, and `v-model` for multi-select toggling. Per-tag options in the `tags` array can override those defaults.
+
+| | |
+| --- | --- |
+| **Code** | `VJoyTagsList` from `@maltjoy/core-vue` |
+| **Design** | [Figma — Joy Core Design System](https://www.figma.com/design/jfndp2QBJGS9yeuWbeGuvD/) |
+| **Storybook** | [VJoyTagsList docs](https://doc.malt.tech/joy-storybook/?path=/docs/components-view-vjoytagslist--docs) |
+| **DSDS (machine)** | [`JoyTagsList.dsds.json`](./JoyTagsList.dsds.json) |
+| **Live API** | `joy_get_component_info("VJoyTagsList")` |
+
+---
+
+## When to use this component
+
+Use a tags list when several labels should appear together as chips with consistent spacing and alignment — especially when the set comes from an array and you want list-level styling or selection/removal behavior without hand-rolling a flex wrapper.
+
+Typical jobs: show assigned skills or technologies, display active filters, let users toggle filter chips on/off, or present removable tokens after a search or tags-input flow.
+
+### When not to use this component
+
+| Need | Use instead |
+| --- | --- |
+| A single standalone chip | `VJoyTag` |
+| Full control over layout, drag-and-drop, or one-off tag markup | `VJoyTag` (or several) inside `VJoyWrapper` — the metadata explicitly allows dropping `VJoyTagsList` for flexibility |
+| Typing and adding new tags in a form field | `VJoyTagsInput` |
+| Choosing exactly one option from a list | `VJoyRadio` / `VJoyRadioGroup` |
+| Multi-select inside a dropdown | `VJoySelect` (multi) or `VJoyCheckboxGroup` |
+| Custom flex row / ad-hoc chip CSS | Still use `VJoyTagsList` or `VJoyTag` + Joy tokens |
+
+> **Note:** `selectable` and `removable` are **not compatible** on the same list. Pick one interaction model per instance.
+
+---
+
+## How it works
+
+`VJoyTagsList` renders one `VJoyTag` per entry in `tags`, forwarding each tag’s props and merging list-level defaults. Selection state is driven by `v-model` (`modelValue` as an array of tag `value`s). Removal emits `removeTag` with the removed tag’s `value` — the parent must update `tags`.
+
+### Anatomy
+
+| Part | Required? | What it is |
+| --- | --- | --- |
+| Root container | Yes | `.joy-tags-list` flex wrapper with alignment modifier |
+| `VJoyTag` (per item) | Yes | One chip per `tags` entry; label from `tag.label` unless `tag` slot overrides |
+| `tag` slot | No | Custom content per tag; forwarded tag props as slot props |
+| Gap | Yes | `--joy-core-spacing-4` between tags — don’t hardcode margins in apps |
+
+### Default values
+
+- `align` defaults to **`left`**
+- `variant` defaults to **`primary`** (applied to every tag unless a tag sets its own `variant`)
+- `removable` defaults to **`false`**
+- `selectable` defaults to **`false`**
+- `tags` defaults to **`[]`**
+- `modelValue` has **no default** — bind `v-model` when using selectable tags
+
+Props, events, and slots: use Joy MCP or Storybook — this page focuses on **when** and **how**, not a full API dump.
+
+### Selection and removal
+
+- **Selectable** — set `selectable` (or per-tag `selectable`) **and** bind `v-model`. Each tag **must** have a unique `value`. Toggling a tag updates `modelValue` with that `value` added or removed.
+- **Removable** — set `removable` (or per-tag `removable`) and listen for `@removeTag`. Update the `tags` array in the parent; the list does not remove items by itself.
+- **Per-tag overrides** — any `IJoyTag` field on a `tags` entry overrides the list default (`variant`, `selectable`, `removable`, `size`, `draggable`, etc.).
+
+---
+
+## Variants
+
+List-level `variant` sets the default chip style for all tags. Override individual entries with `tags[i].variant` when one chip needs different emphasis (e.g. one `important` tag in a `secondary` list).
+
+Choose variant by **meaning**, not decoration.
+
+| Variant | Use when |
+| --- | --- |
+| `primary` | Default product chips; supports **selectable** styling |
+| `secondary` | Lower emphasis; supports **selectable** styling |
+| `important` | Critical or high-attention labels |
+| `inactive` | Deprecated, archived, or unavailable items |
+| `pending` | Awaiting action or in-progress state |
+| `pricing` | Price or billing-related labels |
+| `special` | Promotional or highlighted offers |
+| `empty` | Placeholder or “no value” styling |
+| `ai-primary` / `ai-secondary` | Tags that are explicitly part of an AI feature |
+
+### Selectable styling constraint
+
+On `VJoyTag`, **selectable interaction only applies to `primary` and `secondary`**. Other variants render as chips but won’t toggle selection on click even if `selectable` is true.
+
+### Not in the API: list-level `size`
+
+There is no `size` prop on `VJoyTagsList`. Set `size` on each tag object (`small`, `medium`, `large`, `xsmall`, `xxlarge`) when density must differ within the list.
+
+---
+
+## Sizes
+
+`VJoyTagsList` has **no size API**. Density comes from per-tag `size` on `VJoyTag` entries (default **`medium`** on each tag).
+
+| Tag `size` | Use when |
+| --- | --- |
+| `medium` | Default product chips |
+| `small` / `xsmall` | Dense toolbars, tables, or filter rows |
+| `large` / `xxlarge` | Marketing or hero-scale emphasis (rare for lists) |
+
+Layout gap is fixed via `--joy-core-spacing-4` on the list — **don’t** hardcode pixel gaps between tags in product CSS.
+
+---
+
+## States
+
+| State | What the user sees / can do |
+| --- | --- |
+| Default (read-only) | Chips in a wrapping row; no remove icon; not toggleable |
+| Selected (`v-model` + `selectable`) | Matching tags show selected styling (`joy-tag__selected`) |
+| Removable | Cross icon on each removable tag; click emits `removeTag` |
+| Hover / focus | Per `VJoyTag` — selectable tags use `role="button"` and `tabindex="0"` |
+| Disabled (per tag) | Set `disabled: true` on a tag entry; click and selection are blocked |
+| Custom `tag` slot | Full control of chip content; **you** must reimplement remove/select/drag if needed |
+
+When `removable` is true at list level, selected styling is suppressed (`tagIsSelected` returns false).
+
+---
+
+## Best practices
+
+Rules use RFC 2119 strength (**MUST** / **SHOULD** / **MUST NOT** / **SHOULD NOT**).
+
+### Data and interaction
+
+- **MUST** give every tag a unique **`value`** when using `selectable` or `removable`.
+- **MUST** bind **`v-model`** when tags should toggle selection; `selectable` alone does nothing without `modelValue`.
+- **MUST** handle **`@removeTag`** and update the `tags` source — the list only emits the event.
+- **MUST NOT** combine **`selectable`** and **`removable`** on the same list.
+- **SHOULD** keep tag sets **scannable** (roughly under ~10 visible chips before considering truncation, “show more”, or a summary).
+- **SHOULD** use **`secondary`** for filter chips and **`primary`** for assigned metadata unless design specifies otherwise.
+
+### Implementation
+
+- **MUST** use only documented props and enums from MCP or `JoyTagsList.types.ts` / `JoyTag.types.ts`.
+- **MUST** use Joy tokens — no custom `.joy-tags-list` or `.joy-tag` chrome overrides.
+- **MUST NOT** invent list-level props (`size`, `gap`, `color`, …).
+- **SHOULD** prefer list-level `variant` / `removable` / `selectable` and override per tag only when needed.
+- **SHOULD** use raw **`VJoyTag` + `VJoyWrapper`** when you need drag-and-drop reordering or non-standard layout — `draggable` on a tag only shows a drag icon; it does not implement sorting.
+
+### Custom slot
+
+- **MUST** reimplement remove, select, and drag behavior yourself when using the **`tag` slot — default `VJoyTag` behaviors for `draggable` / `removable` are bypassed.
+- **SHOULD** avoid the `tag` slot unless the default label + icon layout is insufficient.
+
+### Do / don’t
+
+| Do | Don’t |
+| --- | --- |
+| `v-model` + `selectable` + unique `value`s | `selectable` without `v-model` |
+| `@removeTag` → filter `tags` in parent | Expect the list to mutate `tags` automatically |
+| List `variant="secondary"` for filters | Mix `selectable` and `removable` on one list |
+| Per-tag `variant` for one outlier chip | Different list components for the same chip row |
+| `VJoyTagsInput` for adding tags | `VJoyTagsList` as a free-text input |
+
+---
+
+## Accessibility
+
+Behaviors (what must happen), not slogans.
+
+| Behavior | Expectation |
+| --- | --- |
+| Structure | Plain `div` list; semantics come from each `VJoyTag` |
+| Selectable tags | `role="button"`, `tabindex="0"` on `VJoyTag`; toggle via click (keyboard activation follows tag implementation) |
+| Removable tags | Remove control is a `VJoyIcon` with `role="button"`; `@keydown.enter` removes |
+| Name | Each chip’s accessible name should come from visible `label` text (or meaningful slot content) |
+| Selection state | Don’t rely on color alone — selected chips use `joy-tag__selected` styling; ensure contrast meets product requirements |
+| Disabled tags | Set `disabled: true` on the tag entry; don’t only dim with CSS |
+
+Target: **WCAG 2.2 AA** where the product requires it.
+
+---
+
+## Examples
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { VJoyTagsList } from '@maltjoy/core-vue'
+import type { TJoyTagsList, TJoyTagsListModel } from '@maltjoy/core-vue'
+
+const skills = ref<TJoyTagsList>([
+  { value: 'vue', label: 'Vue.js' },
+  { value: 'ts', label: 'TypeScript' },
+  { value: 'design', label: 'Design systems' },
+])
+
+const selectedFilters = ref<TJoyTagsListModel>(['vue'])
+
+const filters = ref<TJoyTagsList>([
+  { value: 'vue', label: 'Vue.js' },
+  { value: 'ts', label: 'TypeScript' },
+  { value: 'design', label: 'Design systems' },
+])
+
+function onRemoveTag(tagValue: string | number | undefined) {
+  filters.value = filters.value.filter((t) => t.value !== tagValue)
+}
+</script>
+
+<template>
+  <!-- Read-only metadata -->
+  <VJoyTagsList variant="secondary" :tags="skills" />
+
+  <!-- Toggleable filter chips -->
+  <VJoyTagsList
+    v-model="selectedFilters"
+    variant="secondary"
+    selectable
+    :tags="skills"
+  />
+
+  <!-- Removable tokens (parent updates tags) -->
+  <VJoyTagsList
+    variant="secondary"
+    removable
+    :tags="filters"
+    @remove-tag="onRemoveTag"
+  />
+
+  <!-- Centered row -->
+  <VJoyTagsList align="center" variant="primary" :tags="skills" />
+</template>
+```
+
+In Nuxt (or apps with auto-import), omit the import if `VJoyTagsList` is already global.
+
+---
+
+## Related
+
+| Component | Use when |
+| --- | --- |
+| `VJoyTag` | A single chip, or manual lists with custom layout |
+| `VJoyTagsInput` | Users type and add tags in a form field |
+| `VJoyWrapper` | Spacing wrapper when composing tags manually |
+| `VJoySelectableItemGroup` | Selectable list rows rather than chips |
+| `VJoyCheckbox` / `VJoyCheckboxGroup` | Multi-select with checkbox affordance |
+
+---
+
+## For agents
+
+Maps to `agentDocumentBlocks` in [`JoyTagsList.dsds.json`](./JoyTagsList.dsds.json). Humans can skip this section.
+
+### Pick the right component
+
+| If the intent is… | Emit… | Do not emit… |
+| --- | --- | --- |
+| Display chips from an array | `VJoyTagsList` | Manual `div` + custom chip CSS |
+| One chip | `VJoyTag` | `VJoyTagsList` with one item |
+| User adds tags by typing | `VJoyTagsInput` | `VJoyTagsList` with a text field |
+| Toggle filters on/off | `VJoyTagsList` + `v-model` + `selectable` | `removable` on the same list |
+| Remove chips | `VJoyTagsList` + `removable` + `@removeTag` | `selectable` on the same list |
+| Full layout / DnD control | `VJoyTag` in `VJoyWrapper` | `VJoyTagsList` + heavy `tag` slot hacks |
+
+### Hard rules
+
+1. **MUST** call `joy_get_component_info("VJoyTagsList")` (or read types) before generating props.  
+2. **MUST** include unique `value` on each tag when `selectable` or `removable` is used.  
+3. **MUST** bind `v-model` for selectable lists.  
+4. **MUST** handle `@removeTag` and update `tags` in the parent for removable lists.  
+5. **MUST NOT** set `selectable` and `removable` together on one list.  
+6. **MUST NOT** invent props (`size`, `gap`, `color`, …) on `VJoyTagsList`.  
+7. **MUST NOT** override `.joy-tags-list` or `.joy-tag` layout/colors in product CSS.  
+8. **SHOULD** use `primary` or `secondary` variants when chips are selectable.
+
+### Checklist
+
+- [ ] Correct component (`VJoyTagsList` or named alternative)
+- [ ] Props / enums from MCP only
+- [ ] `tags` entries have `label`; `value` when selectable or removable
+- [ ] `v-model` present when `selectable` is true
+- [ ] Not mixing `selectable` and `removable`
+- [ ] `@removeTag` wired when `removable` is true
+- [ ] No custom chip/list chrome CSS
+- [ ] `tag` slot only when custom content is required (and behaviors reimplemented if needed)
+
+---
+
+## DSDS mapping
+
+This Markdown mirrors [`JoyTagsList.dsds.json`](./JoyTagsList.dsds.json) (DSDS **0.15.2**).
+
+| Section here | DSDS block |
+| --- | --- |
+| When to use / not | `use-cases` |
+| Anatomy | `anatomy` |
+| Variants / sizes | `variants` |
+| States | `states` |
+| Best practices | `guidelines` |
+| Accessibility | `accessibility` |
+| Examples | `sections` |
+| For agents | `agentDocumentBlocks` |
+| Props detail | `api` in JSON + Joy MCP |

package/dist/doc/VJoyTagsList/metadata.json

@@ -80,7 +80,7 @@
                   "type": "string | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         796,
                         811
@@ -105,7 +105,7 @@
                   "type": "TJoyTagSizes | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         820,
                         840
@@ -134,7 +134,7 @@
                   "type": "TJoyTagVariants | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         849,
                         875
@@ -168,7 +168,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1003,
                         1023
@@ -194,7 +194,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1082,
                         1102
@@ -212,7 +212,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1111,
                         1130
@@ -230,7 +230,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1224,
                         1245
@@ -248,7 +248,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1312,
                         1327
@@ -266,7 +266,7 @@
                   "type": "string | number | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1420,
                         1444
@@ -292,7 +292,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1497,
                         1521
@@ -310,7 +310,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1530,
                         1549
@@ -328,7 +328,7 @@
                   "type": "string | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/VJoyTag.vue",
                       "range": [
                         1558,
                         1570
@@ -367,7 +367,7 @@
                                 "type": "string | number | undefined",
                                 "declarations": [
                                   {
-                                    "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/JoyTag.types.ts",
+                                    "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/JoyTag.types.ts",
                                     "range": [
                                       503,
                                       532
@@ -434,7 +434,7 @@
                                 "type": "boolean",
                                 "declarations": [
                                   {
-                                    "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/JoyTag.types.ts",
+                                    "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/JoyTag.types.ts",
                                     "range": [
                                       409,
                                       427
@@ -459,7 +459,7 @@
                                 "type": "string | number | undefined",
                                 "declarations": [
                                   {
-                                    "file": "/home/kevincarnaille/dev/design-system/packages/core-vue/src/components/JoyTag/JoyTag.types.ts",
+                                    "file": "/Users/pierrereynaud/Documents/Work/design-system/packages/core-vue/src/components/JoyTag/JoyTag.types.ts",
                                     "range": [
                                       432,
                                       461
@@ -484,7 +484,7 @@
                   "type": "PropertyKey | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65064,
                         65082
@@ -511,7 +511,7 @@
                   "type": "VNodeRef | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65087,
                         65102
@@ -542,7 +542,7 @@
                   "type": "boolean | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65107,
                         65125
@@ -560,7 +560,7 @@
                   "type": "string | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65130,
                         65147
@@ -578,7 +578,7 @@
                   "type": "VNodeMountHook | VNodeMountHook[] | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65152,
                         65207
@@ -630,7 +630,7 @@
                   "type": "VNodeMountHook | VNodeMountHook[] | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65212,
                         65263
@@ -648,7 +648,7 @@
                   "type": "VNodeUpdateHook | VNodeUpdateHook[] | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65268,
                         65326
@@ -688,7 +688,7 @@
                   "type": "VNodeUpdateHook | VNodeUpdateHook[] | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65331,
                         65384
@@ -706,7 +706,7 @@
                   "type": "VNodeMountHook | VNodeMountHook[] | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65389,
                         65446
@@ -724,7 +724,7 @@
                   "type": "VNodeMountHook | VNodeMountHook[] | undefined",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         65451,
                         65504
@@ -742,7 +742,7 @@
                   "type": "unknown",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         72189,
                         72205
@@ -760,7 +760,7 @@
                   "type": "unknown",
                   "declarations": [
                     {
-                      "file": "/home/kevincarnaille/dev/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
+                      "file": "/Users/pierrereynaud/Documents/Work/design-system/node_modules/.pnpm/@vue+runtime-core@3.5.25/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",
                       "range": [
                         72210,
                         72226