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

package/dist/doc/zeroheight/foundations/1612530/overview.md

@@ -0,0 +1,27 @@
+![Malt spacing variations](/uploads/qHP7OqubIeTpf9PG-ywkdA.png)
+
+## Spacing System
+
+Building a **spacing system** is the key to guaranteeing a better coherence and consistency between all our pages (desktop and mobile)
+
+We follow a multiple of **4 unit grid** when working on smaller components & 8** unit grid** for all the other needs.
+
+## Spacing values
+
+| **Class** | **Size** |
+| `$joy-core-spacing-0` | 2px |
+| `$joy-core-spacing-1` | 4px |
+| `$joy-core-spacing-2` | 8px |
+| `$joy-core-spacing-3` | 12px |
+| `$joy-core-spacing-4` | 16px |
+| `$joy-core-spacing-5` | 20px |
+| `$joy-core-spacing-6` | 24px |
+| `$joy-core-spacing-7` | 28px |
+| `$joy-core-spacing-8` | 32px |
+| `$joy-core-spacing-9` | 40px |
+| `$joy-core-spacing-10` | 48px |
+| `$joy-core-spacing-11` | 56px |
+| `$joy-core-spacing-12` | 64px |
+## Examples
+
+We try to respect the following examples to keep consistency between modals and sections. These examples are provided as references and spacings between two elements may not follow these rules (for specific use cases) as long as it stay on est 4px grid.

package/dist/doc/zeroheight/foundations/2147931/description.md

@@ -0,0 +1 @@
+**Elevation tokens** are used to create a sense of depth and hierarchy on the screen. They apply consistent shadows to components, helping to differentiate interactive elements and organize the layout.

package/dist/doc/zeroheight/foundations/2147931/meta.json

@@ -0,0 +1,16 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Elevation",
+  "slug": "elevation",
+  "category": "foundations",
+  "component": null,
+  "pageId": 2147931,
+  "pageUid": "2147931",
+  "fetchedAt": "2026-07-15T08:24:45.747Z",
+  "tabs": [
+    "Overview",
+    "🚧 Usage"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/elevation/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/foundations/2147931/overview.md

@@ -0,0 +1,42 @@
+![Malt elevation variations](/uploads/nBfzeOTA8BHcC9BJDwYljA.png)
+
+## Elevation can be used to...
+
+1. Defining context.
+2. Communicate affordances.
+3. Give feedback.
+4. Draw attention to important elements.
+
+> **Remember: Use elevation with purpose, and only when needed, and avoid custom shadows and use of elevation only for aesthetic reason.**
+
+## Elevation Values
+
+|  | `Shadow-0` | `Shadow-1` | `Shadow-2` | `Shadow-3` | `Shadow-4` |
+| `X position` | 0 | 0 | 0 | 0 | 0 |
+| `Y position` | 0 | 2 | 4 | 6 | 8 |
+| `Blur` | 0 | 4 | 12 | 24 | 32 |
+| `Spread` | 0 | 0 | 0 | 0 | 0 |
+| `Opacity` | 16% | 16% | 16% | 16% | 16% |
+| `Colors` | [$--Gray-7](https://zeroheight.com/6bf479565/p/027b08-colors/t/911e37) | [$--Gray-7](https://zeroheight.com/6bf479565/p/027b08-colors/t/911e37) | [$--Gray-7](https://zeroheight.com/6bf479565/p/027b08-colors/t/911e37) | [$--Gray-7](https://zeroheight.com/6bf479565/p/027b08-colors/t/911e37) | [$--Gray-7](https://zeroheight.com/6bf479565/p/027b08-colors/t/911e37) |
+### White Mode
+
+## Occurrences
+
+| Tokens | **Level** | **Components** |
+| `$-joy-core-elevation-0` | Shadow-0 (Flat) | - Background |
+| `$-joy-core-elevation-1` | Shadow-1 (Skim) | - [Articles](https://zeroheight.com/6bf479565/p/51d1bc) (Default) |
+| `$-joy-core-elevation-2` | Shadow-2 (Raised) | - [Articles](https://zeroheight.com/6bf479565/p/51d1bc) (Hover) |
+| `$-joy-core-elevation-3` | Shadow-3 (Overlay) | - [Phone input](https://zeroheight.com/6bf479565/p/76b454) - [Dropdowns 🚧](https://zeroheight.com/6bf479565/p/39fd23) - [Select](https://zeroheight.com/6bf479565/p/43746a) - [Product tour | Design](https://zeroheight.com/6bf479565/p/484146/b/12e977) - [How it works 🧪 ](https://zeroheight.com/6bf479565/p/03592a) |
+| `$-joy-core-elevation-4` | Shadow-4 (Pop-Out) | - [Dialogs](https://zeroheight.com/6bf479565/p/95da18) |
+## States
+
+Having different level of elevation offer us the possibility to use them for feedback when the user is hovering a components
+
+| **Default** | **Hover** | Animation |
+| If Shadow-0 or Shadow-1 | `$-joy-core-elevation-2` | `[$transition-duration: 150ms;](https://zeroheight.com/6bf479565/p/86c854--transition)` |
+| If Shadow 2 | `$-joy-core-elevation-3` | `[$transition-duration: 150ms;](https://zeroheight.com/6bf479565/p/86c854--transition)` |
+### Example
+
+![image](/uploads/lNvAyv-jQbdPWhl8d5uFNw.png)
+
+![image](/uploads/y4PCoIY5iE1fsb0vTjXvXg.gif)

package/dist/doc/zeroheight/foundations/2147931/usage.md

@@ -0,0 +1,4 @@
+> **Remember: **Use elevation with purpose, and only when needed, and avoid custom shadows and use of elevation only for aesthetic reason.
+
+- Do: null
+- Don't: null

package/dist/doc/zeroheight/foundations/2147933/description.md

@@ -0,0 +1 @@
+**Radius tokens** are used to apply a consistent level of curvature to the corners of components. They ensure a uniform visual style and a predictable user experience across all interfaces.

package/dist/doc/zeroheight/foundations/2147933/meta.json

@@ -0,0 +1,16 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Radius",
+  "slug": "radius",
+  "category": "foundations",
+  "component": null,
+  "pageId": 2147933,
+  "pageUid": "2147933",
+  "fetchedAt": "2026-07-15T08:24:45.876Z",
+  "tabs": [
+    "Overview",
+    "Usage"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/radius/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/foundations/2147933/overview.md

@@ -0,0 +1,19 @@
+![Malt radius variations](/uploads/DTe44vtqwKUrPZO_UfyYCg.png)
+
+## Radius System
+
+Building a **radius system **is the key to ensuring a better coherence and consistency between all our pages (desktop and mobile).
+
+We follow a multiple of ***2 unit *****grid** when working on smaller components & ***8 unit***** grid** for all the other needs.
+
+## Values
+
+| Classes | Radius | Use |
+| `$-joy-core-radius-0` | 0px | - Flat Background |
+| `$-joy-core-radius-1` | 2px | - [Badges](https://zeroheight.com/6bf479565/p/574c8a) - [Checkbox](https://zeroheight.com/6bf479565/p/17bc60) |
+| `$-joy-core-radius-2` | 4px | - [Counter](https://zeroheight.com/6bf479565/p/42f29d) |
+| `$-joy-core-radius-3` | 8px | - [Tags](https://zeroheight.com/6bf479565/p/173a03) - [Tooltip](https://zeroheight.com/6bf479565/p/1134b7) - [Panels | Desktop](https://zeroheight.com/6bf479565/p/74e82d/b/25a18e) - [Panels](https://zeroheight.com/6bf479565/p/74e82d) - [Shortlist](https://zeroheight.com/6bf479565/p/37c78a) - [Product tour](https://zeroheight.com/6bf479565/p/484146) - [Dropzone | Desktop](https://zeroheight.com/6bf479565/p/3649f3/b/77b8f0) - [Articles](https://zeroheight.com/6bf479565/p/51d1bc) - [Profile card](https://zeroheight.com/6bf479565/p/99e75b) - [Tip 🚧](https://zeroheight.com/6bf479565/p/75c662) - [Snackbar ](https://zeroheight.com/6bf479565/p/18f819/b/63ab27) - [Highlight](https://zeroheight.com/6bf479565/p/91b44b/b/262611) - [Shortlist](https://zeroheight.com/6bf479565/p/37c78a) |
+| `$-joy-core-radius-4` | 16px | - [Dialogs](https://zeroheight.com/6bf479565/p/95da18) - Search Module Homepage |
+| `$-joy-core-radius-5` | 32px | - [Textarea](https://zeroheight.com/6bf479565/p/80b38d) |
+| `$-joy-core-radius-6` | Full Radius | - [Avatar ](https://zeroheight.com/6bf479565/p/52ceb2) - [Availability](https://zeroheight.com/6bf479565/p/777a29) - [Tabs keywords](https://zeroheight.com/6bf479565/p/80440c) - [Button](https://zeroheight.com/6bf479565/p/75500d) - [Pagination](https://zeroheight.com/6bf479565/p/952103) |
+## Visual representation

package/dist/doc/zeroheight/foundations/2147933/usage.md

@@ -0,0 +1,2 @@
+- Do: null
+- Don't: null

package/dist/doc/zeroheight/foundations/2266238/description.md

@@ -0,0 +1 @@
+**Transition tokens** are used to control the duration and easing of animations and state changes. They ensure a smooth, consistent, and predictable motion style across all interactive elements.

package/dist/doc/zeroheight/foundations/2266238/meta.json

@@ -0,0 +1,15 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Transition",
+  "slug": "transition",
+  "category": "foundations",
+  "component": null,
+  "pageId": 2266238,
+  "pageUid": "2266238",
+  "fetchedAt": "2026-07-15T08:24:45.915Z",
+  "tabs": [
+    "Overview"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/transition/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/foundations/2266238/overview.md

@@ -0,0 +1,10 @@
+![Malt transition values](/uploads/_2aNQpVfw2a5Si9zxdWmeg.png)
+
+## Transition Values
+
+| Variable | Settings | Used |
+| `$transition-duration--short: 100ms;` | Speed : 100ms  Transition: ease-in-out |  |
+| `$transition-duration--Default: 200ms;` | Speed : 200ms  Transition: ease-in-out | - Hover |
+| `$transition-duration--Long: 400ms;` | Speed : 400ms  Transition: ease-in-out | - Dialogs |
+| `$transition-timing-function` |  |  |
+## Related

package/dist/doc/zeroheight/foundations/2488627/description.md

@@ -0,0 +1 @@
+The z-index property is used to manage the stacking order of elements on the z-axis.

package/dist/doc/zeroheight/foundations/2488627/meta.json

@@ -0,0 +1,15 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Z-index",
+  "slug": "z-index",
+  "category": "foundations",
+  "component": null,
+  "pageId": 2488627,
+  "pageUid": "2488627",
+  "fetchedAt": "2026-07-15T08:24:45.923Z",
+  "tabs": [
+    "Overview"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/z-index/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/foundations/2488627/overview.md

@@ -0,0 +1,16 @@
+![Malt z-index values](/uploads/G1GDLrmKtGxcLMCv_PIYTQ.png)
+
+## Description
+
+The `z-index` property in our design system is used to manage the stacking order of elements on the z-axis. This documentation provides a clear, standardized scale to ensure that interactive components, overlays, and navigational elements appear correctly on top of other content without unexpected layering conflicts. By using our defined tokens, designers and developers can maintain a consistent visual hierarchy across all products. This helps in building predictable and accessible user interfaces.
+
+## Value
+
+| Token | Value (z-index) | Usage |
+| `--joy-core-z-index-fixed-content` | 20 | ProgressBar |
+| `--joy-core-z-index-dropdown` | 23 | Dropdown (list) |
+| `--joy-core-z-index-backdrop` | 1049 | Backdrop, ProductTour (spotlight) |
+| `--joy-core-z-index-product-tour` | 1050 | ProductTour |
+| `--joy-core-z-index-dialog` | 1051 | BottomSheet, Dialog, Drawer, Funnel |
+| `--joy-core-z-index-tooltip` | 1052 | Tooltip |
+| `--joy-core-z-index-snackbar` | 1053 | Snackbar |

package/dist/doc/zeroheight/foundations/4055467/description.md

@@ -0,0 +1 @@
+**Typography tokens** are used to apply a consistent set of styles for all text elements. They define the type scale, font weights, line heights, and other properties to ensure a clear and readable typographic system.

package/dist/doc/zeroheight/foundations/4055467/download.md

@@ -0,0 +1 @@
+## Download

package/dist/doc/zeroheight/foundations/4055467/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Typography ",
+  "slug": "typography",
+  "category": "foundations",
+  "component": null,
+  "pageId": 4055467,
+  "pageUid": "4055467",
+  "fetchedAt": "2026-07-15T08:24:45.916Z",
+  "tabs": [
+    "Overview",
+    "Usage",
+    "Text Styles",
+    "Download"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/typography/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/foundations/4055467/overview.md

@@ -0,0 +1,29 @@
+![Malt brand typographie](/uploads/uPc5eVW2RMMINgGmI2plAQ.png)
+
+## Tokens
+
+### Primary
+
+| Token | Font-Weight | Font | Size |
+| `--joy-font-size-primary-100` | Normal | Moderat | 11px |
+| `--joy-font-size-primary-150` | Bold | Moderat | 11px |
+| `--joy-font-size-primary-200` | Normal | Moderat | 12px |
+| `--joy-font-size-primary-250` | Bold | Moderat | 12px |
+| `--joy-font-size-primary-300` | Normal | Moderat | 14px |
+| `--joy-font-size-primary-350` | Bold | Moderat | 14px |
+| `--joy-font-size-primary-400` | Normal | Moderat | 16px |
+| `--joy-font-size-primary-450` | Bold | Moderat | 16px |
+| `--joy-font-size-primary-600` | Normal | Moderat | 20px |
+| `--joy-font-size-primary-650` | Bold | Moderat | 20px |
+| `--joy-font-size-primary-800` | Normal | Moderat | 24px |
+| `--joy-font-size-primary-850` | Bold | Moderat | 24px |
+### Style
+
+### Secondary
+
+| Token | Font-Weight | Font | Size |
+| `--joy-font-size-Secondary-200` | Normal | Agrandir | 28px |
+| `--joy-font-size-secondary-400` | Normal | Agrandir | 36px |
+| `--joy-font-size-secondary-600` | Normal | Agrandir | 46px |
+| `--joy-font-size-secondary-800` | Normal | Agrandir | 52px |
+### Style

package/dist/doc/zeroheight/foundations/4055467/text-styles.md

@@ -0,0 +1,3 @@
+## Primary
+
+## Secondary

package/dist/doc/zeroheight/foundations/4055467/usage.md

@@ -0,0 +1,11 @@
+## Text
+
+Our default text font is **Moderat**, its default size is **16px **to be easily readable on desktop and mobile. Depending on the context, we can also use 2px variations size:
+
+- ***18px – Text 1***. If folks are reading for long periods of time, be nice: don’t make them strain their eyes. ;-) You’re not printing out a single-spaced Word document; you’re writing for people sitting a couple of feet from their decade-old monitors.
+- ***16px – Text 2***. This is the most common font size on our pages and should be used for all body text.
+- ***14px – Text 3***. The absolute minimum for text-heavy pages. This is a secondary font size that you can use for less-important details of the site, supporting information and stats, sometimes captions, etc.
+
+## Character per line
+
+## Alignement

package/dist/doc/zeroheight/foundations/4845111/description.md

@@ -0,0 +1 @@
+Functional and emotional side.

package/dist/doc/zeroheight/foundations/4845111/fonts.md

@@ -0,0 +1,37 @@
+Typography plays an important role in our brand. We use two hardworking typefaces that bring nuance to our communication, helping us dial up or down our functional and emotional side.
+
+## Headline
+
+![image](/uploads/cX45wiwsZl_rcBKvOA1bZw.png)
+
+We use Agrandir Tight Medium for headlines at large sizes. We use it throughout all communications as it draws people’s attention and helps our messaging stand out.
+
+Our headline typeface is Agrandir. It is bold and direct, just like us. We use it for short and long headings and subheadings in order to bring attention to our messaging.
+
+Our body typeface is Moderat. It is a highly legible and practical family with lots of weights we can use for detail and functional copy. It pairs with and supports our headline typeface seamlessly.
+
+## Body copy
+
+![image](/uploads/ugs3vfMDgyp-VF-pvprnrw.png)
+
+We use Moderat for communications where we have a lot of information to display, such as body copy paragraphs.
+
+We use Moderat Bold for sub-headers, and Regular for body copy.
+
+## Google Slide fonts
+
+In instances where our typefaces aren’t available we use these substitute Google fonts. This is specifically for Google Slides. We only use them when we unable to use our brand typefaces.
+
+## Headline
+
+![image](/uploads/B0r50hSQ7NjM7YXSjwfBfA.png)
+
+## Body copy
+
+![image](/uploads/cEw8vFoNyreo5J3y_jRNgA.png)
+
+## Email font
+
+For email body copy we vary the typeface depending on the operating system it is being sent to. For Apple devices we use San Francisco, and for Google devices we use Roboto.
+
+![image](/uploads/TFSy8y_5kgJ81WkDm6UAkQ.png)

package/dist/doc/zeroheight/foundations/4845111/meta.json

@@ -0,0 +1,16 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Fonts",
+  "slug": "fonts",
+  "category": "foundations",
+  "component": null,
+  "pageId": 4845111,
+  "pageUid": "4845111",
+  "fetchedAt": "2026-07-15T08:24:45.759Z",
+  "tabs": [
+    "Fonts",
+    "Usage"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/fonts/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/foundations/4845111/usage.md

@@ -0,0 +1,9 @@
+- Don't: Do not mix fontweights in the same headline or sentence.
+- Don't: Do not condense headline and body copy.
+- Don't: Do not separate words too far in headlines.
+- Don't: Do not use off-brand colours. Typography should either use white or UI grey five.
+- Don't: Do not make typography illegible.
+- Don't: Do not use wide tracking.
+- Do: Do use white font on colored background.
+- Do: Do use grey 5 font on white and yellow background.
+- Do: Do use pink malt font on light greys and white background.

package/dist/doc/zeroheight/foundations/4845112/description.md

@@ -0,0 +1 @@
+Bright, bold and modern.

package/dist/doc/zeroheight/foundations/4845112/malt-colors-usage.md

@@ -0,0 +1,9 @@
+- Don't: Do not create new or alter the
+existing colours.
+- Don't: Do not use gradients.
+- Don't: Do not use black and white.
+- Don't: Do not use more than three colours
+at once (excluding high or lowlights).
+- Don't: Do not create transparency.
+- Do: Examples of color combinations.
+- Do: Examples of secondary color combinations.

package/dist/doc/zeroheight/foundations/4845112/malt-colors.md

@@ -0,0 +1,14 @@
+| Color helps us convey our energetic, optimistic personality. Our bold, confident use of color means we can stand out in any environment. And by embracing the full range of brand colors within the system we ensure that we always use combinations that complement the content of our communications.  The Malt Pink, our lead color, is supported by six colors, which together form our brand color palette. |
+## Main Brand Colors
+
+## Dark
+
+## Light
+
+## Text
+
+## UI colors
+
+Limited use of UI colors to UI illustrations, except if you are a designer.
+
+You can find them [here ](https://zeroheight.com/6bf479565/p/027b08-colors/b/266e61)

package/dist/doc/zeroheight/foundations/4845112/meta.json

@@ -0,0 +1,16 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Colors",
+  "slug": "colors",
+  "category": "foundations",
+  "component": null,
+  "pageId": 4845112,
+  "pageUid": "4845112",
+  "fetchedAt": "2026-07-15T08:24:45.723Z",
+  "tabs": [
+    "Malt colors",
+    "Malt colors usage"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/colors/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/foundations/7486175/introduction.md

@@ -0,0 +1,3 @@
+![Font hierarchy illustration](/uploads/u86Zc0dU3GHr3lVuyG1T8A.png)
+
+## Template - Font hierarchy (With sidebar)

package/dist/doc/zeroheight/foundations/7486175/meta.json

@@ -0,0 +1,13 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Font hierarchy",
+  "slug": "font-hierarchy",
+  "category": "foundations",
+  "component": null,
+  "pageId": 7486175,
+  "pageUid": "7486175",
+  "fetchedAt": "2026-07-15T08:24:45.758Z",
+  "tabs": [],
+  "imagesPath": "packages/core-vue/static/zeroheight/font-hierarchy/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/guidelines/1398442/change-log.md

@@ -0,0 +1 @@
+## Change log

package/dist/doc/zeroheight/guidelines/1398442/description.md

@@ -0,0 +1 @@
+**Icons** are used to manage a consistent set of icons for all interfaces. They define the size, color, and style properties to ensure a cohesive and readable visual language.

package/dist/doc/zeroheight/guidelines/1398442/library.md

@@ -0,0 +1,18 @@
+## Figma Link
+
+## Specification
+
+| Size | Stroke | Default color | Hover color |
+| 16px | 1.5 | `$-joy-color-neutral-gray-50` | `$joy-secondary-30` |
+| 24px | 2.0 | `$-joy-color-neutral-gray-50` | `$joy-secondary-30` |
+## Library
+
+### 16px - Stroke 1.5
+
+### 24px - Stroke 2
+
+## Payments
+
+### Provider
+
+## Flag

package/dist/doc/zeroheight/guidelines/1398442/meta.json

@@ -0,0 +1,19 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Iconography",
+  "slug": "iconography",
+  "category": "guidelines",
+  "component": null,
+  "pageId": 1398442,
+  "pageUid": "1398442",
+  "fetchedAt": "2026-07-15T08:24:45.788Z",
+  "tabs": [
+    "Overview",
+    "Usage",
+    "Library",
+    "Request an icon?",
+    "🔄 Change log"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/iconography/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/guidelines/1398442/overview.md

@@ -0,0 +1,44 @@
+![Malt icon library](/uploads/WPlR1IaxoEJub7XxJKv3TA.png)
+
+## Illustration, icon or product visuals ?
+
+We have a tree-tiered approach to illustrations and iconography based on both size and usage:
+
+## Choosing the Right Illustration
+
+This guide will help you determine the most effective type of visual asset for your design, ensuring every choice is intentional and purposeful.
+
+### 1. Understand Our Visual Intentions
+
+Every visual element in our design system has a specific role. Your first step is to be intentional about the purpose of your design and choose the right tool for the job.
+
+- **Icons are for function: **Use them to make things scannable and clear. They're meant to help users complete tasks, not to decorate the page.
+- **Illustrations are for emotion:** Use them to tell a story, set a mood, or make a moment feel more human and welcoming. They should be used to transform an ordinary experience.
+
+### 2. Ask Intentional Questions
+
+Before you add a visual, ask yourself these questions. Answering them will guide you to a more purposeful decision.
+
+**What is the primary goal of this space?**
+
+- *To enable a user to complete a task quickly?* → Use a functional icon. Adding an illustration would be a distraction.
+- *To welcome a user, explain a new feature, or soften a blank state? *→ Use a storytelling illustration. The goal is to connect emotionally.
+
+**What is the emotional state of the user in this moment?**
+
+- *Are they trying to get something done? *→ Use simple icons to reduce friction.
+- *Are they encountering an empty space or a moment of waiting? *→ Use a warm, human illustration to add comfort and context.
+
+## Anatomy
+
+### A clean draw line
+
+![image](/uploads/m7pSBEm8bslzHca5i5sFjA.png)
+
+### Illustration complexity
+
+![image](/uploads/7MXMrNGWDai5wPIe_T0YzA.png)
+
+## Illustration principles
+
+Find more detail, concrete examples and guidelines in the [brand guidelines](https://zeroheight.com/6bf479565/p/6872c5-malt-guidelines)

package/dist/doc/zeroheight/guidelines/1398442/request-an-icon.md

@@ -0,0 +1,24 @@
+## I can't find an icon for my need
+
+1. **I can’t find an icon that fits my needs**
+2. Go on the DS System backlog and create a new task for the icon (+ fill all the elements needed)
+3. Create you icon by following the Malt icon design guide
+4. Push you change on validation in Figma
+5. **The design system team adds the icon to the lib and creates a new release (v1.1…)**
+6. **When the icon Figma lib is published, you are now able to use it in your design**
+
+## Malt icon design guidelines
+
+### To begin with
+
+### Use the grid
+
+### Stylistic rules
+
+### The detail
+
+### Finalizing the icon
+
+### Communication and merge
+
+### Congrats!

package/dist/doc/zeroheight/guidelines/1398442/usage.md

@@ -0,0 +1,51 @@
+## Usage
+
+When an icon is next to text, its main goal is adding extra information (the user can’t interact with this section).
+
+### Size
+
+❌ Can't be used another size than 16px or 24px
+
+❌ Do not scale Icons
+
+- Do: 
+- Don't: 
+
+## Joyfull icon principles
+
+Our icon joyfull principle is made to add you in small details of the product and add interaction with the user
+
+#### While hovering
+
+If the user have to interact with the icon (link or menu for example), we change the color to secondary-30 by default.
+
+#### Micro interaction
+
+![image](/uploads/jyo48N1ZHCI_B3T5PioTSQ.png)
+
+**When to use this micro animation? **You can use animation on icons on hover:- as long as the interaction adds joy without adding noise to the final composition- if the interaction is used at a moment when you want to create momentum in the production- if the type of icon allows it (you cannot change the nature of an icon to add this animation)
+
+- Do: Use the space to add visualy joy inside of the icon 
+- Don't: Not every icon can have this kind of hover state (because of their type)
+
+### Example
+
+#### Joyfull icons in navigation
+
+**What type of context: **
+
+- Navigation hover
+
+- Add Joy in micro-interactions
+- Be intentional as for the Malt Brand
+
+**Component used: **Icons**Illustration used: **→ Use only the interation while hovering → Keep in mid to not add too small detail in the icons (visiblity)
+
+### Link
+
+- Do: 
+- Don't: 
+
+#### Active state
+
+![image](/uploads/R5s5ic2k339MPJd1jUNHMw.gif)

package/dist/doc/zeroheight/guidelines/1398447/introduction.md

@@ -0,0 +1 @@
+#### Joy is the Front-End design system For Malt

package/dist/doc/zeroheight/guidelines/1398447/meta.json

@@ -0,0 +1,16 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "___cover",
+  "slug": "___cover",
+  "category": "guidelines",
+  "component": null,
+  "pageId": 1398447,
+  "pageUid": "1398447",
+  "fetchedAt": "2026-07-15T08:24:45.678Z",
+  "tabs": [
+    "Introduction",
+    "Team"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/___cover/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/guidelines/1398447/team.md

@@ -0,0 +1 @@
+

package/dist/doc/zeroheight/guidelines/1423622/change-logs.md

@@ -0,0 +1 @@
+## Change logs