@smwb/ui-mcp-solid 0.1.0

package/component-meta/layout/appLayout/appLayout.json

@@ -0,0 +1,88 @@
+{
+  "name": "AppLayout",
+  "description": "Application shell layout with sidebar and content regions.",
+  "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/appLayout/appLayout.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/appLayout/appLayout.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
+  },
+  "props": {
+    "header": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Top bar slot (e.g. <AppBar />). Spans full width."
+    },
+    "sidebar": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Side navigation slot (e.g. <Sidebar />)."
+    },
+    "footer": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Footer slot, below the content."
+    },
+    "sidebarWidth": {
+      "type": "number | string",
+      "required": false,
+      "description": "Sidebar width (px or any CSS length)."
+    },
+    "sidebarCollapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Controlled collapsed state of the sidebar rail."
+    },
+    "defaultSidebarCollapsed": {
+      "type": "boolean",
+      "required": false,
+      "description": "Initial collapsed state (uncontrolled)."
+    },
+    "onSidebarCollapsedChange": {
+      "type": "(collapsed: boolean) => void",
+      "required": false,
+      "description": "Called whenever the collapsed state changes."
+    },
+    "collapsible": {
+      "type": "boolean",
+      "required": false,
+      "description": "Renders a built-in toggle button to collapse/expand the sidebar."
+    },
+    "collapseToggle": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Custom toggle node replacing the default icon button."
+    },
+    "collapseToggleAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the default toggle button."
+    },
+    "sidebarCollapsedWidth": {
+      "type": "number | string",
+      "required": false,
+      "description": "Sidebar collapsed width."
+    },
+    "stickyHeader": {
+      "type": "boolean",
+      "required": false,
+      "description": "Keep the header pinned while content scrolls."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

package/component-meta/layout/divider/divider.json

@@ -0,0 +1,56 @@
+{
+  "name": "Divider",
+  "description": "Horizontal or vertical content separator.",
+  "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/divider/divider.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/divider/divider.entry.less\";"
+  },
+  "props": {
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Direction of the divider line."
+    },
+    "variant": {
+      "type": "\"fullWidth\" | \"inset\" | \"middle\"",
+      "required": false,
+      "description": "Inset behaviour of the line relative to its container."
+    },
+    "textAlign": {
+      "type": "\"left\" | \"center\" | \"right\"",
+      "required": false,
+      "description": "Horizontal alignment of the optional text content."
+    },
+    "color": {
+      "type": "DividerColor",
+      "required": false,
+      "description": "Line color (semantic token)."
+    },
+    "thickness": {
+      "type": "number | string",
+      "required": false,
+      "description": "Line thickness (number = px, or any CSS length)."
+    },
+    "flexItem": {
+      "type": "boolean",
+      "required": false,
+      "description": "Stretch to fill a flex container along the cross axis."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

package/component-meta/layout/grid/grid.column.json

@@ -0,0 +1,81 @@
+{
+  "name": "Column",
+  "description": "Grid column with responsive span configuration.",
+  "extends": [
+    "Omit<JSX.HTMLAttributes<HTMLDivElement>, \"hidden\">"
+  ],
+  "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/grid/grid.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/grid/grid.entry.less\";"
+  },
+  "props": {
+    "xs": {
+      "type": "BreakpointType",
+      "required": false,
+      "description": "Xs. Optional. Type: BreakpointType."
+    },
+    "sm": {
+      "type": "BreakpointType",
+      "required": false,
+      "description": "Sm. Optional. Type: BreakpointType."
+    },
+    "md": {
+      "type": "BreakpointType",
+      "required": false,
+      "description": "Md. Optional. Type: BreakpointType."
+    },
+    "lg": {
+      "type": "BreakpointType",
+      "required": false,
+      "description": "Lg. Optional. Type: BreakpointType."
+    },
+    "xl": {
+      "type": "BreakpointType",
+      "required": false,
+      "description": "Xl. Optional. Type: BreakpointType."
+    },
+    "xsOffset": {
+      "type": "OffsetType",
+      "required": false,
+      "description": "Xs Offset. Optional. Type: OffsetType."
+    },
+    "smOffset": {
+      "type": "OffsetType",
+      "required": false,
+      "description": "Sm Offset. Optional. Type: OffsetType."
+    },
+    "mdOffset": {
+      "type": "OffsetType",
+      "required": false,
+      "description": "Md Offset. Optional. Type: OffsetType."
+    },
+    "lgOffset": {
+      "type": "OffsetType",
+      "required": false,
+      "description": "Lg Offset. Optional. Type: OffsetType."
+    },
+    "xlOffset": {
+      "type": "OffsetType",
+      "required": false,
+      "description": "Xl Offset. Optional. Type: OffsetType."
+    },
+    "hidden": {
+      "type": "ResponsiveBool",
+      "required": false,
+      "description": "Hide column: boolean (always) or per breakpoint `{ xs:true, md:false }`."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

package/component-meta/layout/grid/grid.container.json

@@ -0,0 +1,36 @@
+{
+  "name": "Container",
+  "description": "Centered max-width page container.",
+  "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/grid/grid.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/grid/grid.entry.less\";"
+  },
+  "props": {
+    "maxWidth": {
+      "type": "ContainerMaxWidth",
+      "required": false,
+      "description": "Max-width breakpoint cap; `false` = fluid full width."
+    },
+    "disableGutters": {
+      "type": "boolean",
+      "required": false,
+      "description": "Remove horizontal gutters."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

package/component-meta/layout/grid/grid.row.json

@@ -0,0 +1,51 @@
+{
+  "name": "Row",
+  "description": "Grid row container.",
+  "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/grid/grid.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/grid/grid.entry.less\";"
+  },
+  "props": {
+    "wrap": {
+      "type": "(typeof wrapOptions)[number]",
+      "required": false,
+      "description": "Wrap. Optional. Type: (typeof wrapOptions)[number]."
+    },
+    "justifyContent": {
+      "type": "(typeof justifyContentOptions)[number]",
+      "required": false,
+      "description": "Justify Content. Optional. Type: (typeof justifyContentOptions)[number]."
+    },
+    "alignItems": {
+      "type": "(typeof alignItemsOptions)[number]",
+      "required": false,
+      "description": "Align Items. Optional. Type: (typeof alignItemsOptions)[number]."
+    },
+    "direction": {
+      "type": "(typeof directionOptions)[number]",
+      "required": false,
+      "description": "Direction. Optional. Type: (typeof directionOptions)[number]."
+    },
+    "spacing": {
+      "type": "number",
+      "required": false,
+      "description": "Spacing between stacked children."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

package/component-meta/layout/page/page.json

@@ -0,0 +1,41 @@
+{
+  "name": "Page",
+  "description": "Standard page content wrapper.",
+  "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/page/page.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/page/page.entry.less\";"
+  },
+  "props": {
+    "maxWidth": {
+      "type": "PageMaxWidth",
+      "required": false,
+      "description": "Content max-width cap; `full` = fluid."
+    },
+    "disableGutters": {
+      "type": "boolean",
+      "required": false,
+      "description": "Remove the page padding."
+    },
+    "component": {
+      "type": "string",
+      "required": false,
+      "description": "Render as a different element (default `main`)."
+    },
+    "ref": {
+      "type": "Ref<HTMLElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLElement>."
+    }
+  }
+}

package/component-meta/layout/pageHeader/pageHeader.json

@@ -0,0 +1,53 @@
+{
+  "name": "PageHeader",
+  "description": "Page title area with optional actions and breadcrumbs slot.",
+  "extends": [
+    "Omit<JSX.HTMLAttributes<HTMLElement>, \"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/pageHeader/pageHeader.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/typography/typography.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/pageHeader/pageHeader.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
+  },
+  "props": {
+    "title": {
+      "type": "JSX.Element | string",
+      "required": true,
+      "description": "Accessible title or tooltip text."
+    },
+    "subtitle": {
+      "type": "JSX.Element | string",
+      "required": false,
+      "description": "Subtitle. Optional. Type: JSX.Element | string."
+    },
+    "breadcrumbs": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Slot above the title (e.g. <Breadcrumbs />)."
+    },
+    "actions": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Slot on the trailing side (e.g. action buttons)."
+    },
+    "divider": {
+      "type": "boolean",
+      "required": false,
+      "description": "Render a divider below the header."
+    },
+    "ref": {
+      "type": "Ref<HTMLElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLElement>."
+    }
+  }
+}

package/component-meta/layout/screenDivider/screenDivider.json

@@ -0,0 +1,57 @@
+{
+  "name": "ScreenDivider",
+  "description": "Responsive divider that changes orientation by breakpoint.",
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/screenDivider/screenDivider.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/screenDivider/screenDivider.entry.less\";"
+  },
+  "props": {
+    "sizeFirst": {
+      "type": "number",
+      "required": false,
+      "description": "Size First. Optional. Type: number."
+    },
+    "sizeSecond": {
+      "type": "number",
+      "required": false,
+      "description": "Size Second. Optional. Type: number."
+    },
+    "class": {
+      "type": "string",
+      "required": false,
+      "description": "Class. Optional. Type: string."
+    },
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Layout orientation."
+    },
+    "onSizeChange": {
+      "type": "(sizeFirst: number) => void",
+      "required": false,
+      "description": "Called with the first pane size (percent) whenever it changes."
+    },
+    "keyboardStep": {
+      "type": "number",
+      "required": false,
+      "description": "Step (in percent) applied on arrow-key resize."
+    },
+    "resizerAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the resizer handle."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}

package/component-meta/layout/sheet/sheet.json

@@ -0,0 +1,114 @@
+{
+  "name": "Sheet",
+  "description": "Side or bottom sliding panel surface.",
+  "extends": [
+    "Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onResize\">"
+  ],
+  "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/sheet/sheet.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/button/button.entry.less",
+      "@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/sheet/sheet.entry.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\";"
+  },
+  "props": {
+    "placement": {
+      "type": "\"top\" | \"bottom\" | \"right\" | \"left\"",
+      "required": false,
+      "description": "Preferred floating placement relative to the anchor."
+    },
+    "isOpen": {
+      "type": "boolean",
+      "required": true,
+      "description": "Controlled open state of the floating surface."
+    },
+    "onClose": {
+      "type": "(() => void) | undefined",
+      "required": false,
+      "description": "Callback fired when the user dismisses the component."
+    },
+    "variant": {
+      "type": "\"default\" | \"modal\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "withSizeToggle": {
+      "type": "boolean",
+      "required": false,
+      "description": "With Size Toggle. Optional. Type: boolean."
+    },
+    "hideHeaderActions": {
+      "type": "boolean",
+      "required": false,
+      "description": "Hide built-in header actions; onClose still handles Esc and backdrop."
+    },
+    "reverseHeaderActions": {
+      "type": "boolean",
+      "required": false,
+      "description": "Reverse Header Actions. Optional. Type: boolean."
+    },
+    "size": {
+      "type": "string",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "disableOutsideClick": {
+      "type": "boolean",
+      "required": false,
+      "description": "Disable Outside Click. Optional. Type: boolean."
+    },
+    "closeOnEsc": {
+      "type": "boolean",
+      "required": false,
+      "description": "Close the sheet when Escape is pressed."
+    },
+    "resizable": {
+      "type": "boolean",
+      "required": false,
+      "description": "Allow drag-to-resize (mobile bottom-sheet style). Off by default."
+    },
+    "minSize": {
+      "type": "number",
+      "required": false,
+      "description": "Minimum size in px while resizing (default 80)."
+    },
+    "maxSize": {
+      "type": "number",
+      "required": false,
+      "description": "Maximum size in px while resizing (default: viewport dimension)."
+    },
+    "resizeStep": {
+      "type": "number",
+      "required": false,
+      "description": "Step in px for keyboard resizing (default 24)."
+    },
+    "resizeHandleAriaLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the resize handle."
+    },
+    "onResize": {
+      "type": "(size: number) => void",
+      "required": false,
+      "description": "Called with the new size in px while/after resizing."
+    },
+    "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>."
+    }
+  }
+}

package/component-meta/layout/stack/stack.json

@@ -0,0 +1,56 @@
+{
+  "name": "Stack",
+  "description": "Flex stack layout with spacing and optional dividers.",
+  "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/stack/stack.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/stack/stack.entry.less\";"
+  },
+  "props": {
+    "direction": {
+      "type": "\"row\" | \"row-reverse\" | \"column\" | \"column-reverse\"",
+      "required": false,
+      "description": "Direction. Optional. Type: \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\"."
+    },
+    "spacing": {
+      "type": "StackSpacing",
+      "required": false,
+      "description": "Gap between items: scale keyword, or a number = N × spacing unit."
+    },
+    "align": {
+      "type": "\"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\"",
+      "required": false,
+      "description": "Horizontal alignment of the message bubble."
+    },
+    "justify": {
+      "type": "\"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\"",
+      "required": false,
+      "description": "Justify. Optional. Type: \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\"."
+    },
+    "wrap": {
+      "type": "boolean",
+      "required": false,
+      "description": "Wrap. Optional. Type: boolean."
+    },
+    "divider": {
+      "type": "JSX.Element",
+      "required": false,
+      "description": "Optional element rendered between each child."
+    },
+    "ref": {
+      "type": "Ref<HTMLDivElement>",
+      "required": false,
+      "description": "Ref. Optional. Type: Ref<HTMLDivElement>."
+    }
+  }
+}