@smwb/ui-mcp-solid 0.1.0

package/component-meta/inputs/fileDrop/previewWrapper.json

@@ -0,0 +1,51 @@
+{
+  "name": "PreviewWrapper",
+  "description": "Layout wrapper for file preview tiles in FileDrop.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/fileDrop/fileDrop.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/floatingButton/floatingButton.entry.less",
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/imagesList/imagesList.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/fileDrop/fileDrop.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/floatingButton/floatingButton.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/imagesList/imagesList.entry.less\";"
+  },
+  "props": {
+    "preview": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Preview. Optional. Type: boolean | undefined."
+    },
+    "files": {
+      "type": "File[]",
+      "required": true,
+      "description": "Files. Required. Type: File[]."
+    },
+    "handleRemoveAll": {
+      "type": "() => void",
+      "required": true,
+      "description": "Handle Remove All. Required. Type: () => void."
+    },
+    "previewCols": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "Preview Cols. Optional. Type: number | undefined."
+    },
+    "galleryItemSize": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "Gallery Item Size. Optional. Type: number | undefined."
+    },
+    "previewClassName": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Preview Class Name. Optional. Type: string | undefined."
+    }
+  }
+}

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

@@ -0,0 +1,61 @@
+{
+  "name": "FileInput",
+  "description": "Hidden file input integrated with react-dropzone.",
+  "extends": [
+    "DropzoneOptions"
+  ],
+  "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/fileInput/fileInput.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/fileInput/fileInput.entry.less\";"
+  },
+  "props": {
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    },
+    "buttonClassName": {
+      "type": "string",
+      "required": false,
+      "description": "Button Class Name. Optional. Type: string."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "error": {
+      "type": "string",
+      "required": false,
+      "description": "Validation message shown below the control."
+    },
+    "onFilesSelected": {
+      "type": "(files: File[]) => void",
+      "required": false,
+      "description": "Fired with the accepted files when the user picks them."
+    },
+    "onClick": {
+      "type": "(e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void",
+      "required": false,
+      "description": "Callback fired when the element is clicked."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

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

@@ -0,0 +1,43 @@
+{
+  "name": "FloatingButton",
+  "description": "Prominent circular action button, often fixed on screen.",
+  "extends": [
+    "JSX.ButtonHTMLAttributes<HTMLButtonElement>"
+  ],
+  "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/floatingButton/floatingButton.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/ripple/ripple.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/floatingButton/floatingButton.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/ripple/ripple.entry.less\";"
+  },
+  "props": {
+    "variant": {
+      "type": "\"extended\" | \"default\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "color": {
+      "type": "FloatingButtonColor",
+      "required": false,
+      "description": "Semantic color. Resolves through the shared `--smui-*Color*` tokens."
+    },
+    "ref": {
+      "type": "Ref<HTMLButtonElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLButtonElement>."
+    }
+  }
+}

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

@@ -0,0 +1,90 @@
+{
+  "name": "RadioButton",
+  "description": "Single-choice selection control within a group.",
+  "extends": [
+    "Omit<JSX.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": "JSX.Element",
+      "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: SelectionChangeEvent, value: string | number | string[] | boolean | undefined, data: RadioButtonProps ) => void",
+      "required": false,
+      "description": "Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state)."
+    },
+    "ref": {
+      "type": "Ref<HTMLInputElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLInputElement>."
+    }
+  }
+}

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

@@ -0,0 +1,104 @@
+{
+  "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": {
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    },
+    "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": "JSX.Element",
+      "required": false,
+      "description": "Filled icon."
+    },
+    "emptyIcon": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Empty icon."
+    },
+    "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": "JSX.Element",
+      "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."
+    },
+    "ref": {
+      "type": "Ref<HTMLSpanElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLSpanElement>."
+    }
+  }
+}

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 | undefined",
+      "required": false,
+      "description": "Menu Max Height. Optional. Type: number | undefined."
+    },
+    "menuMiddleware": {
+      "type": "Middleware[] | undefined",
+      "required": false,
+      "description": "Menu Middleware. Optional. Type: Middleware[] | undefined."
+    },
+    "menuNoItemsMessage": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Menu No Items Message. Optional. Type: JSX.Element."
+    },
+    "search": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Search. Optional. Type: boolean | undefined."
+    },
+    "onSearchInputChange": {
+      "type": "((event: SearchEvent) => void) | undefined",
+      "required": false,
+      "description": "On Search Input Change. Optional. Type: ((event: SearchEvent) => void) | undefined."
+    },
+    "items": {
+      "type": "DropdownItem[]",
+      "required": true,
+      "description": "Breadcrumb or navigation items."
+    },
+    "searchValue": {
+      "type": "string | number | undefined",
+      "required": false,
+      "description": "Search Value. Optional. Type: string | number | undefined."
+    },
+    "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."
+    },
+    "anchorElement": {
+      "type": "Accessor<HTMLElement | null>",
+      "required": true,
+      "description": "DOM element used as the positioning anchor."
+    },
+    "value": {
+      "type": "undefined | null | string | number | (undefined | null | string | number)[]",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "onItemClick": {
+      "type": "(event: ItemEvent, item: DropdownItem) => void",
+      "required": true,
+      "description": "On Item Click. Required. Type: (event: ItemEvent, item: DropdownItem) => void."
+    },
+    "isLoading": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Is Loading. Optional. Type: boolean | undefined."
+    },
+    "optionRenderer": {
+      "type": "((args: import(\"../../navigation/menu\").MenuItemProps) => JSX.Element) | undefined",
+      "required": false,
+      "description": "Option Renderer. Optional. Type: ((args: import(\"../../navigation/menu\").MenuItemProps) => JSX.Element) | undefined."
+    },
+    "container": {
+      "type": "HTMLElement | undefined",
+      "required": false,
+      "description": "Container. Optional. Type: HTMLElement | undefined."
+    },
+    "createOption": {
+      "type": "{ text: JSX.Element; onCreate: (event: ItemEvent) => void } | undefined",
+      "required": false,
+      "description": "Create Option. Optional. Type: { text: JSX.Element; onCreate: (event: ItemEvent) => void } | undefined."
+    },
+    "virtualized": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Virtualized. Optional. Type: boolean | undefined."
+    },
+    "itemHeight": {
+      "type": "number | undefined",
+      "required": false,
+      "description": "Item Height. Optional. Type: number | undefined."
+    }
+  }
+}

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

@@ -0,0 +1,203 @@
+{
+  "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/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/textField/textField.entry.less\";"
+  },
+  "props": {
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    },
+    "value": {
+      "type": "SelectValue | undefined",
+      "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 | undefined",
+      "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": "JSX.Element",
+      "required": false,
+      "description": "Menu No Items Message. Optional. Type: JSX.Element."
+    },
+    "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": "JSX.Element",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "onSearch": {
+      "type": "(e: SearchEvent) => void",
+      "required": false,
+      "description": "On Search. Optional. Type: (e: SearchEvent) => 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": "JSX.Element",
+      "required": false,
+      "description": "End Adornment. Optional. Type: JSX.Element."
+    },
+    "hideSelectArrowIcon": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hide Select Arrow Icon. Optional. Type: boolean."
+    },
+    "optionRenderer": {
+      "type": "(args: MenuItemProps) => JSX.Element",
+      "required": false,
+      "description": "Option Renderer. Optional. Type: (args: MenuItemProps) => JSX.Element."
+    },
+    "clearable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Clearable. Optional. Type: boolean."
+    },
+    "creatable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Creatable. Optional. Type: boolean."
+    },
+    "onCreate": {
+      "type": "(inputValue: string, event: SelectEvent) => void",
+      "required": false,
+      "description": "On Create. Optional. Type: (inputValue: string, event: SelectEvent) => void."
+    },
+    "virtualized": {
+      "type": "boolean",
+      "required": false,
+      "description": "Virtualized. Optional. Type: boolean."
+    },
+    "itemHeight": {
+      "type": "number",
+      "required": false,
+      "description": "Item Height. Optional. Type: number."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label when no visible title is present."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    },
+    "ref": {
+      "type": "Ref<HTMLSpanElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLSpanElement>."
+    }
+  }
+}