@fewangsit/wangsvue-gsts 2.0.0-alpha.27 → 2.0.0-alpha.29

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-gsts-mcp",
-  "version": "2.0.0-alpha.26",
+  "version": "2.0.0-alpha.27",
   "description": "MCP Server for @fewangsit/wangsvue-gsts",
   "main": "main.js",
   "type": "module",
@@ -10,18 +10,18 @@
   "buildContext": {
     "package": {
       "name": "@fewangsit/wangsvue-gsts",
-      "version": "2.0.0-alpha.26",
+      "version": "2.0.0-alpha.27",
       "description": "Global Settings Tagsamurai VueJS Component Library",
       "repository": "https://github.com/fewangsit/wangsvue",
       "workspace": "wangsvue-gsts"
     },
     "build": {
-      "timestamp": "2026-05-20T05:11:32.009Z",
+      "timestamp": "2026-06-18T08:03:24.331Z",
       "gitInfo": {
-        "head": "55fc55cc11c4cd39217c3749237c715accee8732",
+        "head": "f4ff98a0072a0842858be181982bc7ad2c61320a",
         "branch": "dev",
-        "repository": "https://github.com/fewangsit/wangsvue.git",
-        "timestamp": "2026-05-20T05:11:31.541Z"
+        "repository": "git@github.com:fewangsit/wangsvue.git",
+        "timestamp": "2026-06-18T08:03:23.552Z"
       }
     }
   }

package/mcp/skills/figma-to-code/SKILL.md

@@ -101,6 +101,7 @@ NO → Keep as layout: <div data-name="HeaderSection"> → <div class="...">
 - **Views Architecture:** Views are lightweight, only import and compose from modules.
 - **Logic Placement:** Business logic, data, columns, and handlers belong in modules, NOT in view components.
 - **Testing Attributes:** Always include `data-wv-name` and `data-wv-section`.
+- **Accessibility:** Interactive elements must have `aria-label`, `aria-labelledby`, or `aria-describedby`.
 
 ## 6. Critical Failure Indicators (STOP IF ANY OCCUR)
 

package/mcp/skills/wangsvue-code-review/SKILL.md

@@ -43,6 +43,8 @@ This skill enforces the strict quality standards for Wangsvue code. Use this che
 ### 3. Testing & Attributes
 
 - [ ] **Data Attributes:** `data-wv-name` on root element, `data-wv-section` on significant sections.
+- [ ] **Accessibility:** Every interactive element (button, input, select, toggle, link) MUST have `aria-label`, `aria-labelledby`, or `aria-describedby`.
+- [ ] **PrimeVue Passthrough:** For components wrapping PrimeVue primitives, attributes on inner PrimeVue elements MUST go through `:pt`, not directly on the wrapper tag.
 
 ### 4. Code Quality
 

package/mcp/skills/wangsvue-workflow/SKILL.md

@@ -80,6 +80,7 @@ This skill guides you through the 5 mandatory steps for any Wangsvue development
 - **Logic:** Business logic in `components/modules/`, NOT in views.
 - **Views:** Lightweight, only import and compose from modules.
 - **Attributes:** Ensure `data-wv-name` and `data-wv-section` are present.
+- **Accessibility:** Interactive elements must have `aria-label`, `aria-labelledby`, or `aria-describedby`.
 
 ### Step 5: Validation (The "Black Box" Linter Rule)
 

package/menu/index.d.ts

@@ -304,6 +304,10 @@ export interface MenuSlots {
      * Binding properties of the menuitem
      */
     props: MenuRouterBindProps;
+    /**
+     * Index of the menuitem
+     */
+    index: number;
   }): VNode[];
   /**
    * Custom item icon template.

package/multiselect/MultiSelect.fm.md

@@ -0,0 +1,34 @@
+# MultiSelect
+type reference: ./index.d.ts
+
+Append a `MultiSelect` component when the figma context contains:
+
+- A figma component or instance named "Multi Select" or similar, consisting of a multi-select input field optionally paired with a label, required asterisk, info icon, and a dropdown arrow icon. When values are selected, they appear as badge chips inside the input area.
+
+## Metadata Shape (Component)
+
+Append this component to the `components` array of the returned JSON.
+
+## Metadata Shape (Properties)
+
+Append these properties to the `props` object of this component.
+
+### Properties definitions
+
+- `label` (string)
+  The text of the label displayed above the multi-select.
+
+- `placeholder` (string | undefined)
+  The placeholder text inside the multi-select (e.g. "Select"). When value(s) are selected, the placeholder is replaced with badge chips. Omit if no placeholder text is visible.
+
+- `mandatory` (boolean | undefined)
+  Whether a red asterisk `*` is present next to the label, indicating the field is required. Omit if absent.
+
+- `fieldInfo` (string | undefined)
+  Whether an info icon (`information-line`) is present next to the label. Omit if absent.
+
+- `invalid` (boolean | undefined)
+  Whether the multi-select shows an error state (red border, red caption text). Omit if the field is not in error state.
+
+- `disabled` (boolean | undefined)
+  Whether the multi-select shows a disabled state (gray background, gray text). Omit if the field is not disabled.

package/overlaypanel/index.d.ts

@@ -129,6 +129,10 @@ export interface OverlayPanelBreakpoints {
  * Defines valid properties in OverlayPanel component.
  */
 export interface OverlayPanelProps {
+  /**
+   * Defines the aria-label attribute for the overlay panel.
+   */
+  ariaLabel?: string;
   /**
    * Enables to hide the overlay when outside is clicked.
    * @defaultValue true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-gsts",
-  "version": "2.0.0-alpha.27",
+  "version": "2.0.0-alpha.29",
   "author": "Wangsit FE Developer",
   "description": "Global Settings Tagsamurai VueJS Component Library",
   "type": "module",

package/plugins/WangsVue.d.ts

@@ -15,6 +15,7 @@ import { ButtonSearchLocaleConfig } from '../buttonsearch';
 import { CalendarLocaleConfig, CalendarPresetOptions } from '../calendar';
 import { CustomColumnLocaleConfig } from '../customcolumn';
 import {
+  Data,
   DataTableLocaleConfig,
   DataTableProps,
   TreeTableProps,
@@ -59,7 +60,7 @@ export interface ComponentDefaultPropsConfig {
   Image?: ImageProps;
   ButtonBulkAction?: Omit<ButtonBulkActionProps, 'selectedData' | 'options'>;
   Animation?: AnimationDefaultConfig;
-  DataTable?: Partial<DataTableProps | TreeTableProps>;
+  DataTable?: Partial<DataTableProps<Data> | TreeTableProps<Data>>;
   Badge?: Partial<BadgeComponentConfigs>;
   UserName?: UserNameComponentConfigs;
   Dropdown?: DropdownProps;