@smwb/ui-mcp-react 2.0.0

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

@@ -0,0 +1,131 @@
+{
+  "name": "TextField",
+  "description": "Text input field with label, adornments, validation, and variants.",
+  "extends": [
+    "Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onBlur\" | \"size\"\n>"
+  ],
+  "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/textField/textField.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/textField/textField.entry.less\";"
+  },
+  "props": {
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "helperText": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "variant": {
+      "type": "\"outlined\" | \"filled\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "required": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the field value is required."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "value": {
+      "type": "string | number",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "placeholder": {
+      "type": "string",
+      "required": false,
+      "description": "Placeholder text shown when empty."
+    },
+    "defaultValue": {
+      "type": "string",
+      "required": false,
+      "description": "Initial uncontrolled value."
+    },
+    "error": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is in an error state."
+    },
+    "name": {
+      "type": "string",
+      "required": false,
+      "description": "Form field name submitted with the value."
+    },
+    "type": {
+      "type": "string",
+      "required": false,
+      "description": "HTML or component-specific type."
+    },
+    "readOnly": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the value is read-only."
+    },
+    "fullWidth": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the component spans the full width of its container."
+    },
+    "onBlur": {
+      "type": "(event: React.FocusEvent<HTMLInputElement>, data: TextFieldProps) => void",
+      "required": false,
+      "description": "Callback fired when the element loses focus."
+    },
+    "onChange": {
+      "type": "(event: React.ChangeEvent<HTMLInputElement>, data: TextFieldProps) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "startAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Start Adornment. Optional. Type: React.ReactNode."
+    },
+    "endAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "End Adornment. Optional. Type: React.ReactNode."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    },
+    "inline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Inline. Optional. Type: boolean."
+    },
+    "autoComplete": {
+      "type": "string",
+      "required": false,
+      "description": "Auto Complete. Optional. Type: string."
+    }
+  }
+}

package/component-meta/inputs/textField/textFieldAdornment.json

@@ -0,0 +1,40 @@
+{
+  "name": "TextFieldAdornment",
+  "description": "Start or end adornment slot for a text field.",
+  "extends": [
+    "Pick<JSX.IntrinsicElements[\"span\"], \"children\" | \"className\">"
+  ],
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/textField/textField.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/textField/textField.entry.less\";"
+  },
+  "props": {
+    "position": {
+      "type": "\"start\" | \"end\"",
+      "required": false,
+      "description": "Position. Optional. Type: \"start\" | \"end\"."
+    },
+    "disablePointerEvents": {
+      "type": "boolean",
+      "required": false,
+      "description": "Disable Pointer Events. Optional. Type: boolean."
+    },
+    "variant": {
+      "type": "TextFieldProps[\"variant\"]",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "inline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Inline. Optional. Type: boolean."
+    }
+  }
+}

package/component-meta/inputs/textField/textFieldWrapper.json

@@ -0,0 +1,101 @@
+{
+  "name": "TextFieldWrapper",
+  "description": "Layout wrapper around a text field control.",
+  "extends": [
+    "React.HTMLAttributes<HTMLDivElement>"
+  ],
+  "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/textField/textField.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/textField/textField.entry.less\";"
+  },
+  "props": {
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "helperText": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "variant": {
+      "type": "\"outlined\" | \"filled\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "error": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is in an error state."
+    },
+    "fullWidth": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the component spans the full width of its container."
+    },
+    "isFilledState": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Filled State. Optional. Type: boolean."
+    },
+    "isFocused": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Focused. Optional. Type: boolean."
+    },
+    "children": {
+      "type": "React.ReactNode",
+      "required": true,
+      "description": "Child nodes rendered inside the component."
+    },
+    "htmlFor": {
+      "type": "string",
+      "required": false,
+      "description": "Html For. Optional. Type: string."
+    },
+    "shrink": {
+      "type": "boolean",
+      "required": false,
+      "description": "Shrink. Optional. Type: boolean."
+    },
+    "onHolderMouseDown": {
+      "type": "React.MouseEventHandler<HTMLDivElement>",
+      "required": false,
+      "description": "On Holder Mouse Down. Optional. Type: React.MouseEventHandler<HTMLDivElement>."
+    },
+    "startAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Start Adornment. Optional. Type: React.ReactNode."
+    },
+    "endAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "End Adornment. Optional. Type: React.ReactNode."
+    },
+    "inline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Inline. Optional. Type: boolean."
+    }
+  }
+}

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

@@ -0,0 +1,75 @@
+{
+  "name": "TimePicker",
+  "description": "Time selection input with column or list popup.",
+  "extends": [
+    "Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"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/timePicker/timePicker.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.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/timePicker/timePicker.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/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
+  },
+  "props": {
+    "format": {
+      "type": "string",
+      "required": false,
+      "description": "Time format pattern with tokens HH, mm, ss, e.g. \"HH:mm\" or \"HH:mm:ss\"."
+    },
+    "placement": {
+      "type": "Placement",
+      "required": false,
+      "description": "Preferred floating placement relative to the anchor."
+    },
+    "disableClock": {
+      "type": "boolean",
+      "required": false,
+      "description": "Disable Clock. Optional. Type: boolean."
+    },
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "clockAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Clock Aria Label. Optional. Type: string."
+    },
+    "autoComplete": {
+      "type": "string",
+      "required": false,
+      "description": "Auto Complete. Optional. Type: string."
+    },
+    "value": {
+      "type": "Date | string",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "clockIcon": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Clock Icon. Optional. Type: React.ReactNode."
+    },
+    "onChange": {
+      "type": "(event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "onBlur": {
+      "type": "(event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void",
+      "required": false,
+      "description": "Callback fired when the element loses focus."
+    }
+  }
+}

package/component-meta/inputs/timePicker/timePickerColumns.json

@@ -0,0 +1,37 @@
+{
+  "name": "TimePickerColumns",
+  "description": "Hour, minute, and second columns for time selection.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/timePicker/timePicker.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/timePicker/timePicker.entry.less\";"
+  },
+  "props": {
+    "value": {
+      "type": "Date",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "format": {
+      "type": "string",
+      "required": false,
+      "description": "Format. Optional. Type: string."
+    },
+    "onChange": {
+      "type": "(value: Date) => void",
+      "required": true,
+      "description": "Callback fired when the value changes."
+    },
+    "onComplete": {
+      "type": "() => void",
+      "required": false,
+      "description": "On Complete. Optional. Type: () => void."
+    }
+  }
+}

package/component-meta/inputs/timePicker/timePickerInput.json

@@ -0,0 +1,30 @@
+{
+  "name": "TimePickerInput",
+  "description": "Internal time picker input field and toggle control.",
+  "extends": [
+    "Omit<\n  TimePickerProps,\n  \"placement\" | \"disablePast\" | \"disableFuture\" | \"weekStartsOn\" | \"locale\" | \"showDaysOutsideMonth\"\n>"
+  ],
+  "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/timePicker/timePicker.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.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/timePicker/timePicker.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/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
+  },
+  "props": {
+    "onToggle": {
+      "type": "() => void",
+      "required": true,
+      "description": "Callback fired when expand/collapse toggles."
+    }
+  }
+}

package/component-meta/inputs/timePicker/timePickerList.json

@@ -0,0 +1,32 @@
+{
+  "name": "TimePickerList",
+  "description": "Scrollable time option list.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/timePicker/timePicker.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/timePicker/timePicker.entry.less\";"
+  },
+  "props": {
+    "value": {
+      "type": "number",
+      "required": true,
+      "description": "Controlled value."
+    },
+    "items": {
+      "type": "Item[]",
+      "required": true,
+      "description": "Breadcrumb or navigation items."
+    },
+    "onChange": {
+      "type": "(value: number) => void",
+      "required": true,
+      "description": "Callback fired when the value changes."
+    }
+  }
+}

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

@@ -0,0 +1,90 @@
+{
+  "name": "Toggle",
+  "description": "On/off switch control.",
+  "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/toggle/toggle.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/toggle/toggle.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": {
+    "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."
+    },
+    "checked": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled checked state."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    },
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "labelPlacement": {
+      "type": "\"top\" | \"left\" | \"right\"",
+      "required": false,
+      "description": "Label Placement. Optional. Type: \"top\" | \"left\" | \"right\"."
+    },
+    "size": {
+      "type": "SelectionControlSize",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "color": {
+      "type": "SelectionControlColor",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "onChange": {
+      "type": "(event: React.ChangeEvent<HTMLInputElement>, checked: boolean, data: ToggleProps) => void",
+      "required": false,
+      "description": "Unified handler: `(event, checked, data)`."
+    },
+    "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."
+    }
+  }
+}

package/component-meta/layout/appLayout/appLayout.json

@@ -0,0 +1,88 @@
+{
+  "name": "AppLayout",
+  "description": "Application shell layout with sidebar and content regions.",
+  "extends": [
+    "HTMLAttributes<HTMLDivElement>"
+  ],
+  "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/appLayout/appLayout.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/appLayout/appLayout.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "header": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Top bar slot (e.g. <AppBar />). Spans full width."
+    },
+    "sidebar": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Side navigation slot (e.g. <Sidebar />)."
+    },
+    "footer": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Footer slot, below the content."
+    },
+    "sidebarWidth": {
+      "type": "number | string",
+      "required": false,
+      "description": "Sidebar width (px or any CSS length)."
+    },
+    "sidebarCollapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled collapsed state of the sidebar rail."
+    },
+    "defaultSidebarCollapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Initial collapsed state (uncontrolled)."
+    },
+    "onSidebarCollapsedChange": {
+      "type": "(collapsed: boolean) => void",
+      "required": false,
+      "description": "Called whenever the collapsed state changes."
+    },
+    "collapsible": {
+      "type": "boolean",
+      "required": false,
+      "description": "Renders a built-in toggle button to collapse/expand the sidebar."
+    },
+    "collapseToggle": {
+      "type": "ReactNode",
+      "required": false,
+      "description": "Custom toggle node replacing the default icon button."
+    },
+    "collapseToggleAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the default toggle button."
+    },
+    "sidebarCollapsedWidth": {
+      "type": "number | string",
+      "required": false,
+      "description": "Sidebar collapsed width."
+    },
+    "stickyHeader": {
+      "type": "boolean",
+      "required": false,
+      "description": "Keep the header pinned while content scrolls."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}