@smwb/ui-mcp-react 2.0.0

package/component-meta/inputs/radioButton/radioButton.json

@@ -0,0 +1,85 @@
+{
+  "name": "RadioButton",
+  "description": "Single-choice selection control within a group.",
+  "extends": [
+    "Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\">"
+  ],
+  "inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/radioButton/radioButton.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/checkbox/checkbox.entry.less",
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/textField/textField.entry.less"
+    ],
+    "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/radioButton/radioButton.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/checkbox/checkbox.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
+  },
+  "props": {
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the value is read-only."
+    },
+    "required": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the field value is required."
+    },
+    "name": {
+      "type": "string",
+      "required": false,
+      "description": "Form field name submitted with the value."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    },
+    "checked": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled checked state."
+    },
+    "size": {
+      "type": "SelectionControlSize",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "color": {
+      "type": "SelectionControlColor",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "helperText": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "error": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is in an error state."
+    },
+    "onChange": {
+      "type": "( event: React.ChangeEvent<HTMLInputElement>, value: string | number | readonly string[] | boolean | undefined, data: RadioButtonProps ) => void",
+      "required": false,
+      "description": "Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state)."
+    }
+  }
+}

package/component-meta/inputs/rating/rating.json

@@ -0,0 +1,99 @@
+{
+  "name": "Rating",
+  "description": "Star rating input with customizable precision.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/rating/rating.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less"
+    ],
+    "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/rating/rating.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "value": {
+      "type": "number",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "defaultValue": {
+      "type": "number",
+      "required": false,
+      "description": "Uncontrolled initial value."
+    },
+    "max": {
+      "type": "number",
+      "required": false,
+      "description": "Number of icons."
+    },
+    "precision": {
+      "type": "1 | 0.5",
+      "required": false,
+      "description": "Smallest selectable increment: 1 (whole) or 0.5 (half)."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the value is read-only."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "size": {
+      "type": "number",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "icon": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Filled icon (Material Symbols name)."
+    },
+    "emptyIcon": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Empty icon (Material Symbols name)."
+    },
+    "name": {
+      "type": "string",
+      "required": false,
+      "description": "Form field name submitted with the value."
+    },
+    "color": {
+      "type": "RatingColor",
+      "required": false,
+      "description": "Color of the filled icons."
+    },
+    "error": {
+      "type": "boolean",
+      "required": false,
+      "description": "Renders the control in an error state."
+    },
+    "helperText": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Supporting text shown below the control."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    },
+    "onChange": {
+      "type": "(value: number) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    }
+  }
+}

package/component-meta/inputs/selectField/dropdownMenu.json

@@ -0,0 +1,107 @@
+{
+  "name": "DropdownItem",
+  "description": "Dropdown Item component from the inputs module.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/selectField/selectField.entry.less"
+    ],
+    "dependencies": [],
+    "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/selectField/selectField.entry.less\";"
+  },
+  "props": {
+    "menuMaxHeight": {
+      "type": "number",
+      "required": false,
+      "description": "Menu Max Height. Optional. Type: number."
+    },
+    "menuMiddleware": {
+      "type": "MenuFloatingProps[\"middleware\"]",
+      "required": false,
+      "description": "Menu Middleware. Optional. Type: MenuFloatingProps[\"middleware\"]."
+    },
+    "menuNoItemsMessage": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Menu No Items Message. Optional. Type: React.ReactNode."
+    },
+    "search": {
+      "type": "boolean",
+      "required": false,
+      "description": "Search. Optional. Type: boolean."
+    },
+    "onSearchInputChange": {
+      "type": "(event: React.ChangeEvent<HTMLInputElement>, value: string | number | undefined) => void",
+      "required": false,
+      "description": "On Search Input Change. Optional. Type: (event: React.ChangeEvent<HTMLInputElement>, value: string | number | undefined) => void."
+    },
+    "items": {
+      "type": "DropdownItem[]",
+      "required": true,
+      "description": "Breadcrumb or navigation items."
+    },
+    "searchValue": {
+      "type": "string | number",
+      "required": false,
+      "description": "Search Value. Optional. Type: string | number."
+    },
+    "isOpen": {
+      "type": "boolean",
+      "required": true,
+      "description": "Controlled open state of the floating surface."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": true,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "anchorElementRef": {
+      "type": "React.RefObject<T>",
+      "required": true,
+      "description": "Anchor Element Ref. Required. Type: React.RefObject<T>."
+    },
+    "value": {
+      "type": "undefined | null | string | number | (undefined | null | string | number)[]",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "onItemClick": {
+      "type": "(event: React.SyntheticEvent, item: DropdownItem) => void",
+      "required": true,
+      "description": "On Item Click. Required. Type: (event: React.SyntheticEvent, item: DropdownItem) => void."
+    },
+    "isLoading": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Loading. Optional. Type: boolean."
+    },
+    "optionRenderer": {
+      "type": "(args: MenuItemProps) => React.ReactNode",
+      "required": false,
+      "description": "Option Renderer. Optional. Type: (args: MenuItemProps) => React.ReactNode."
+    },
+    "container": {
+      "type": "HTMLElement",
+      "required": false,
+      "description": "Container. Optional. Type: HTMLElement."
+    },
+    "createOption": {
+      "type": "{ text: React.ReactNode; onCreate: (event: React.SyntheticEvent) => void }",
+      "required": false,
+      "description": "Renders a trailing \"create\" affordance (used by `creatable` SelectField)."
+    },
+    "virtualized": {
+      "type": "boolean",
+      "required": false,
+      "description": "Windows the option list for large datasets (fixed row height)."
+    },
+    "itemHeight": {
+      "type": "number",
+      "required": false,
+      "description": "Row height (px) used when `virtualized`."
+    }
+  }
+}

package/component-meta/inputs/selectField/selectField.json

@@ -0,0 +1,199 @@
+{
+  "name": "SelectField",
+  "description": "Dropdown select input with searchable options.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/selectField/selectField.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/chip/chip.entry.less",
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/menu/menu.entry.less",
+      "@smwb/ui-styles/less/components/progressIndicator/progressIndicator.entry.less",
+      "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
+      "@smwb/ui-styles/less/components/textField/textField.entry.less"
+    ],
+    "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/selectField/selectField.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chip/chip.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/menu/menu.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/progressIndicator/progressIndicator.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "value": {
+      "type": "null | string | number | (string | number | undefined | null)[]",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "defaultValue": {
+      "type": "null | string | number | (string | number)[]",
+      "required": false,
+      "description": "Initial uncontrolled value."
+    },
+    "onChange": {
+      "type": "OnSelectChange",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the value is read-only."
+    },
+    "name": {
+      "type": "string",
+      "required": false,
+      "description": "Form field name submitted with the value."
+    },
+    "multiple": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether multiple values or selections are allowed."
+    },
+    "menuMaxHeight": {
+      "type": "number",
+      "required": false,
+      "description": "Menu Max Height. Optional. Type: number."
+    },
+    "menuMiddleware": {
+      "type": "DropdownItemProps[\"menuMiddleware\"]",
+      "required": false,
+      "description": "Menu Middleware. Optional. Type: DropdownItemProps[\"menuMiddleware\"]."
+    },
+    "menuNoItemsMessage": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Menu No Items Message. Optional. Type: React.ReactNode."
+    },
+    "menuContainer": {
+      "type": "HTMLElement",
+      "required": false,
+      "description": "Menu Container. Optional. Type: HTMLElement."
+    },
+    "search": {
+      "type": "true | false | \"menu\"",
+      "required": false,
+      "description": "Search. Optional. Type: true | false | \"menu\"."
+    },
+    "chips": {
+      "type": "boolean",
+      "required": false,
+      "description": "Chips. Optional. Type: boolean."
+    },
+    "isFocused": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Focused. Optional. Type: boolean."
+    },
+    "error": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is in an error state."
+    },
+    "items": {
+      "type": "DropdownItem[]",
+      "required": true,
+      "description": "Breadcrumb or navigation items."
+    },
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "variant": {
+      "type": "\"outlined\" | \"filled\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "fullWidth": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the component spans the full width of its container."
+    },
+    "helperText": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "onSearch": {
+      "type": "(e: React.ChangeEvent<HTMLInputElement>) => void",
+      "required": false,
+      "description": "On Search. Optional. Type: (e: React.ChangeEvent<HTMLInputElement>) => void."
+    },
+    "isLoading": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Loading. Optional. Type: boolean."
+    },
+    "resetSearch": {
+      "type": "() => void",
+      "required": false,
+      "description": "Reset Search. Optional. Type: () => void."
+    },
+    "inline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Inline. Optional. Type: boolean."
+    },
+    "endAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "End Adornment. Optional. Type: React.ReactNode."
+    },
+    "hideSelectArrowIcon": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hide Select Arrow Icon. Optional. Type: boolean."
+    },
+    "optionRenderer": {
+      "type": "(args: MenuItemProps) => React.ReactNode",
+      "required": false,
+      "description": "Option Renderer. Optional. Type: (args: MenuItemProps) => React.ReactNode."
+    },
+    "clearable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Shows a clear button to reset the selection."
+    },
+    "creatable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Allows creating a new option from the current search text."
+    },
+    "onCreate": {
+      "type": "(inputValue: string, event: React.SyntheticEvent) => void",
+      "required": false,
+      "description": "Invoked with the typed text when the user creates a new option."
+    },
+    "virtualized": {
+      "type": "boolean",
+      "required": false,
+      "description": "Windows long option lists for performance (fixed row height)."
+    },
+    "itemHeight": {
+      "type": "number",
+      "required": false,
+      "description": "Row height (px) used when `virtualized`."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the combobox control."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    }
+  }
+}

package/component-meta/inputs/slider/slider.json

@@ -0,0 +1,128 @@
+{
+  "name": "Slider",
+  "description": "Numeric value slider with optional range and marks.",
+  "extends": [
+    "Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"defaultValue\">"
+  ],
+  "inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/slider/slider.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/textField/textField.entry.less"
+    ],
+    "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/slider/slider.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
+  },
+  "props": {
+    "value": {
+      "type": "SliderValue",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "onChange": {
+      "type": "(event: Event | React.SyntheticEvent, value: SliderValue, data: SliderProps) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "min": {
+      "type": "number",
+      "required": false,
+      "description": "Minimum allowed value."
+    },
+    "max": {
+      "type": "number",
+      "required": false,
+      "description": "Maximum allowed value."
+    },
+    "step": {
+      "type": "number",
+      "required": false,
+      "description": "Step increment between values."
+    },
+    "name": {
+      "type": "string",
+      "required": false,
+      "description": "Form field name submitted with the value."
+    },
+    "defaultValue": {
+      "type": "SliderValue",
+      "required": false,
+      "description": "Initial uncontrolled value."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "variant": {
+      "type": "\"continuous\" | \"discrete\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "valueField": {
+      "type": "boolean",
+      "required": false,
+      "description": "Value Field. Optional. Type: boolean."
+    },
+    "withTicks": {
+      "type": "boolean",
+      "required": false,
+      "description": "With Ticks. Optional. Type: boolean."
+    },
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "helperText": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "error": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is in an error state."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "color": {
+      "type": "\"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\"",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "range": {
+      "type": "boolean",
+      "required": false,
+      "description": "Enables a two-thumb range slider (value becomes `[number, number]`)."
+    },
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Slider direction."
+    },
+    "marks": {
+      "type": "boolean | SliderMark[]",
+      "required": false,
+      "description": "Show ticks/marks. `true` derives marks from `step`; an array gives explicit positions/labels."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label applied to the slider control."
+    },
+    "getAriaValueText": {
+      "type": "(value: number) => string",
+      "required": false,
+      "description": "Maps the numeric value to a human-readable string for assistive tech."
+    }
+  }
+}