@maltjoy/mcp-server 0.3.1 → 0.3.2

package/dist/doc/VJoyRatingStars/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyRatingStars",
   "displayName": "VJoyRatingStars",
+  "description": "A visual rating display component using star icons to represent rating values from 0 to 5. Features support for fractional ratings with half-star display, multiple size variants, review count display, and customizable content slots. Includes proper accessibility attributes with configurable ARIA labels for screen reader compatibility. **Accessibility focus**: you can give an aria-label to the component to actually describe the rating. By default it is set to \"Rating: X out of 5\" but is obviously not translated.",
   "props": [
     {
       "name": "size",

package/dist/doc/VJoyScreenLoader/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyScreenLoader",
   "displayName": "VJoyScreenLoader",
+  "description": "A full-screen loading overlay component for indicating page or section loading states. Features light and dark color modes, overlay positioning for absolute coverage, customizable spinner slots, and content areas for loading messages. Perfect for blocking user interactions during data loading with professional loading animations and flexible content presentation.",
   "props": [
     {
       "name": "color",

package/dist/doc/VJoySelect/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoySelect",
   "displayName": "VJoySelect",
+  "description": "A styled select dropdown component with integrated labeling. Features multiple size variants, disabled and invalid states, and flexible option rendering. Supports both inline label props and external VJoyLabel component usage.",
   "props": [
     {
       "name": "invalid",

package/dist/doc/VJoySelectableItem/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoySelectableItem",
   "displayName": "VJoySelectableItem",
+  "description": "",
   "props": [
     {
       "name": "disabled",

package/dist/doc/VJoySelectableItemGroup/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoySelectableItemGroup",
   "displayName": "VJoySelectableItemGroup",
+  "description": "Basic full implementation example : ```html <template> <VJoySelectableItemGroup :options=\"options\" v-model:value=\"selectableModel\" /> <template> <script setup lang=\"ts\"> import {ref} from 'vue'; import {TJoySelectableItemOption} from '@maltjoy/core-vue'; const options = ref<TJoySelectableItemOption[]>([ {value: 'first-selectable-value', label: 'Option 1'}, {value: 'second-selectable-value', label: 'Option 2'}, {value: 'third-selectable-value', label: 'Option 3', {attrs: {...}}}, ]); // Use any type you prefer here, depending on what the backend is sending to you const selectableModel = ref(['second-selectable-value']); </script> ``` > When passing the `options` property, you can include both `value` and `label` properties to each option. > But if it's simpler to use other key names, you can use `valueKey` and `labelKey` properties from `VJoySelectableItemGroup` to define the keys you prefer. > > You will have to deal with the typings by yourself, by creating a mix of interfaces or using satifies with type `TJoySelectableItemOption` depending on your cases. > > Example: `satisfies (TJoySelectableItemOption & Record<string, unknown>)[]`",
   "props": [
     {
       "name": "options",

package/dist/doc/VJoySeparator/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoySeparator",
   "displayName": "VJoySeparator",
+  "description": "A visual content separator component with text labeling capabilities for organizing interface sections. Features customizable text content, multiple size options, and styled horizontal lines for improved visual hierarchy. Enhanced version of the HTML hr element with better styling control and integrated text display for clearer content separation and section identification.",
   "props": [
     {
       "name": "size",

package/dist/doc/VJoySnackbar/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoySnackbar",
   "displayName": "VJoySnackbar",
+  "description": "This component should not be directly used. To display it, please use the pushVJoySnackbar service : ```typescript import {pushVJoySnackbar} from '@maltjoy/core-vue'; function yourFunction() { pushVJoySnackbar({ props: { // at least message is mandatory message: 'Your message' } }); } ``` If you need to listen  to events fired by the component, you can actually grab the event bus : ```typescript import {pushVJoySnackbar} from '@maltjoy/core-vue'; function yourFunction() { const {snackbarEventBus} = pushVJoySnackbar({ props: { // at least message is mandatory message: 'Your message' } }); snackbarEventBus.on('snackbar:hide', () => { // do what you want, and don't forget to unregister the listener on component destroy }); } ``` On the other hand, if you need to access the component instance, you can grab it as well ```typescript import {pushVJoySnackbar} from '@maltjoy/core-vue'; function yourFunction() { const {snackbarApp} = pushVJoySnackbar({ props: { // at least message is mandatory message: 'Your message' } }); } ```",
   "props": [
     {
       "name": "frozen",

package/dist/doc/VJoySpinner/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoySpinner",
   "displayName": "VJoySpinner",
+  "description": "A simple animated loading spinner component for indicating processing or loading states. Features customizable color variants to match different contexts and design requirements. Lightweight and performant with CSS-based animations, perfect for buttons, forms, and content areas that need visual loading feedback.",
   "props": [
     {
       "name": "color",

package/dist/doc/VJoyStep/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyStep",
   "displayName": "VJoyStep",
+  "description": "",
   "props": [
     {
       "name": "size",

package/dist/doc/VJoyStepper/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyStepper",
   "displayName": "VJoyStepper",
+  "description": "A progress stepper component for visualizing multi-step processes and user workflows. Manages a collection of VJoyStep components with support for main steps and sub-steps for granular progress tracking. Features automatic step state management (completed, current, upcoming), visual progress indicators, and flexible step sizing. Perfect for onboarding flows, form wizards, and guided processes. See **VJoyStep** stories for properties related to `VJoyStepper` children",
   "props": [
     {
       "name": "subStep",

package/dist/doc/VJoyTab/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyTab",
   "displayName": "VJoyTab",
+  "description": "",
   "props": [
     {
       "name": "notification",

package/dist/doc/VJoyTabs/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyTabs",
   "displayName": "VJoyTabs",
+  "description": "A tabbed navigation component for organizing content into switchable panels with proper accessibility support. Features scrollable tab headers for overflow management, notification badges, custom header content slots, and both local navigation and external link support. Includes automatic tab selection management and event handling for seamless content organization and user experience.",
   "props": [
     {
       "name": "selectedTab",

package/dist/doc/VJoyTag/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyTag",
   "displayName": "VJoyTag",
+  "description": "A versatile tag component for labeling, categorizing, and interactive content organization. Features multiple variants and sizes, removable functionality, drag visual indicators, selectable states, link styling, and AI-specific variants. Supports click handlers, removal events, and flexible content through slots for complex tag implementations.",
   "props": [
     {
       "name": "label",

package/dist/doc/VJoyTagsInput/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyTagsInput",
   "displayName": "VJoyTagsInput",
+  "description": "A specialized form input component for managing collections of tags with dynamic add/remove functionality. Features email validation, duplication detection, multi-line responsive layout, and comprehensive error handling. Integrates seamlessly with VJoyTag components for consistent tag display and provides flexible labeling options for complex form scenarios with collections management. > **To render the component with default model, pass it an array of values.** > **Storybook code snippet is broken at the moment.**",
   "props": [
     {
       "name": "name",

package/dist/doc/VJoyTagsList/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyTagsList",
   "displayName": "VJoyTagsList",
+  "description": "**VJoyTagsList** is a simple wrapper for **VJoyTag** allowing you to create a list with pre-defined style. If it is more flexible for you to directly use **VJoyTag** don't hesitate to get rid of this parent component! Instead you can wrap your **VJoyTag** list in a **VJoyWrapper** for instance",
   "props": [
     {
       "name": "variant",

package/dist/doc/VJoyTemplate/metadata.json

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

package/dist/doc/VJoyTemplateShape/metadata.json

@@ -1,6 +1,7 @@
 {
   "name": "JoyTemplateShape",
   "displayName": "VJoyTemplateShape",
+  "description": "",
   "props": [],
   "events": [],
   "slots": [],

package/dist/doc/VJoyText/metadata.json

@@ -1,6 +1,7 @@
 {
   "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. **Reminder**: values ending with 50 have same size but are bold. See \"Fonts\" section here https://doc.malt.tech/joy-storybook/?path=/docs/css-framework--docs#advanced-fonts **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.",
   "props": [
     {
       "name": "tagName",

package/dist/doc/VJoyTextarea/metadata.json

@@ -1,6 +1,7 @@
 {
   "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.",
   "props": [
     {
       "name": "invalid",

package/dist/doc/VJoyTitleBrand/metadata.json

@@ -1,6 +1,7 @@
 {
   "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`.",
   "props": [
     {
       "name": "tag",

package/dist/doc/VJoyToggle/metadata.json

@@ -1,6 +1,7 @@
 {
   "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.",
   "props": [
     {
       "name": "invalid",

package/dist/doc/VJoyTooltip/metadata.json

@@ -1,6 +1,7 @@
 {
   "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.",
   "props": [
     {
       "name": "show",

package/dist/doc/VJoyUserCard/metadata.json

@@ -1,6 +1,7 @@
 {
   "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.",
   "props": [
     {
       "name": "fullName",

package/dist/doc/VJoyWalkthrough/metadata.json

@@ -1,6 +1,7 @@
 {
   "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.",
   "props": [
     {
       "name": "open",

package/dist/doc/VJoyWalkthroughTrigger/metadata.json

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

package/dist/doc/VJoyWrapper/metadata.json

@@ -1,6 +1,7 @@
 {
   "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.",
   "props": [
     {
       "name": "direction",