@smwb/ui-mcp-react 2.0.0

package/component-meta/feedBack/skeleton/skeleton.json

@@ -0,0 +1,61 @@
+{
+  "name": "Skeleton",
+  "description": "Loading placeholder with pulse or wave animation.",
+  "extends": [
+    "HTMLAttributes<HTMLElement>"
+  ],
+  "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/skeleton/skeleton.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/skeleton/skeleton.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "variant": {
+      "type": "\"text\" | \"circular\" | \"rounded\" | \"rectangular\"",
+      "required": false,
+      "description": "Shape of the placeholder."
+    },
+    "width": {
+      "type": "number | string",
+      "required": false,
+      "description": "Width — number (px) or any CSS length."
+    },
+    "height": {
+      "type": "number | string",
+      "required": false,
+      "description": "Height — number (px) or any CSS length."
+    },
+    "animation": {
+      "type": "\"pulse\" | \"wave\" | false",
+      "required": false,
+      "description": "Shimmer animation; pass false to disable."
+    },
+    "count": {
+      "type": "number",
+      "required": false,
+      "description": "Render N stacked placeholders."
+    },
+    "animationDelay": {
+      "type": "number",
+      "required": false,
+      "description": "Stagger consecutive items by N ms (with `count`)."
+    },
+    "component": {
+      "type": "\"span\" | \"div\"",
+      "required": false,
+      "description": "Root element."
+    }
+  }
+}

package/component-meta/feedBack/snackbar/snackbar.json

@@ -0,0 +1,61 @@
+{
+  "name": "Snackbar",
+  "description": "Transient notification surface controlled by the snackbar provider.",
+  "extends": [
+    "React.HTMLAttributes<HTMLElement>"
+  ],
+  "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/snackbar/snackbar.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/snackbar/snackbar.entry.less\";"
+  },
+  "props": {
+    "message": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Chat message data object."
+    },
+    "variant": {
+      "type": "Variants",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "position": {
+      "type": "Position",
+      "required": false,
+      "description": "Position. Optional. Type: Position."
+    },
+    "component": {
+      "type": "React.ElementType",
+      "required": false,
+      "description": "Root HTML element tag used by the skeleton."
+    },
+    "isAutoClose": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Auto Close. Optional. Type: boolean."
+    },
+    "autoCloseTime": {
+      "type": "number",
+      "required": false,
+      "description": "Auto Close Time. Optional. Type: number."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": false,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "action": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Optional action node rendered after the message (e.g. an Undo button)."
+    }
+  }
+}

package/component-meta/feedBack/snackbar/snackbar.snackbarsProvider.json

@@ -0,0 +1,51 @@
+{
+  "name": "SnackbarsProvider",
+  "description": "Snackbars Provider component from the feedBack module.",
+  "extends": [
+    "React.HTMLAttributes<HTMLElement>"
+  ],
+  "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/snackbar/snackbar.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/snackbar/snackbar.entry.less\";"
+  },
+  "props": {
+    "variant": {
+      "type": "Variants",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "position": {
+      "type": "Position",
+      "required": false,
+      "description": "Position. Optional. Type: Position."
+    },
+    "autoCloseTime": {
+      "type": "number",
+      "required": false,
+      "description": "Auto Close Time. Optional. Type: number."
+    },
+    "closeOnClick": {
+      "type": "boolean",
+      "required": false,
+      "description": "Close On Click. Optional. Type: boolean."
+    },
+    "autoClose": {
+      "type": "boolean",
+      "required": false,
+      "description": "Auto Close. Optional. Type: boolean."
+    },
+    "component": {
+      "type": "React.ElementType",
+      "required": false,
+      "description": "Root HTML element tag used by the skeleton."
+    }
+  }
+}

package/component-meta/feedBack/tooltip/tooltip.json

@@ -0,0 +1,57 @@
+{
+  "name": "Tooltip",
+  "description": "Floating hint shown on hover, focus, or click.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/tooltip/tooltip.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/tooltip/tooltip.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "offset": {
+      "type": "{ offsetX?: number; offsetY?: number; }",
+      "required": false,
+      "description": "Offset. Optional. Type: { offsetX?: number; offsetY?: number; }."
+    },
+    "message": {
+      "type": "React.ReactNode",
+      "required": true,
+      "description": "Chat message data object."
+    },
+    "placement": {
+      "type": "Placement",
+      "required": false,
+      "description": "Preferred floating placement relative to the anchor."
+    },
+    "open": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controls tooltip visibility when trigger is manual."
+    },
+    "trigger": {
+      "type": "TooltipTrigger",
+      "required": false,
+      "description": "hover (default): show on pointer enter; click: toggle; manual: use open only."
+    },
+    "openDelay": {
+      "type": "number",
+      "required": false,
+      "description": "Open Delay. Optional. Type: number."
+    },
+    "closeDelay": {
+      "type": "number",
+      "required": false,
+      "description": "Close Delay. Optional. Type: number."
+    }
+  }
+}

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

@@ -0,0 +1,89 @@
+{
+  "name": "Button",
+  "description": "Action button with variants, optional icon, ripple feedback, and link support.",
+  "extends": [
+    "React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>"
+  ],
+  "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/button/button.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@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/button/button.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\";"
+  },
+  "props": {
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "variant": {
+      "type": "\"contained\" | \"text\" | \"outlined\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "icon": {
+      "type": "React.ReactNode | string",
+      "required": false,
+      "description": "Icon node or image source."
+    },
+    "iconProps": {
+      "type": "Omit<IconProps, \"name\">",
+      "required": false,
+      "description": "Props forwarded to the Icon component."
+    },
+    "colorTheme": {
+      "type": "\"primary\"",
+      "required": false,
+      "description": "Deprecated alias for the primary color theme."
+    },
+    "color": {
+      "type": "\"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\"",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "href": {
+      "type": "string",
+      "required": false,
+      "description": "Link URL when rendered as an anchor."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "type": {
+      "type": "\"button\" | \"submit\" | \"reset\"",
+      "required": false,
+      "description": "HTML or component-specific type."
+    },
+    "fullWidth": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the component spans the full width of its container."
+    },
+    "rippleCenter": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the ripple effect originates from the center."
+    },
+    "disableRipple": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the ripple touch feedback is disabled."
+    }
+  }
+}

package/component-meta/inputs/buttonGroups/buttonGroup.json

@@ -0,0 +1,56 @@
+{
+  "name": "ButtonGroup",
+  "description": "Grouped buttons rendered as a single segmented 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": [],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/button/button.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/button/button.entry.less\";"
+  },
+  "props": {
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Layout orientation."
+    },
+    "variant": {
+      "type": "\"contained\" | \"text\" | \"outlined\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "fullWidth": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the component spans the full width of its container."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "colorTheme": {
+      "type": "\"primary\"",
+      "required": false,
+      "description": "Deprecated alias for the primary color theme."
+    },
+    "color": {
+      "type": "\"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\"",
+      "required": false,
+      "description": "Semantic color propagated to child buttons."
+    }
+  }
+}

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

@@ -0,0 +1,89 @@
+{
+  "name": "Checkbox",
+  "description": "Binary selection control with label support.",
+  "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/checkbox/checkbox.entry.less"
+    ],
+    "dependencies": [
+      "@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/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."
+    },
+    "indeterminate": {
+      "type": "boolean",
+      "required": false,
+      "description": "Indeterminate. Optional. Type: boolean."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "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: CheckboxProps) => 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/inputs/datePicker/dataPickerDays.json

@@ -0,0 +1,43 @@
+{
+  "name": "DataPickerDays",
+  "description": "Calendar day grid for the date picker.",
+  "extends": [
+    "Partial<\n  Pick<\n    DatePickerProps,\n    | \"value\"\n    | \"showDaysOutsideMonth\"\n    | \"onChange\"\n    | \"disablePast\"\n    | \"disableFuture\"\n    | \"weekStartsOn\"\n    | \"minDate\"\n    | \"maxDate\"\n    | \"isDateDisabled\"\n    | \"locale\"\n  >\n>"
+  ],
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/menu/menu.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/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/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
+  },
+  "props": {
+    "viewValue": {
+      "type": "Date",
+      "required": true,
+      "description": "View Value. Required. Type: Date."
+    },
+    "range": {
+      "type": "boolean",
+      "required": false,
+      "description": "Range selection mode."
+    },
+    "rangeStart": {
+      "type": "Date",
+      "required": false,
+      "description": "Range Start. Optional. Type: Date."
+    },
+    "rangeEnd": {
+      "type": "Date",
+      "required": false,
+      "description": "Range End. Optional. Type: Date."
+    }
+  }
+}

package/component-meta/inputs/datePicker/dataPickerHeader.json

@@ -0,0 +1,50 @@
+{
+  "name": "DataPickerHeader",
+  "description": "Month/year navigation header for the date picker calendar.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/menu/menu.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/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/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";"
+  },
+  "props": {
+    "viewValue": {
+      "type": "Date",
+      "required": true,
+      "description": "View Value. Required. Type: Date."
+    },
+    "openView": {
+      "type": "OpenView",
+      "required": false,
+      "description": "Open View. Optional. Type: OpenView."
+    },
+    "onChange": {
+      "type": "(value: Date) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "onMonthLabelClick": {
+      "type": "React.MouseEventHandler",
+      "required": false,
+      "description": "On Month Label Click. Optional. Type: React.MouseEventHandler."
+    },
+    "onYearLabelClick": {
+      "type": "React.MouseEventHandler",
+      "required": false,
+      "description": "On Year Label Click. Optional. Type: React.MouseEventHandler."
+    },
+    "locale": {
+      "type": "string",
+      "required": false,
+      "description": "Locale. Optional. Type: string."
+    }
+  }
+}

package/component-meta/inputs/datePicker/dataPickerInput.json

@@ -0,0 +1,29 @@
+{
+  "name": "DataPickerInput",
+  "description": "Internal date picker input field and toggle control.",
+  "extends": [
+    "Omit<\n  DatePickerProps,\n  \"locale\" | \"showDaysOutsideMonth\" | \"disablePast\" | \"disableFuture\" | \"weekStartsOn\" | \"placement\"\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": [],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/icon/icon.entry.less",
+      "@smwb/ui-styles/less/components/menu/menu.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/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/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."
+    }
+  }
+}