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

package/dist/doc/VJoyTextarea/metadata.json

@@ -1,7 +1,8 @@
 {
   "name": "JoyTextarea",
   "displayName": "VJoyTextarea",
-  "description": "A comprehensive multi-line text input component with advanced features for form interfaces. Features autogrow functionality, character count validation, min/max length constraints, integrated labeling, and form validation support. Includes visual feedback for length limits, disabled states, and seamless integration with VJoyLabel for flexible form layouts.",
+  "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",
@@ -37,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",
@@ -58,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",
@@ -193,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
     },
@@ -237,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,7 +1,8 @@
 {
   "name": "JoyTitleBrand",
   "displayName": "VJoyTitleBrand",
-  "description": "A branded title component for creating visually striking headings with highlighted text segments. Features flexible HTML tag rendering (h1-h6, p) and automatic styling for span elements with rotated background highlights. Perfect for page headers, dialog titles, and marketing content where brand emphasis is important for visual hierarchy and user attention. This component can be used in `VJoyTemplate` or `VJoyDialog`.",
+  "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,7 +1,8 @@
 {
   "name": "JoyToggle",
   "displayName": "VJoyToggle",
-  "description": "A form toggle switch component for binary on/off state management with visual feedback. Features multiple variants including default (with smile icon) and admin (with eye icon), integrated labeling, disabled states, and proper accessibility attributes. Provides smooth animations and clear visual indicators for user interactions in forms and settings interfaces.",
+  "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",
@@ -37,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"
       ]
     },
     {
@@ -137,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,7 +1,8 @@
 {
   "name": "JoyTooltip",
   "displayName": "VJoyTooltip",
-  "description": "A floating tooltip overlay component for providing contextual information and help text. Features intelligent positioning with automatic placement adjustments, support for both hover and click triggers, and flexible content through text props or HTML slots. Uses Teleport for proper z-index management and includes proper accessibility attributes with ARIA support for screen readers.",
+  "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,7 +1,8 @@
 {
   "name": "JoyUserCard",
   "displayName": "VJoyUserCard",
-  "description": "A comprehensive user profile card component for displaying user information in a structured layout. Features integrated avatar display, name/subtitle presentation, rating stars support, and optional link functionality for navigation. Includes multiple customization slots for avatar, title, subtitle, and rating components, with full attribute inheritance for link behavior and accessibility.",
+  "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,7 +1,8 @@
 {
   "name": "JoyWalkthrough",
   "displayName": "VJoyWalkthrough",
-  "description": "A comprehensive guided tour component for creating interactive onboarding experiences and feature walkthroughs. Features collapsible modal interface with trigger button, progress tracking with visual indicators, mobile-responsive design, and flexible content slots for illustrations, descriptions, and custom actions. Uses Teleport for proper z-index management and includes accessibility support for guided user experiences. > ⚠ The use of **disableTeleport** property is only for documentation purpose. You won't need it in production.",
+  "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

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

package/dist/doc/VJoyWrapper/metadata.json

@@ -1,8 +1,22 @@
 {
   "name": "JoyWrapper",
   "displayName": "VJoyWrapper",
-  "description": "A flexible CSS flexbox utility wrapper component for creating responsive layouts with consistent spacing. Features comprehensive flexbox controls including justify-content, align-items, flex-direction, and wrap properties. Includes automatic gap management, item stretching capabilities, and margin controls. Perfect for form layouts, button groups, and any content that needs structured, responsive arrangement with minimal CSS.",
+  "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",
@@ -38,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",
@@ -125,6 +126,11 @@
     }
   ],
   "exposed": [
+    {
+      "name": "align",
+      "type": "TJoyWrapperAlign",
+      "isMethod": false
+    },
     {
       "name": "direction",
       "type": "TJoyWrapperDirection",
@@ -140,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",
@@ -260,6 +262,7 @@
     ".joy-font-size-secondary-400",
     ".joy-font-size-secondary-600",
     ".joy-font-size-secondary-800",
+    ".joy-font-primary-100",
     ".joy-font-primary-150",
     ".joy-font-primary-200",
     ".joy-font-primary-250",
@@ -271,6 +274,7 @@
     ".joy-font-primary-650",
     ".joy-font-primary-800",
     ".joy-font-primary-850",
+    ".joy-font-secondary-200",
     ".joy-font-secondary-400",
     ".joy-font-secondary-600",
     ".joy-font-secondary-800"

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,15 +111,16 @@
     "--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",
     "--joy-core-z-index-dropdown": "23",
+    "--joy-core-z-index-funnel": "1040",
     "--joy-core-z-index-backdrop": "1050",
     "--joy-core-z-index-product-tour": "1060",
     "--joy-core-z-index-walkthrough": "1070",
@@ -135,18 +136,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)"
   }
 }