@smwb/ui-mcp-react 2.0.0

package/component-meta/dataDisplay/table/tableCell.json

@@ -0,0 +1,31 @@
+{
+  "name": "TableCell",
+  "description": "Standard table data cell.",
+  "extends": [
+    "TdHTMLAttributes<HTMLTableCellElement>"
+  ],
+  "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/table/table.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/table/table.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "cellAlign": {
+      "type": "\"left\" | \"right\" | \"center\"",
+      "required": false,
+      "description": "Cell Align. Optional. Type: \"left\" | \"right\" | \"center\"."
+    }
+  }
+}

package/component-meta/dataDisplay/table/tableHead.json

@@ -0,0 +1,26 @@
+{
+  "name": "TableHead",
+  "description": "Table head section wrapper.",
+  "extends": [
+    "HTMLAttributes<HTMLTableSectionElement>"
+  ],
+  "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/table/table.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/table/table.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

package/component-meta/dataDisplay/table/tableHeadCell.json

@@ -0,0 +1,58 @@
+{
+  "name": "TableHeadCell",
+  "description": "Table header cell with optional sorting affordance.",
+  "extends": [
+    "ThHTMLAttributes<HTMLTableCellElement>"
+  ],
+  "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/table/table.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/table/table.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "cellAlign": {
+      "type": "\"left\" | \"right\" | \"center\"",
+      "required": false,
+      "description": "Cell Align. Optional. Type: \"left\" | \"right\" | \"center\"."
+    },
+    "isSortedByDesc": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Sorted By Desc. Optional. Type: boolean."
+    },
+    "isSortedByAsc": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Sorted By Asc. Optional. Type: boolean."
+    },
+    "sortable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Enables the interactive sort affordance with keyboard/aria support."
+    },
+    "sortDirection": {
+      "type": "SortDirection",
+      "required": false,
+      "description": "Current sort direction for this column."
+    },
+    "onSort": {
+      "type": "() => void",
+      "required": false,
+      "description": "Invoked when the user activates the sort control."
+    }
+  }
+}

package/component-meta/dataDisplay/table/tablePagination/tablePagination.baseTablePagination.json

@@ -0,0 +1,47 @@
+{
+  "name": "BaseTablePagination",
+  "description": "Base Table Pagination component from the dataDisplay module.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/table/tablePagination/tablePagination.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/table/tablePagination/tablePagination.entry.less\";"
+  },
+  "props": {
+    "page": {
+      "type": "number",
+      "required": true,
+      "description": "Current page number."
+    },
+    "limit": {
+      "type": "number",
+      "required": true,
+      "description": "Limit. Required. Type: number."
+    },
+    "onPrev": {
+      "type": "() => void",
+      "required": false,
+      "description": "On Prev. Optional. Type: () => void."
+    },
+    "onNext": {
+      "type": "() => void",
+      "required": false,
+      "description": "On Next. Optional. Type: () => void."
+    },
+    "limitOptions": {
+      "type": "number[]",
+      "required": false,
+      "description": "Limit Options. Optional. Type: number[]."
+    },
+    "onLimitChange": {
+      "type": "(limit: number) => void",
+      "required": false,
+      "description": "On Limit Change. Optional. Type: (limit: number) => void."
+    }
+  }
+}

package/component-meta/dataDisplay/table/tablePagination/tablePagination.json

@@ -0,0 +1,21 @@
+{
+  "name": "TablePagination",
+  "description": "Pagination controls for tabular data.",
+  "extends": [
+    "WithTotalCount | WithHasNextPage"
+  ],
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/table/tablePagination/tablePagination.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/table/tablePagination/tablePagination.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {}
+}

package/component-meta/dataDisplay/table/tableRow.json

@@ -0,0 +1,36 @@
+{
+  "name": "TableRow",
+  "description": "Table row wrapper.",
+  "extends": [
+    "HTMLAttributes<HTMLTableRowElement>"
+  ],
+  "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/table/table.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/table/table.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "selected": {
+      "type": "boolean",
+      "required": false,
+      "description": "Marks the row as selected (adds aria-selected + styling)."
+    },
+    "expanded": {
+      "type": "boolean",
+      "required": false,
+      "description": "Reflects expandable-row state (adds aria-expanded + styling)."
+    }
+  }
+}

package/component-meta/dataDisplay/treeView/treeView.json

@@ -0,0 +1,88 @@
+{
+  "name": "TreeView",
+  "description": "Hierarchical tree with expand, collapse, and selection.",
+  "extends": [
+    "Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\">"
+  ],
+  "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/treeView/treeView.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/treeView/treeView.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "nodeIcon": {
+      "type": "{ opened?: string; closed?: string; }",
+      "required": false,
+      "description": "Node Icon. Optional. Type: { opened?: string; closed?: string; }."
+    },
+    "listIcon": {
+      "type": "string",
+      "required": false,
+      "description": "List Icon. Optional. Type: string."
+    },
+    "data": {
+      "type": "ITreeNodeItem[]",
+      "required": true,
+      "description": "Row data rendered by the table."
+    },
+    "expanded": {
+      "type": "string[]",
+      "required": false,
+      "description": "Controlled list of expanded node ids."
+    },
+    "defaultExpanded": {
+      "type": "string[]",
+      "required": false,
+      "description": "Initially expanded node ids (uncontrolled)."
+    },
+    "onExpandedChange": {
+      "type": "(expanded: string[]) => void",
+      "required": false,
+      "description": "Called with the next expanded ids."
+    },
+    "selected": {
+      "type": "string[]",
+      "required": false,
+      "description": "Controlled list of selected node ids."
+    },
+    "defaultSelected": {
+      "type": "string[]",
+      "required": false,
+      "description": "Initially selected node ids (uncontrolled)."
+    },
+    "onSelectedChange": {
+      "type": "(selected: string[]) => void",
+      "required": false,
+      "description": "Called with the next selected ids."
+    },
+    "selectable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Enables label click selection."
+    },
+    "checkboxes": {
+      "type": "boolean",
+      "required": false,
+      "description": "Renders a checkbox per node bound to selection."
+    },
+    "renderLabel": {
+      "type": "(item: ITreeNodeItem, nodeId: string) => ReactNode",
+      "required": false,
+      "description": "Custom node renderer."
+    },
+    "loadChildren": {
+      "type": "(item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>",
+      "required": false,
+      "description": "Lazily resolves children the first time a node is expanded."
+    }
+  }
+}

package/component-meta/dataDisplay/typography/typography.json

@@ -0,0 +1,56 @@
+{
+  "name": "Typography",
+  "description": "Text renderer mapped to semantic HTML tags and design tokens.",
+  "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/typography/typography.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/typography/typography.entry.less\";"
+  },
+  "props": {
+    "variant": {
+      "type": "TypographyVariant",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "color": {
+      "type": "TypographyColor",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "align": {
+      "type": "\"left\" | \"center\" | \"right\" | \"justify\"",
+      "required": false,
+      "description": "Horizontal alignment of the message bubble."
+    },
+    "gutterBottom": {
+      "type": "boolean",
+      "required": false,
+      "description": "Add a bottom margin (block rhythm)."
+    },
+    "noWrap": {
+      "type": "boolean",
+      "required": false,
+      "description": "Truncate with an ellipsis on a single line."
+    },
+    "component": {
+      "type": "keyof JSX.IntrinsicElements",
+      "required": false,
+      "description": "Render as a different element/component."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,53 @@
+{
+  "name": "Message",
+  "description": "Inline feedback message with severity styling and optional dismiss action.",
+  "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/message/message.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/message/message.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "variant": {
+      "type": "\"outlined\" | \"filled\" | \"left-accent\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": false,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "type": {
+      "type": "MessageSeverity",
+      "required": false,
+      "description": "HTML or component-specific type."
+    },
+    "severity": {
+      "type": "MessageSeverity",
+      "required": false,
+      "description": "Semantic severity of the message."
+    },
+    "closeAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the close button."
+    }
+  }
+}

package/component-meta/feedBack/modal/modal.content.json

@@ -0,0 +1,22 @@
+{
+  "name": "Content",
+  "description": "Modal scrollable content area.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/modal/modal.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/modal/modal.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

package/component-meta/feedBack/modal/modal.footer.json

@@ -0,0 +1,22 @@
+{
+  "name": "Footer",
+  "description": "Modal footer slot for actions.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/modal/modal.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/modal/modal.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

package/component-meta/feedBack/modal/modal.header.json

@@ -0,0 +1,22 @@
+{
+  "name": "Header",
+  "description": "Modal header slot with title and close affordance.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/modal/modal.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/modal/modal.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    }
+  }
+}

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

@@ -0,0 +1,87 @@
+{
+  "name": "Modal",
+  "description": "Dialog overlay with focus trap and composable header, content, and footer.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/modal/modal.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/modal/modal.entry.less\";"
+  },
+  "props": {
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\" | \"fullscreen\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "closeOnOutsideClick": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether clicking the backdrop closes the modal."
+    },
+    "onClose": {
+      "type": "() => void",
+      "required": false,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "open": {
+      "type": "boolean",
+      "required": true,
+      "description": "Controlled open/visible state."
+    },
+    "animation": {
+      "type": "\"fade\" | \"scale\" | \"drop\"",
+      "required": false,
+      "description": "Animation preset applied to the component."
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "backdrop": {
+      "type": "\"blured\" | \"dark\" | \"transparent\" | \"darkBlured\"",
+      "required": false,
+      "description": "Backdrop appearance preset for the modal overlay."
+    },
+    "asForm": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the modal content is rendered as a form element."
+    },
+    "disableAppearAnimation": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the modal open animation is disabled."
+    },
+    "role": {
+      "type": "\"dialog\" | \"alertdialog\"",
+      "required": false,
+      "description": "ARIA role of the dialog."
+    },
+    "closeOnEsc": {
+      "type": "boolean",
+      "required": false,
+      "description": "Close the modal when Escape is pressed."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label when no visible title is present."
+    },
+    "aria-labelledby": {
+      "type": "string",
+      "required": false,
+      "description": "ID of the element that labels the dialog."
+    },
+    "aria-describedby": {
+      "type": "string",
+      "required": false,
+      "description": "ID of the element that describes the dialog."
+    }
+  }
+}

package/component-meta/feedBack/progressIndicator/progressIndicator.circularProgress.json

@@ -0,0 +1,22 @@
+{
+  "name": "CircularProgress",
+  "description": "Circular indeterminate or determinate progress indicator.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/progressIndicator/progressIndicator.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/progressIndicator/progressIndicator.entry.less\";"
+  },
+  "props": {
+    "progressValue": {
+      "type": "number",
+      "required": false,
+      "description": "Progress Value. Optional. Type: number."
+    }
+  }
+}

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

@@ -0,0 +1,57 @@
+{
+  "name": "ProgressIndicator",
+  "description": "Linear or circular progress indicator.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/progressIndicator/progressIndicator.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/progressIndicator/progressIndicator.entry.less\";"
+  },
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false,
+      "description": "Additional CSS class name(s) for the root element."
+    },
+    "variant": {
+      "type": "\"circular\" | \"linear\"",
+      "required": true,
+      "description": "Visual style variant."
+    },
+    "type": {
+      "type": "\"determinate\" | \"indeterminate\"",
+      "required": true,
+      "description": "HTML or component-specific type."
+    },
+    "progressValue": {
+      "type": "number",
+      "required": false,
+      "description": "Progress Value. Optional. Type: number."
+    },
+    "color": {
+      "type": "ProgressColor",
+      "required": false,
+      "description": "Semantic color."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Circular size preset."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible name for the progress bar."
+    },
+    "id": {
+      "type": "string",
+      "required": false,
+      "description": "Unique identifier for the root element."
+    }
+  }
+}