@maltjoy/mcp-server 0.3.1 → 0.4.0

package/dist/doc/VJoyTagsList/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyTagsList",
   "displayName": "VJoyTagsList",
+  "description": "**VJoyTagsList** is a simple wrapper for **VJoyTag** allowing you to create a list with pre-defined style.\nIf it is more flexible for you to directly use **VJoyTag** don't hesitate to get rid of this parent component!\nInstead you can wrap your **VJoyTag** list in a **VJoyWrapper** for instance",
+  "category": "View",
   "props": [
     {
       "name": "variant",
@@ -21,6 +23,18 @@
         "ai-secondary"
       ]
     },
+    {
+      "name": "align",
+      "type": "TJoyTagsListAlign | undefined",
+      "required": false,
+      "default": "\"left\"",
+      "description": "",
+      "possibleValues": [
+        "left",
+        "right",
+        "center"
+      ]
+    },
     {
       "name": "removable",
       "type": "boolean | undefined",
@@ -43,18 +57,6 @@
         "true"
       ]
     },
-    {
-      "name": "align",
-      "type": "TJoyTagsListAlign | undefined",
-      "required": false,
-      "default": "\"left\"",
-      "description": "",
-      "possibleValues": [
-        "left",
-        "right",
-        "center"
-      ]
-    },
     {
       "name": "tags",
       "type": "TJoyTagsList | undefined",
@@ -822,18 +824,18 @@
       "isMethod": false
     },
     {
-      "name": "removable",
-      "type": "boolean",
+      "name": "align",
+      "type": "TJoyTagsListAlign",
       "isMethod": false
     },
     {
-      "name": "selectable",
+      "name": "removable",
       "type": "boolean",
       "isMethod": false
     },
     {
-      "name": "align",
-      "type": "TJoyTagsListAlign",
+      "name": "selectable",
+      "type": "boolean",
       "isMethod": false
     },
     {

package/dist/doc/VJoyTemplate/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyTemplate",
   "displayName": "VJoyTemplate",
+  "description": "A comprehensive page layout template component providing structured slots for complete page organization.\nFeatures header area with title/subtitle/actions, main content with optional sidebar, back navigation support,\nloading overlay integration, and decorative background shapes. Perfect for creating consistent page layouts\nwith flexible content positioning and professional presentation across the application.",
+  "category": "Layout",
   "props": [
     {
       "name": "loading",

package/dist/doc/VJoyText/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyText",
   "displayName": "VJoyText",
+  "description": "This component is directly dependant from `@maltjoy/css` package, a CSS class utils package built on top of `@maltjoy/themes` that contains our design tokens.\n\n**Reminder**: values ending with 50 have same size but are bold.\n\nSee \"Fonts\" section here https://doc.malt.tech/joy-storybook/?path=/docs/css-framework--docs#advanced-fonts\n\n**Warning** If you use long text within a VJoyWrapper, you'll have to set a max-width to prevent the text from breaking the layout.",
+  "category": "View",
   "props": [
     {
       "name": "tagName",

package/dist/doc/VJoyTextarea/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyTextarea",
   "displayName": "VJoyTextarea",
+  "description": "A comprehensive multi-line text input component with advanced features for form interfaces.\nFeatures autogrow functionality, character count validation, min/max length constraints,\nintegrated labeling, and form validation support. Includes visual feedback for length limits,\ndisabled states, and seamless integration with VJoyLabel for flexible form layouts.",
+  "category": "Forms",
   "props": [
     {
       "name": "invalid",
@@ -36,17 +38,19 @@
       ]
     },
     {
-      "name": "modelValue",
-      "type": "string | undefined",
+      "name": "labelSize",
+      "type": "TJoyLabelSizes | undefined",
       "required": false,
-      "default": "\"\"",
+      "default": "\"medium\"",
       "description": "",
       "possibleValues": [
-        "string"
+        "medium",
+        "large",
+        "small"
       ]
     },
     {
-      "name": "autofocus",
+      "name": "requiredMark",
       "type": "boolean | undefined",
       "required": false,
       "default": "false",
@@ -57,19 +61,17 @@
       ]
     },
     {
-      "name": "labelSize",
-      "type": "TJoyLabelSizes | undefined",
+      "name": "modelValue",
+      "type": "string | undefined",
       "required": false,
-      "default": "\"medium\"",
+      "default": "\"\"",
       "description": "",
       "possibleValues": [
-        "medium",
-        "large",
-        "small"
+        "string"
       ]
     },
     {
-      "name": "requiredMark",
+      "name": "autofocus",
       "type": "boolean | undefined",
       "required": false,
       "default": "false",
@@ -192,22 +194,22 @@
       "isMethod": false
     },
     {
-      "name": "modelValue",
-      "type": "string",
+      "name": "labelSize",
+      "type": "TJoyLabelSizes",
       "isMethod": false
     },
     {
-      "name": "autofocus",
+      "name": "requiredMark",
       "type": "boolean",
       "isMethod": false
     },
     {
-      "name": "labelSize",
-      "type": "TJoyLabelSizes",
+      "name": "modelValue",
+      "type": "string",
       "isMethod": false
     },
     {
-      "name": "requiredMark",
+      "name": "autofocus",
       "type": "boolean",
       "isMethod": false
     },
@@ -236,16 +238,16 @@
       "type": "string | undefined",
       "isMethod": false
     },
-    {
-      "name": "onUpdate:modelValue",
-      "type": "((value: string) => any) | undefined",
-      "isMethod": true
-    },
     {
       "name": "optionalLabel",
       "type": "string | undefined",
       "isMethod": false
     },
+    {
+      "name": "onUpdate:modelValue",
+      "type": "((value: string) => any) | undefined",
+      "isMethod": true
+    },
     {
       "name": "minlengthLabel",
       "type": "string | undefined",

package/dist/doc/VJoyTitleBrand/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyTitleBrand",
   "displayName": "VJoyTitleBrand",
+  "description": "A branded title component for creating visually striking headings with highlighted text segments.\nFeatures flexible HTML tag rendering (h1-h6, p) and automatic styling for span elements with\nrotated background highlights. Perfect for page headers, dialog titles, and marketing content\nwhere brand emphasis is important for visual hierarchy and user attention.\n\nThis component can be used in `VJoyTemplate` or `VJoyDialog`.",
+  "category": "View",
   "props": [
     {
       "name": "tag",

package/dist/doc/VJoyToggle/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyToggle",
   "displayName": "VJoyToggle",
+  "description": "A form toggle switch component for binary on/off state management with visual feedback.\nFeatures multiple variants including default (with smile icon) and admin (with eye icon), integrated labeling, disabled states, and proper accessibility attributes.\nProvides smooth animations and clear visual indicators for user interactions in forms and settings interfaces.",
+  "category": "Forms",
   "props": [
     {
       "name": "invalid",
@@ -36,24 +38,24 @@
       ]
     },
     {
-      "name": "value",
-      "type": "string | undefined",
+      "name": "disabled",
+      "type": "boolean | undefined",
       "required": false,
-      "default": "\"on\"",
+      "default": "false",
       "description": "",
       "possibleValues": [
-        "string"
+        "false",
+        "true"
       ]
     },
     {
-      "name": "disabled",
-      "type": "boolean | undefined",
+      "name": "value",
+      "type": "string | undefined",
       "required": false,
-      "default": "false",
+      "default": "\"on\"",
       "description": "",
       "possibleValues": [
-        "false",
-        "true"
+        "string"
       ]
     },
     {
@@ -136,13 +138,13 @@
       "isMethod": false
     },
     {
-      "name": "value",
-      "type": "string",
+      "name": "disabled",
+      "type": "boolean",
       "isMethod": false
     },
     {
-      "name": "disabled",
-      "type": "boolean",
+      "name": "value",
+      "type": "string",
       "isMethod": false
     },
     {

package/dist/doc/VJoyTooltip/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyTooltip",
   "displayName": "VJoyTooltip",
+  "description": "A floating tooltip overlay component for providing contextual information and help text.\nFeatures intelligent positioning with automatic placement adjustments, support for both hover and click triggers,\nand flexible content through text props or HTML slots. Uses Teleport for proper z-index management\nand includes proper accessibility attributes with ARIA support for screen readers.",
+  "category": "Overlays",
   "props": [
     {
       "name": "show",

package/dist/doc/VJoyUserCard/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyUserCard",
   "displayName": "VJoyUserCard",
+  "description": "A comprehensive user profile card component for displaying user information in a structured layout.\nFeatures integrated avatar display, name/subtitle presentation, rating stars support, and optional\nlink functionality for navigation. Includes multiple customization slots for avatar, title, subtitle,\nand rating components, with full attribute inheritance for link behavior and accessibility.",
+  "category": "View",
   "props": [
     {
       "name": "fullName",

package/dist/doc/VJoyWalkthrough/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyWalkthrough",
   "displayName": "VJoyWalkthrough",
+  "description": "A comprehensive guided tour component for creating interactive onboarding experiences and feature walkthroughs.\nFeatures collapsible modal interface with trigger button, progress tracking with visual indicators, mobile-responsive\ndesign, and flexible content slots for illustrations, descriptions, and custom actions. Uses Teleport for proper\nz-index management and includes accessibility support for guided user experiences.\n\n> ⚠ The use of **disableTeleport** property is only for documentation purpose. You won't need it in production.",
+  "category": "Overlays",
   "props": [
     {
       "name": "open",

package/dist/doc/VJoyWalkthroughTrigger/metadata.json

@@ -1,6 +1,8 @@
 {
   "name": "JoyWalkthroughTrigger",
   "displayName": "VJoyWalkthroughTrigger",
+  "description": "",
+  "category": "Overlays",
   "props": [
     {
       "name": "icon",

package/dist/doc/VJoyWrapper/metadata.json

@@ -1,7 +1,22 @@
 {
   "name": "JoyWrapper",
   "displayName": "VJoyWrapper",
+  "description": "A flexible CSS flexbox utility wrapper component for creating responsive layouts with consistent spacing.\nFeatures comprehensive flexbox controls including justify-content, align-items, flex-direction, and wrap properties.\nIncludes automatic gap management, item stretching capabilities, and margin controls. Perfect for form layouts,\nbutton groups, and any content that needs structured, responsive arrangement with minimal CSS.",
+  "category": "Layout",
   "props": [
+    {
+      "name": "align",
+      "type": "TJoyWrapperAlign | undefined",
+      "required": false,
+      "default": "\"center\"",
+      "description": "Vertical spread. Refers to CSS flex align-items.",
+      "possibleValues": [
+        "center",
+        "flex-start",
+        "flex-end",
+        "stretch"
+      ]
+    },
     {
       "name": "direction",
       "type": "TJoyWrapperDirection | undefined",
@@ -37,19 +52,6 @@
         "true"
       ]
     },
-    {
-      "name": "align",
-      "type": "TJoyWrapperAlign | undefined",
-      "required": false,
-      "default": "\"center\"",
-      "description": "Vertical spread. Refers to CSS flex align-items.",
-      "possibleValues": [
-        "center",
-        "flex-start",
-        "flex-end",
-        "stretch"
-      ]
-    },
     {
       "name": "wrap",
       "type": "TJoyWrapperWrap | undefined",
@@ -124,6 +126,11 @@
     }
   ],
   "exposed": [
+    {
+      "name": "align",
+      "type": "TJoyWrapperAlign",
+      "isMethod": false
+    },
     {
       "name": "direction",
       "type": "TJoyWrapperDirection",
@@ -139,11 +146,6 @@
       "type": "boolean",
       "isMethod": false
     },
-    {
-      "name": "align",
-      "type": "TJoyWrapperAlign",
-      "isMethod": false
-    },
     {
       "name": "wrap",
       "type": "TJoyWrapperWrap",

package/dist/doc/css-classes.json

@@ -60,6 +60,8 @@
     ".joy-bgcolor-neutral-20",
     ".joy-color-neutral-30",
     ".joy-bgcolor-neutral-30",
+    ".joy-color-neutral-35",
+    ".joy-bgcolor-neutral-35",
     ".joy-color-neutral-40",
     ".joy-bgcolor-neutral-40",
     ".joy-color-neutral-50",

package/dist/doc/design-tokens.json

@@ -30,6 +30,7 @@
     "--joy-color-neutral-10": "#fcfcfc",
     "--joy-color-neutral-20": "#f7f7f5",
     "--joy-color-neutral-30": "#e0ded9",
+    "--joy-color-neutral-35": "#b7b6b2",
     "--joy-color-neutral-40": "#737370",
     "--joy-color-neutral-50": "#4b4b4b",
     "--joy-color-neutral-60": "#333330",
@@ -54,34 +55,33 @@
     "--joy-color-ai-gradient-30": "linear-gradient(90deg, rgba(144,53,162,1) 0%, rgba(252,87,87,0.85) 100%)",
     "--joy-color-ai-gradient-70": "linear-gradient(90deg, rgba(109,40,123,1) 0%, rgba(251,35,35,0.85) 100%)",
     "--joy-color-ai-gradient-100": "linear-gradient(90deg, rgba(75,28,85,1) 0%, rgba(230,4,4,0.85) 100%)",
+    "--joy-color-overlay": "rgba(51, 51, 48, 0.4)",
+    "--joy-color-shadow-base": "rgba(24, 24, 24, 0.16)",
     "--joy-color-text-body": "var(--joy-color-neutral-50)",
     "--joy-color-text-title": "var(--joy-color-neutral-60)",
     "--joy-color-text-disabled": "var(--joy-color-neutral-30)",
-    "--joy-color-state-disabled-border": "var(--joy-color-neutral-30)",
-    "--joy-color-state-disabled-background": "var(--joy-color-neutral-30)",
+    "--joy-color-state-disabled-border": "var(--joy-color-neutral-35)",
+    "--joy-color-state-disabled-background": "var(--joy-color-neutral-20)",
     "--joy-color-state-focus": "var(--joy-color-secondary-50)",
     "--joy-color-state-hover": "var(--joy-color-secondary-50)",
     "--joy-color-state-error": "var(--joy-color-error-50)",
     "--joy-color-state-hover-error": "var(--joy-color-error-90)",
-    "--joy-color-overlay": "rgba(51, 51, 48, 0.4)",
-    "--joy-color-background-skeleton": "linear-gradient(110deg, var(--joy-color-neutral-20) 8%, var(--joy-color-neutral-10) 18%, var(--joy-color-neutral-20) 33%)",
-    "--joy-color-shadow-base": "rgba(24, 24, 24, 0.16)"
+    "--joy-color-background-skeleton": "linear-gradient(110deg, var(--joy-color-neutral-20) 8%, var(--joy-color-neutral-10) 18%, var(--joy-color-neutral-20) 33%)"
   },
   "spacing": {
-    "--joy-core-spacing-0": "calc(var(--joy-core-spacing-base) / 2)",
-    "--joy-core-spacing-1": "calc(var(--joy-core-spacing-base) * 1)",
-    "--joy-core-spacing-2": "calc(var(--joy-core-spacing-base) * 2)",
-    "--joy-core-spacing-3": "calc(var(--joy-core-spacing-base) * 3)",
-    "--joy-core-spacing-4": "calc(var(--joy-core-spacing-base) * 4)",
-    "--joy-core-spacing-5": "calc(var(--joy-core-spacing-base) * 5)",
-    "--joy-core-spacing-6": "calc(var(--joy-core-spacing-base) * 6)",
-    "--joy-core-spacing-7": "calc(var(--joy-core-spacing-base) * 7)",
-    "--joy-core-spacing-8": "calc(var(--joy-core-spacing-base) * 8)",
-    "--joy-core-spacing-9": "calc(var(--joy-core-spacing-base) * 10)",
-    "--joy-core-spacing-10": "calc(var(--joy-core-spacing-base) * 12)",
-    "--joy-core-spacing-11": "calc(var(--joy-core-spacing-base) * 14)",
-    "--joy-core-spacing-12": "calc(var(--joy-core-spacing-base) * 16)",
-    "--joy-core-spacing-base": "4px"
+    "--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"
   },
   "typography": {
     "--joy-line-height-small": "1.05",
@@ -111,11 +111,11 @@
     "--joy-core-radius-6": "50%"
   },
   "elevation": {
-    "--joy-core-elevation-0": "0 0 0 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-1": "0 2px 4px 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-2": "0 4px 12px 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-3": "0 6px 24px 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-4": "0 8px 32px 0 rgba(24, 24, 24, 0.16)"
+    "--joy-core-elevation-0": "0 0 0 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-1": "0 2px 4px 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-2": "0 4px 12px 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-3": "0 6px 24px 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-4": "0 8px 32px 0 var(--joy-color-shadow-base)"
   },
   "zIndex": {
     "--joy-core-z-index-fixed-content": "20",
@@ -135,18 +135,18 @@
   },
   "forms": {
     "--joy-form-border-width": "2px",
+    "--joy-form-field-radius-xxsmall": "12px",
+    "--joy-form-field-radius-xsmall": "16px",
+    "--joy-form-field-radius-small": "20px",
+    "--joy-form-field-radius-medium": "24px",
+    "--joy-form-field-radius-large": "32px",
+    "--joy-form-field-focus-width": "2px",
     "--joy-form-field-height-xxsmall": "var(--joy-core-spacing-6)",
     "--joy-form-field-height-xsmall": "var(--joy-core-spacing-8)",
     "--joy-form-field-height-small": "var(--joy-core-spacing-9)",
     "--joy-form-field-height-medium": "var(--joy-core-spacing-10)",
     "--joy-form-field-height-large": "var(--joy-core-spacing-12)",
-    "--joy-form-field-radius-xxsmall": "calc(var(--joy-form-field-height-xxsmall) / 2)",
-    "--joy-form-field-radius-xsmall": "calc(var(--joy-form-field-height-xsmall) / 2)",
-    "--joy-form-field-radius-small": "calc(var(--joy-form-field-height-small) / 2)",
-    "--joy-form-field-radius-medium": "calc(var(--joy-form-field-height-medium) / 2)",
-    "--joy-form-field-radius-large": "calc(var(--joy-form-field-height-large) / 2)",
     "--joy-form-field-focus-color": "var(--joy-color-information-50)",
-    "--joy-form-field-focus-width": "2px",
     "--joy-form-field-focus-shadow": "0 0 0 var(--joy-form-field-focus-width) var(--joy-form-field-focus-color)"
   }
 }