@smwb/ui-mcp-solid 0.1.0

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

@@ -0,0 +1,133 @@
+{
+  "name": "Slider",
+  "description": "Numeric value slider with optional range and marks.",
+  "extends": [
+    "Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"onChange\">"
+  ],
+  "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, 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": "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."
+    },
+    "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": "Layout orientation."
+    },
+    "marks": {
+      "type": "boolean | SliderMark[]",
+      "required": false,
+      "description": "Slider tick marks configuration."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label when no visible title is present."
+    },
+    "getAriaValueText": {
+      "type": "(value: number) => string",
+      "required": false,
+      "description": "Get Aria Value Text. Optional. Type: (value: number) => string."
+    },
+    "ref": {
+      "type": "Ref<HTMLSpanElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLSpanElement>."
+    }
+  }
+}

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

@@ -0,0 +1,126 @@
+{
+  "name": "TextField",
+  "description": "Text input field with label, adornments, validation, and variants.",
+  "extends": [
+    "Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onBlur\" | \"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/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 | undefined",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "helperText": {
+      "type": "JSX.Element",
+      "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 | undefined",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "value": {
+      "type": "string | number | undefined",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "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: FocusEvt, data: TextFieldProps) => void",
+      "required": false,
+      "description": "Callback fired when the element loses focus."
+    },
+    "onChange": {
+      "type": "(event: InputEvt, data: TextFieldProps) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "startAdornment": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Start Adornment. Optional. Type: JSX.Element."
+    },
+    "endAdornment": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "End Adornment. Optional. Type: JSX.Element."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    },
+    "inline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Inline. Optional. Type: boolean."
+    },
+    "ref": {
+      "type": "Ref<HTMLInputElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLInputElement>."
+    }
+  }
+}

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

@@ -0,0 +1,47 @@
+{
+  "name": "TextFieldAdornment",
+  "description": "Start or end adornment slot for a text field.",
+  "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": "TextFieldVariant | undefined",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "inline": {
+      "type": "boolean",
+      "required": false,
+      "description": "Inline. Optional. Type: boolean."
+    },
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    },
+    "children": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Child nodes rendered inside the component."
+    }
+  }
+}

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

@@ -0,0 +1,96 @@
+{
+  "name": "TextFieldWrapper",
+  "description": "Layout wrapper around a text field control.",
+  "extends": [
+    "JSX.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 | undefined",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "helperText": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "variant": {
+      "type": "TextFieldVariant | undefined",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "disabled": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "error": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Whether the control is in an error state."
+    },
+    "fullWidth": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Whether the component spans the full width of its container."
+    },
+    "isFilledState": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Is Filled State. Optional. Type: boolean | undefined."
+    },
+    "isFocused": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Is Focused. Optional. Type: boolean | undefined."
+    },
+    "for": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "For. Optional. Type: string | undefined."
+    },
+    "shrink": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Shrink. Optional. Type: boolean | undefined."
+    },
+    "onHolderMouseDown": {
+      "type": "JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>",
+      "required": false,
+      "description": "On Holder Mouse Down. Optional. Type: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>."
+    },
+    "startAdornment": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Start Adornment. Optional. Type: JSX.Element."
+    },
+    "endAdornment": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "End Adornment. Optional. Type: JSX.Element."
+    },
+    "inline": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Inline. Optional. Type: boolean | undefined."
+    },
+    "children": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Child nodes rendered inside the component."
+    }
+  }
+}

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\" | \"ref\" | \"onToggle\">"
+  ],
+  "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 | undefined",
+      "required": false,
+      "description": "Time format pattern with tokens HH, mm, ss, e.g. \"HH:mm\" or \"HH:mm:ss\"."
+    },
+    "placement": {
+      "type": "Placement | undefined",
+      "required": false,
+      "description": "Preferred floating placement relative to the anchor."
+    },
+    "disableClock": {
+      "type": "boolean | undefined",
+      "required": false,
+      "description": "Disable Clock. Optional. Type: boolean | undefined."
+    },
+    "label": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "clockAriaLabel": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Clock Aria Label. Optional. Type: string | undefined."
+    },
+    "value": {
+      "type": "Date | string | undefined",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "clockIcon": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Clock Icon. Optional. Type: JSX.Element."
+    },
+    "onChange": {
+      "type": "((event?: Event, value?: Date, data?: TimePickerProps) => void) | undefined",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "onBlur": {
+      "type": "((event?: FocusEvent, value?: Date, data?: TimePickerProps) => void) | undefined",
+      "required": false,
+      "description": "Callback fired when the element loses focus."
+    },
+    "ref": {
+      "type": "Ref<HTMLInputElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLInputElement>."
+    }
+  }
+}

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 | undefined",
+      "required": false,
+      "description": "Format. Optional. Type: string | undefined."
+    },
+    "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,35 @@
+{
+  "name": "TimePickerInput",
+  "description": "Internal time picker input field and toggle control.",
+  "extends": [
+    "Omit<TimePickerProps, \"placement\" | \"onToggle\">"
+  ],
+  "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."
+    },
+    "ref": {
+      "type": "Ref<HTMLInputElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLInputElement>."
+    }
+  }
+}

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<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/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."
+    },
+    "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: SelectionChangeEvent, checked: boolean, data: ToggleProps) => void",
+      "required": false,
+      "description": "Unified handler: `(event, checked, data)`."
+    },
+    "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."
+    },
+    "ref": {
+      "type": "Ref<HTMLInputElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLInputElement>."
+    }
+  }
+}