@smwb/ui-mcp-solid 0.1.0

package/component-meta/navigation/sidebar/sidebar.json

@@ -0,0 +1,79 @@
+{
+  "name": "Sidebar",
+  "description": "Vertical navigation sidebar with collapsible sections.",
+  "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/sidebar/sidebar.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/sidebar/sidebar.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": {
+    "variant": {
+      "type": "SidebarVariant",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "menuItems": {
+      "type": "SidebarMenuItemProps[]",
+      "required": false,
+      "description": "Menu Items. Optional. Type: SidebarMenuItemProps[]."
+    },
+    "activeItem": {
+      "type": "number | null",
+      "required": false,
+      "description": "Controlled index of the active menu item."
+    },
+    "defaultActiveItem": {
+      "type": "number | null",
+      "required": false,
+      "description": "Default active index (uncontrolled)."
+    },
+    "onActiveItemChange": {
+      "type": "(index: number) => void",
+      "required": false,
+      "description": "Called with the index of the activated item."
+    },
+    "collapsible": {
+      "type": "boolean",
+      "required": false,
+      "description": "Render a built-in toggle that collapses the rail to an icon-only mini rail."
+    },
+    "collapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled collapsed state."
+    },
+    "defaultCollapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Initial collapsed state (uncontrolled)."
+    },
+    "onCollapsedChange": {
+      "type": "(collapsed: boolean) => void",
+      "required": false,
+      "description": "Called whenever the collapsed state changes."
+    },
+    "collapseToggleAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the built-in collapse toggle."
+    },
+    "ref": {
+      "type": "Ref<HTMLElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLElement>."
+    }
+  }
+}

package/component-meta/navigation/sidebar/sidebar.sidebarMenuItem.json

@@ -0,0 +1,56 @@
+{
+  "name": "SidebarMenuItem",
+  "description": "Sidebar Menu Item component from the navigation module.",
+  "extends": [
+    "Omit<JSX.HTMLAttributes<HTMLDivElement>, \"title\">"
+  ],
+  "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/sidebar/sidebar.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/sidebar/sidebar.entry.less\";"
+  },
+  "props": {
+    "icon": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Icon node or image source."
+    },
+    "title": {
+      "type": "string",
+      "required": true,
+      "description": "Accessible title or tooltip text."
+    },
+    "isActive": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Active. Optional. Type: boolean."
+    },
+    "onClick": {
+      "type": "JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>",
+      "required": false,
+      "description": "Callback fired when the element is clicked."
+    },
+    "as": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "As. Optional. Type: string | undefined."
+    },
+    "href": {
+      "type": "string | undefined",
+      "required": false,
+      "description": "Link URL when rendered as an anchor."
+    },
+    "variant": {
+      "type": "SidebarVariant | undefined",
+      "required": false,
+      "description": "Visual style variant."
+    }
+  }
+}

package/component-meta/navigation/stepper/stepper.json

@@ -0,0 +1,53 @@
+{
+  "name": "Stepper",
+  "description": "Multi-step progress indicator with optional navigation.",
+  "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/stepper/stepper.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/stepper/stepper.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "steps": {
+      "type": "StepItem[]",
+      "required": true,
+      "description": "Step definitions for the stepper."
+    },
+    "activeStep": {
+      "type": "number",
+      "required": true,
+      "description": "Index of the active (current) step."
+    },
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Layout orientation."
+    },
+    "alternativeLabel": {
+      "type": "boolean",
+      "required": false,
+      "description": "Place the label under the icon (horizontal only)."
+    },
+    "onStepClick": {
+      "type": "(index: number) => void",
+      "required": false,
+      "description": "Makes steps clickable; receives the clicked step index."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

package/component-meta/navigation/tabs/tab/tab.json

@@ -0,0 +1,64 @@
+{
+  "name": "Tab",
+  "description": "Single selectable tab trigger.",
+  "extends": [
+    "JSX.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/tabs/tab/tab.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
+      "@smwb/ui-styles/less/components/tabs/tabs.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/tabs/tab/tab.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/tabs/tabs.entry.less\";"
+  },
+  "props": {
+    "label": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "isActive": {
+      "type": "boolean",
+      "required": false,
+      "description": "Is Active. Optional. Type: boolean."
+    },
+    "contentRef": {
+      "type": "Ref<HTMLSpanElement>",
+      "required": false,
+      "description": "Content Ref. Optional. Type: Ref<HTMLSpanElement>."
+    },
+    "icon": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Icon node or image source."
+    },
+    "stacked": {
+      "type": "boolean",
+      "required": false,
+      "description": "Stacked. Optional. Type: boolean."
+    },
+    "tag": {
+      "type": "string",
+      "required": false,
+      "description": "Tag. Optional. Type: string."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "ref": {
+      "type": "Ref<HTMLButtonElement | HTMLAnchorElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLButtonElement | HTMLAnchorElement>."
+    }
+  }
+}

package/component-meta/navigation/tabs/tabs.json

@@ -0,0 +1,60 @@
+{
+  "name": "Tabs",
+  "description": "Tab list container controlling associated panels.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/tabs/tabs.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/ripple/ripple.entry.less",
+      "@smwb/ui-styles/less/components/tabs/tab/tab.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/tabs/tabs.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/tabs/tab/tab.entry.less\";"
+  },
+  "props": {
+    "value": {
+      "type": "number",
+      "required": true,
+      "description": "Controlled value."
+    },
+    "onChange": {
+      "type": "(event: MouseEvent & { currentTarget: HTMLElement; target: Element }, index: number) => void",
+      "required": true,
+      "description": "Callback fired when the value changes."
+    },
+    "indicatorContent": {
+      "type": "boolean",
+      "required": false,
+      "description": "Indicator Content. Optional. Type: boolean."
+    },
+    "scrollable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Scrollable. 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."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label when no visible title is present."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}