@smwb/ui-mcp-solid 0.1.0

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

@@ -0,0 +1,58 @@
+{
+  "name": "TableHeadCell",
+  "description": "Table header cell with optional sorting affordance.",
+  "extends": [
+    "JSX.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": {
+    "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."
+    },
+    "ref": {
+      "type": "Ref<HTMLTableCellElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLTableCellElement>."
+    }
+  }
+}

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": [
+    "JSX.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": {
+    "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)."
+    },
+    "ref": {
+      "type": "Ref<HTMLTableRowElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLTableRowElement>."
+    }
+  }
+}

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

@@ -0,0 +1,93 @@
+{
+  "name": "TreeView",
+  "description": "Hierarchical tree with expand, collapse, and selection.",
+  "extends": [
+    "Omit<JSX.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": "Expanded. Optional. Type: string[]."
+    },
+    "defaultExpanded": {
+      "type": "string[]",
+      "required": false,
+      "description": "Initially expanded node ids."
+    },
+    "onExpandedChange": {
+      "type": "(expanded: string[]) => void",
+      "required": false,
+      "description": "On Expanded Change. Optional. Type: (expanded: string[]) => void."
+    },
+    "selected": {
+      "type": "string[]",
+      "required": false,
+      "description": "Controlled selected tab index or value."
+    },
+    "defaultSelected": {
+      "type": "string[]",
+      "required": false,
+      "description": "Initially selected node ids."
+    },
+    "onSelectedChange": {
+      "type": "(selected: string[]) => void",
+      "required": false,
+      "description": "On Selected Change. Optional. Type: (selected: string[]) => void."
+    },
+    "selectable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Selectable. Optional. Type: boolean."
+    },
+    "checkboxes": {
+      "type": "boolean",
+      "required": false,
+      "description": "Checkboxes. Optional. Type: boolean."
+    },
+    "renderLabel": {
+      "type": "(item: ITreeNodeItem, nodeId: string) => JSX.Element",
+      "required": false,
+      "description": "Render Label. Optional. Type: (item: ITreeNodeItem, nodeId: string) => JSX.Element."
+    },
+    "loadChildren": {
+      "type": "(item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>",
+      "required": false,
+      "description": "Load Children. Optional. Type: (item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

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": [
+    "JSX.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": "string",
+      "required": false,
+      "description": "Render as a different element."
+    },
+    "ref": {
+      "type": "Ref<HTMLElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLElement>."
+    }
+  }
+}

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": [
+    "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/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": {
+    "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."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

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

@@ -0,0 +1,92 @@
+{
+  "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."
+    },
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    },
+    "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."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

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

@@ -0,0 +1,22 @@
+{
+  "name": "ModalSlot",
+  "description": "Modal Slot component from the feedBack module.",
+  "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": {
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    }
+  }
+}

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": {
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    },
+    "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."
+    }
+  }
+}

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

@@ -0,0 +1,61 @@
+{
+  "name": "Skeleton",
+  "description": "Loading placeholder with pulse or wave animation.",
+  "extends": [
+    "JSX.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": {
+    "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."
+    },
+    "ref": {
+      "type": "Ref<HTMLElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLElement>."
+    }
+  }
+}