@smwb/ui-mcp-solid 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +56 -0
- package/component-meta/base/animateHeight/animateHeight.json +74 -0
- package/component-meta/base/icon/icon.json +61 -0
- package/component-meta/base/ripple/ripple.json +51 -0
- package/component-meta/clickAwayListener/clickAwayListener.json +40 -0
- package/component-meta/dataDisplay/accordion/accordion.json +79 -0
- package/component-meta/dataDisplay/avatar/avatar.avatarGroup.json +41 -0
- package/component-meta/dataDisplay/avatar/avatar.json +56 -0
- package/component-meta/dataDisplay/badge/badge.json +66 -0
- package/component-meta/dataDisplay/card/card.json +46 -0
- package/component-meta/dataDisplay/carousel/carousel.json +89 -0
- package/component-meta/dataDisplay/chat/chat.json +225 -0
- package/component-meta/dataDisplay/chat/chatAttachmentImage.json +27 -0
- package/component-meta/dataDisplay/chat/chatAttachments.json +32 -0
- package/component-meta/dataDisplay/chat/chatComposer.json +76 -0
- package/component-meta/dataDisplay/chat/chatHeader.json +60 -0
- package/component-meta/dataDisplay/chat/chatIconButton.json +38 -0
- package/component-meta/dataDisplay/chat/chatLayout.chatLayoutChat.json +20 -0
- package/component-meta/dataDisplay/chat/chatLayout.json +85 -0
- package/component-meta/dataDisplay/chat/chatMessageAvatar.json +34 -0
- package/component-meta/dataDisplay/chat/chatMessageBubble.json +91 -0
- package/component-meta/dataDisplay/chat/chatMessageIncoming.json +60 -0
- package/component-meta/dataDisplay/chat/chatMessageItem.json +65 -0
- package/component-meta/dataDisplay/chat/chatMessageOutgoing.json +60 -0
- package/component-meta/dataDisplay/chat/chatMessageSkeleton.json +39 -0
- package/component-meta/dataDisplay/chat/chatMessageStatus.json +44 -0
- package/component-meta/dataDisplay/chat/chatMessageSystem.json +29 -0
- package/component-meta/dataDisplay/chat/chatMessages.json +91 -0
- package/component-meta/dataDisplay/chat/chatOverlayLayout.chatOverlayLayoutChat.json +20 -0
- package/component-meta/dataDisplay/chat/chatOverlayLayout.json +70 -0
- package/component-meta/dataDisplay/chat/chatShell.json +71 -0
- package/component-meta/dataDisplay/chip/chip.json +104 -0
- package/component-meta/dataDisplay/expansionPanel/expansionPanel.json +85 -0
- package/component-meta/dataDisplay/imagesList/imagesList.json +57 -0
- package/component-meta/dataDisplay/imagesList/imagesListItem/imagesListItem.json +64 -0
- package/component-meta/dataDisplay/imagesList/imagesListItem/imagesListItemModal.json +32 -0
- package/component-meta/dataDisplay/list/list.json +36 -0
- package/component-meta/dataDisplay/list/listItem.json +62 -0
- package/component-meta/dataDisplay/table/table.json +59 -0
- package/component-meta/dataDisplay/table/tableBody.json +26 -0
- package/component-meta/dataDisplay/table/tableCell.json +31 -0
- package/component-meta/dataDisplay/table/tableHead.json +26 -0
- package/component-meta/dataDisplay/table/tableHeadCell.json +58 -0
- package/component-meta/dataDisplay/table/tablePagination/tablePagination.baseTablePagination.json +47 -0
- package/component-meta/dataDisplay/table/tablePagination/tablePagination.json +21 -0
- package/component-meta/dataDisplay/table/tableRow.json +36 -0
- package/component-meta/dataDisplay/treeView/treeView.json +93 -0
- package/component-meta/dataDisplay/typography/typography.json +56 -0
- package/component-meta/feedBack/message/message.json +53 -0
- package/component-meta/feedBack/modal/modal.json +92 -0
- package/component-meta/feedBack/modal/modal.modalSlot.json +22 -0
- package/component-meta/feedBack/progressIndicator/progressIndicator.circularProgress.json +22 -0
- package/component-meta/feedBack/progressIndicator/progressIndicator.json +57 -0
- package/component-meta/feedBack/skeleton/skeleton.json +61 -0
- package/component-meta/feedBack/snackbar/snackbar.json +71 -0
- package/component-meta/feedBack/snackbar/snackbar.snackbarsProvider.json +51 -0
- package/component-meta/feedBack/tooltip/tooltip.json +62 -0
- package/component-meta/inputs/button/button.json +94 -0
- package/component-meta/inputs/buttonGroups/buttonGroup.json +59 -0
- package/component-meta/inputs/checkbox/checkbox.json +89 -0
- package/component-meta/inputs/datePicker/dataPickerDays.json +87 -0
- package/component-meta/inputs/datePicker/dataPickerHeader.json +48 -0
- package/component-meta/inputs/datePicker/dataPickerInput.json +34 -0
- package/component-meta/inputs/datePicker/datePicker.json +129 -0
- package/component-meta/inputs/datePicker/datePickerActionLabel.json +55 -0
- package/component-meta/inputs/datePicker/datePickerDay.json +61 -0
- package/component-meta/inputs/datePicker/datePickerIconButton.json +18 -0
- package/component-meta/inputs/datePicker/datePickerList.json +33 -0
- package/component-meta/inputs/dateTimePicker/dateTimePicker.json +120 -0
- package/component-meta/inputs/dateTimePicker/dateTimePickerInput.json +35 -0
- package/component-meta/inputs/fileDrop/countPreview.json +40 -0
- package/component-meta/inputs/fileDrop/fileDrop.json +71 -0
- package/component-meta/inputs/fileDrop/preview.json +46 -0
- package/component-meta/inputs/fileDrop/previewWrapper.json +51 -0
- package/component-meta/inputs/fileInput/fileInput.json +61 -0
- package/component-meta/inputs/floatingButton/floatingButton.json +43 -0
- package/component-meta/inputs/radioButton/radioButton.json +90 -0
- package/component-meta/inputs/rating/rating.json +104 -0
- package/component-meta/inputs/selectField/dropdownMenu.json +107 -0
- package/component-meta/inputs/selectField/selectField.json +203 -0
- package/component-meta/inputs/slider/slider.json +133 -0
- package/component-meta/inputs/textField/textField.json +126 -0
- package/component-meta/inputs/textField/textFieldAdornment.json +47 -0
- package/component-meta/inputs/textField/textFieldWrapper.json +96 -0
- package/component-meta/inputs/timePicker/timePicker.json +75 -0
- package/component-meta/inputs/timePicker/timePickerColumns.json +37 -0
- package/component-meta/inputs/timePicker/timePickerInput.json +35 -0
- package/component-meta/inputs/timePicker/timePickerList.json +32 -0
- package/component-meta/inputs/toggle/toggle.json +90 -0
- package/component-meta/layout/appLayout/appLayout.json +88 -0
- package/component-meta/layout/divider/divider.json +56 -0
- package/component-meta/layout/grid/grid.column.json +81 -0
- package/component-meta/layout/grid/grid.container.json +36 -0
- package/component-meta/layout/grid/grid.row.json +51 -0
- package/component-meta/layout/page/page.json +41 -0
- package/component-meta/layout/pageHeader/pageHeader.json +53 -0
- package/component-meta/layout/screenDivider/screenDivider.json +57 -0
- package/component-meta/layout/sheet/sheet.json +114 -0
- package/component-meta/layout/stack/stack.json +56 -0
- package/component-meta/navigation/appBar/appBar.json +71 -0
- package/component-meta/navigation/bottomBar/bottomBar.bottomBarMenuItem.json +55 -0
- package/component-meta/navigation/bottomBar/bottomBar.json +61 -0
- package/component-meta/navigation/breadcrumbs/breadcrumbs.json +61 -0
- package/component-meta/navigation/menu/menu.json +20 -0
- package/component-meta/navigation/menu/menuDivider.json +26 -0
- package/component-meta/navigation/menu/menuFloating.json +51 -0
- package/component-meta/navigation/menu/menuItem.json +68 -0
- package/component-meta/navigation/menu/menuItemIcon.json +31 -0
- package/component-meta/navigation/menu/menuItemText.json +31 -0
- package/component-meta/navigation/menu/menuList.json +26 -0
- package/component-meta/navigation/menu/menuSubmenu.json +47 -0
- package/component-meta/navigation/pagination/pagination.json +98 -0
- package/component-meta/navigation/sidebar/sidebar.json +79 -0
- package/component-meta/navigation/sidebar/sidebar.sidebarMenuItem.json +56 -0
- package/component-meta/navigation/stepper/stepper.json +53 -0
- package/component-meta/navigation/tabs/tab/tab.json +64 -0
- package/component-meta/navigation/tabs/tabs.json +60 -0
- package/componentMeta.mjs +493 -0
- package/customizationMeta.mjs +451 -0
- package/package.json +37 -0
- package/server.mjs +169 -0
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "AppBar",
|
|
3
|
+
"description": "Top application bar with title and action slots.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Omit<JSX.HTMLAttributes<HTMLElement>, \"title\">"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/appBar/appBar.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/appBar/appBar.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"dense": {
|
|
21
|
+
"type": "boolean",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "Compact layout with reduced spacing."
|
|
24
|
+
},
|
|
25
|
+
"position": {
|
|
26
|
+
"type": "\"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\"",
|
|
27
|
+
"required": false,
|
|
28
|
+
"description": "Position. Optional. Type: \"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\"."
|
|
29
|
+
},
|
|
30
|
+
"placement": {
|
|
31
|
+
"type": "\"top\" | \"bottom\"",
|
|
32
|
+
"required": false,
|
|
33
|
+
"description": "Preferred floating placement relative to the anchor."
|
|
34
|
+
},
|
|
35
|
+
"leftContent": {
|
|
36
|
+
"type": "JSX.Element",
|
|
37
|
+
"required": false,
|
|
38
|
+
"description": "Left Content. Optional. Type: JSX.Element."
|
|
39
|
+
},
|
|
40
|
+
"midContent": {
|
|
41
|
+
"type": "JSX.Element",
|
|
42
|
+
"required": false,
|
|
43
|
+
"description": "Mid Content. Optional. Type: JSX.Element."
|
|
44
|
+
},
|
|
45
|
+
"rightContent": {
|
|
46
|
+
"type": "JSX.Element",
|
|
47
|
+
"required": false,
|
|
48
|
+
"description": "Right Content. Optional. Type: JSX.Element."
|
|
49
|
+
},
|
|
50
|
+
"title": {
|
|
51
|
+
"type": "JSX.Element | string",
|
|
52
|
+
"required": false,
|
|
53
|
+
"description": "Accessible title or tooltip text."
|
|
54
|
+
},
|
|
55
|
+
"midContentAlign": {
|
|
56
|
+
"type": "\"middle\" | \"left\" | \"right\"",
|
|
57
|
+
"required": false,
|
|
58
|
+
"description": "Mid Content Align. Optional. Type: \"middle\" | \"left\" | \"right\"."
|
|
59
|
+
},
|
|
60
|
+
"color": {
|
|
61
|
+
"type": "AppBarColor",
|
|
62
|
+
"required": false,
|
|
63
|
+
"description": "Semantic background color."
|
|
64
|
+
},
|
|
65
|
+
"ref": {
|
|
66
|
+
"type": "Ref<HTMLElement>",
|
|
67
|
+
"required": false,
|
|
68
|
+
"description": "Ref. Optional. Type: Ref<HTMLElement>."
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "BottomBarMenuItem",
|
|
3
|
+
"description": "Bottom Bar Menu Item component from the navigation module.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"SidebarMenuItemProps"
|
|
6
|
+
],
|
|
7
|
+
"styles": {
|
|
8
|
+
"base": [
|
|
9
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
10
|
+
"@smwb/ui-styles/less/theme.less"
|
|
11
|
+
],
|
|
12
|
+
"entries": [
|
|
13
|
+
"@smwb/ui-styles/less/components/bottomBar/bottomBar.entry.less"
|
|
14
|
+
],
|
|
15
|
+
"dependencies": [],
|
|
16
|
+
"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/bottomBar/bottomBar.entry.less\";"
|
|
17
|
+
},
|
|
18
|
+
"props": {
|
|
19
|
+
"icon": {
|
|
20
|
+
"type": "JSX.Element",
|
|
21
|
+
"required": false,
|
|
22
|
+
"description": "Icon node or image source."
|
|
23
|
+
},
|
|
24
|
+
"title": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"required": true,
|
|
27
|
+
"description": "Accessible title or tooltip text."
|
|
28
|
+
},
|
|
29
|
+
"isActive": {
|
|
30
|
+
"type": "boolean",
|
|
31
|
+
"required": false,
|
|
32
|
+
"description": "Is Active. Optional. Type: boolean."
|
|
33
|
+
},
|
|
34
|
+
"onClick": {
|
|
35
|
+
"type": "JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>",
|
|
36
|
+
"required": false,
|
|
37
|
+
"description": "Callback fired when the element is clicked."
|
|
38
|
+
},
|
|
39
|
+
"as": {
|
|
40
|
+
"type": "string | undefined",
|
|
41
|
+
"required": false,
|
|
42
|
+
"description": "As. Optional. Type: string | undefined."
|
|
43
|
+
},
|
|
44
|
+
"href": {
|
|
45
|
+
"type": "string | undefined",
|
|
46
|
+
"required": false,
|
|
47
|
+
"description": "Link URL when rendered as an anchor."
|
|
48
|
+
},
|
|
49
|
+
"variant": {
|
|
50
|
+
"type": "SidebarVariant | undefined",
|
|
51
|
+
"required": false,
|
|
52
|
+
"description": "Visual style variant."
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "BottomBar",
|
|
3
|
+
"description": "Bottom Bar component from the navigation module.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/bottomBar/bottomBar.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [
|
|
17
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less",
|
|
18
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less",
|
|
19
|
+
"@smwb/ui-styles/less/components/ripple/ripple.entry.less",
|
|
20
|
+
"@smwb/ui-styles/less/components/sidebar/sidebar.entry.less"
|
|
21
|
+
],
|
|
22
|
+
"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/bottomBar/bottomBar.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/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/sidebar/sidebar.entry.less\";"
|
|
23
|
+
},
|
|
24
|
+
"props": {
|
|
25
|
+
"menuItems": {
|
|
26
|
+
"type": "SidebarMenuItemProps[]",
|
|
27
|
+
"required": false,
|
|
28
|
+
"description": "Menu Items. Optional. Type: SidebarMenuItemProps[]."
|
|
29
|
+
},
|
|
30
|
+
"visibleCount": {
|
|
31
|
+
"type": "number",
|
|
32
|
+
"required": false,
|
|
33
|
+
"description": "Visible Count. Optional. Type: number."
|
|
34
|
+
},
|
|
35
|
+
"activeItem": {
|
|
36
|
+
"type": "number | null",
|
|
37
|
+
"required": false,
|
|
38
|
+
"description": "Active Item. Optional. Type: number | null."
|
|
39
|
+
},
|
|
40
|
+
"defaultActiveItem": {
|
|
41
|
+
"type": "number | null",
|
|
42
|
+
"required": false,
|
|
43
|
+
"description": "Default Active Item. Optional. Type: number | null."
|
|
44
|
+
},
|
|
45
|
+
"onActiveItemChange": {
|
|
46
|
+
"type": "(index: number) => void",
|
|
47
|
+
"required": false,
|
|
48
|
+
"description": "On Active Item Change. Optional. Type: (index: number) => void."
|
|
49
|
+
},
|
|
50
|
+
"overflowMenuAriaLabel": {
|
|
51
|
+
"type": "string",
|
|
52
|
+
"required": false,
|
|
53
|
+
"description": "Overflow Menu Aria Label. Optional. Type: string."
|
|
54
|
+
},
|
|
55
|
+
"ref": {
|
|
56
|
+
"type": "Ref<HTMLElement>",
|
|
57
|
+
"required": false,
|
|
58
|
+
"description": "Ref. Optional. Type: Ref<HTMLElement>."
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Breadcrumbs",
|
|
3
|
+
"description": "Hierarchical navigation trail.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/breadcrumbs/breadcrumbs.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/breadcrumbs/breadcrumbs.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"separator": {
|
|
21
|
+
"type": "JSX.Element",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "Node placed between every crumb."
|
|
24
|
+
},
|
|
25
|
+
"maxItems": {
|
|
26
|
+
"type": "number",
|
|
27
|
+
"required": false,
|
|
28
|
+
"description": "Collapse the middle of the trail when there are more than `maxItems` crumbs."
|
|
29
|
+
},
|
|
30
|
+
"itemsBeforeCollapse": {
|
|
31
|
+
"type": "number",
|
|
32
|
+
"required": false,
|
|
33
|
+
"description": "How many leading crumbs to keep when collapsed."
|
|
34
|
+
},
|
|
35
|
+
"itemsAfterCollapse": {
|
|
36
|
+
"type": "number",
|
|
37
|
+
"required": false,
|
|
38
|
+
"description": "How many trailing crumbs to keep when collapsed."
|
|
39
|
+
},
|
|
40
|
+
"expanded": {
|
|
41
|
+
"type": "boolean",
|
|
42
|
+
"required": false,
|
|
43
|
+
"description": "Controlled expanded state."
|
|
44
|
+
},
|
|
45
|
+
"onExpand": {
|
|
46
|
+
"type": "() => void",
|
|
47
|
+
"required": false,
|
|
48
|
+
"description": "Fired when the user activates the expand control."
|
|
49
|
+
},
|
|
50
|
+
"expandLabel": {
|
|
51
|
+
"type": "string",
|
|
52
|
+
"required": false,
|
|
53
|
+
"description": "Accessible label for the expand button."
|
|
54
|
+
},
|
|
55
|
+
"ref": {
|
|
56
|
+
"type": "Ref<HTMLElement>",
|
|
57
|
+
"required": false,
|
|
58
|
+
"description": "Ref. Optional. Type: Ref<HTMLElement>."
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Menu",
|
|
3
|
+
"description": "Dropdown menu anchored to a trigger element.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"MenuFloatingProps & {\n variant?: \"static\" | \"floating\";\n dense?: boolean;\n}"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/menu/menu.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {}
|
|
20
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "MenuDivider",
|
|
3
|
+
"description": "Non-interactive separator between menu items.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLLIElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/menu/menu.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"ref": {
|
|
21
|
+
"type": "Ref<HTMLLIElement>",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "Ref. Optional. Type: Ref<HTMLLIElement>."
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "MenuFloating",
|
|
3
|
+
"description": "Floating positioned surface used by menus and popovers.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLDivElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/menu/menu.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"anchorElement": {
|
|
21
|
+
"type": "Element | null | undefined",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "DOM element used as the positioning anchor."
|
|
24
|
+
},
|
|
25
|
+
"isOpen": {
|
|
26
|
+
"type": "boolean",
|
|
27
|
+
"required": false,
|
|
28
|
+
"description": "Controlled open state of the floating surface."
|
|
29
|
+
},
|
|
30
|
+
"onClose": {
|
|
31
|
+
"type": "() => void",
|
|
32
|
+
"required": false,
|
|
33
|
+
"description": "Callback fired when the user dismisses the component."
|
|
34
|
+
},
|
|
35
|
+
"placement": {
|
|
36
|
+
"type": "Placement",
|
|
37
|
+
"required": false,
|
|
38
|
+
"description": "Preferred floating placement relative to the anchor."
|
|
39
|
+
},
|
|
40
|
+
"middleware": {
|
|
41
|
+
"type": "Middleware[] | undefined",
|
|
42
|
+
"required": false,
|
|
43
|
+
"description": "Floating UI middleware overrides for positioning."
|
|
44
|
+
},
|
|
45
|
+
"ref": {
|
|
46
|
+
"type": "Ref<HTMLDivElement>",
|
|
47
|
+
"required": false,
|
|
48
|
+
"description": "Ref. Optional. Type: Ref<HTMLDivElement>."
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "MenuItem",
|
|
3
|
+
"description": "Interactive item inside a menu list.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLLIElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [
|
|
17
|
+
"@smwb/ui-styles/less/components/ripple/ripple.entry.less"
|
|
18
|
+
],
|
|
19
|
+
"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/menu/menu.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/ripple/ripple.entry.less\";"
|
|
20
|
+
},
|
|
21
|
+
"props": {
|
|
22
|
+
"disabled": {
|
|
23
|
+
"type": "boolean | undefined",
|
|
24
|
+
"required": false,
|
|
25
|
+
"description": "Whether the control is disabled and non-interactive."
|
|
26
|
+
},
|
|
27
|
+
"selected": {
|
|
28
|
+
"type": "boolean | undefined",
|
|
29
|
+
"required": false,
|
|
30
|
+
"description": "Controlled selected tab index or value."
|
|
31
|
+
},
|
|
32
|
+
"href": {
|
|
33
|
+
"type": "string | undefined",
|
|
34
|
+
"required": false,
|
|
35
|
+
"description": "Link URL when rendered as an anchor."
|
|
36
|
+
},
|
|
37
|
+
"linkElement": {
|
|
38
|
+
"type": "string",
|
|
39
|
+
"required": false,
|
|
40
|
+
"description": "Link Element. Optional. Type: string."
|
|
41
|
+
},
|
|
42
|
+
"linkProps": {
|
|
43
|
+
"type": "JSX.AnchorHTMLAttributes<HTMLAnchorElement>",
|
|
44
|
+
"required": false,
|
|
45
|
+
"description": "Link Props. Optional. Type: JSX.AnchorHTMLAttributes<HTMLAnchorElement>."
|
|
46
|
+
},
|
|
47
|
+
"value": {
|
|
48
|
+
"type": "unknown",
|
|
49
|
+
"required": false,
|
|
50
|
+
"description": "Controlled value."
|
|
51
|
+
},
|
|
52
|
+
"optionRenderer": {
|
|
53
|
+
"type": "((args: MenuItemProps) => JSX.Element) | undefined",
|
|
54
|
+
"required": false,
|
|
55
|
+
"description": "Option Renderer. Optional. Type: ((args: MenuItemProps) => JSX.Element) | undefined."
|
|
56
|
+
},
|
|
57
|
+
"onClick": {
|
|
58
|
+
"type": "JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>",
|
|
59
|
+
"required": false,
|
|
60
|
+
"description": "Callback fired when the element is clicked."
|
|
61
|
+
},
|
|
62
|
+
"ref": {
|
|
63
|
+
"type": "Ref<HTMLLIElement>",
|
|
64
|
+
"required": false,
|
|
65
|
+
"description": "Ref. Optional. Type: Ref<HTMLLIElement>."
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "MenuItemIcon",
|
|
3
|
+
"description": "Leading icon slot for a menu item.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLSpanElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/menu/menu.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"edge": {
|
|
21
|
+
"type": "\"start\" | \"end\"",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "Edge. Optional. Type: \"start\" | \"end\"."
|
|
24
|
+
},
|
|
25
|
+
"ref": {
|
|
26
|
+
"type": "Ref<HTMLSpanElement>",
|
|
27
|
+
"required": false,
|
|
28
|
+
"description": "Ref. Optional. Type: Ref<HTMLSpanElement>."
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "MenuItemText",
|
|
3
|
+
"description": "Primary text slot for a menu item.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLSpanElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/menu/menu.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"inset": {
|
|
21
|
+
"type": "boolean",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "Whether the divider is inset from the edges."
|
|
24
|
+
},
|
|
25
|
+
"ref": {
|
|
26
|
+
"type": "Ref<HTMLSpanElement>",
|
|
27
|
+
"required": false,
|
|
28
|
+
"description": "Ref. Optional. Type: Ref<HTMLSpanElement>."
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "MenuList",
|
|
3
|
+
"description": "List container inside a menu.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"JSX.HTMLAttributes<HTMLDivElement>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"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/menu/menu.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"ref": {
|
|
21
|
+
"type": "Ref<HTMLDivElement>",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "Ref. Optional. Type: Ref<HTMLDivElement>."
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "MenuSubmenu",
|
|
3
|
+
"description": "Nested submenu with hover or click activation.",
|
|
4
|
+
"styles": {
|
|
5
|
+
"base": [
|
|
6
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
7
|
+
"@smwb/ui-styles/less/theme.less"
|
|
8
|
+
],
|
|
9
|
+
"entries": [
|
|
10
|
+
"@smwb/ui-styles/less/components/menu/menu.entry.less"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": [],
|
|
13
|
+
"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/menu/menu.entry.less\";"
|
|
14
|
+
},
|
|
15
|
+
"props": {
|
|
16
|
+
"placement": {
|
|
17
|
+
"type": "Placement",
|
|
18
|
+
"required": false,
|
|
19
|
+
"description": "Preferred floating placement relative to the anchor."
|
|
20
|
+
},
|
|
21
|
+
"onClose": {
|
|
22
|
+
"type": "() => void",
|
|
23
|
+
"required": false,
|
|
24
|
+
"description": "Callback fired when the user dismisses the component."
|
|
25
|
+
},
|
|
26
|
+
"toggleElement": {
|
|
27
|
+
"type": "JSX.Element",
|
|
28
|
+
"required": false,
|
|
29
|
+
"description": "Content of the toggle row (e.g. an icon + <MenuItemText/>)."
|
|
30
|
+
},
|
|
31
|
+
"children": {
|
|
32
|
+
"type": "JSX.Element",
|
|
33
|
+
"required": true,
|
|
34
|
+
"description": "Items and/or nested `MenuSubmenu` elements (multi-level supported)."
|
|
35
|
+
},
|
|
36
|
+
"openOnHover": {
|
|
37
|
+
"type": "boolean",
|
|
38
|
+
"required": false,
|
|
39
|
+
"description": "Open the submenu on pointer hover in addition to click."
|
|
40
|
+
},
|
|
41
|
+
"class": {
|
|
42
|
+
"type": "string",
|
|
43
|
+
"required": false,
|
|
44
|
+
"description": "Class. Optional. Type: string."
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Pagination",
|
|
3
|
+
"description": "Page navigation control with previous and next actions.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Omit<JSX.HTMLAttributes<HTMLElement>, \"onChange\">"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/pagination/pagination.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [
|
|
17
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less"
|
|
18
|
+
],
|
|
19
|
+
"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/pagination/pagination.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
|
|
20
|
+
},
|
|
21
|
+
"props": {
|
|
22
|
+
"count": {
|
|
23
|
+
"type": "number",
|
|
24
|
+
"required": true,
|
|
25
|
+
"description": "Total number of pages."
|
|
26
|
+
},
|
|
27
|
+
"page": {
|
|
28
|
+
"type": "number",
|
|
29
|
+
"required": true,
|
|
30
|
+
"description": "Current page (1-based)."
|
|
31
|
+
},
|
|
32
|
+
"siblingCount": {
|
|
33
|
+
"type": "number",
|
|
34
|
+
"required": false,
|
|
35
|
+
"description": "Pages shown on each side of the current page."
|
|
36
|
+
},
|
|
37
|
+
"boundaryCount": {
|
|
38
|
+
"type": "number",
|
|
39
|
+
"required": false,
|
|
40
|
+
"description": "Pages always shown at the start and end."
|
|
41
|
+
},
|
|
42
|
+
"size": {
|
|
43
|
+
"type": "\"small\" | \"medium\"",
|
|
44
|
+
"required": false,
|
|
45
|
+
"description": "Visual size preset."
|
|
46
|
+
},
|
|
47
|
+
"variant": {
|
|
48
|
+
"type": "\"filled\" | \"outlined\"",
|
|
49
|
+
"required": false,
|
|
50
|
+
"description": "Item style."
|
|
51
|
+
},
|
|
52
|
+
"shape": {
|
|
53
|
+
"type": "\"rounded\" | \"circular\"",
|
|
54
|
+
"required": false,
|
|
55
|
+
"description": "Item shape."
|
|
56
|
+
},
|
|
57
|
+
"color": {
|
|
58
|
+
"type": "PaginationColor",
|
|
59
|
+
"required": false,
|
|
60
|
+
"description": "Semantic color token."
|
|
61
|
+
},
|
|
62
|
+
"disabled": {
|
|
63
|
+
"type": "boolean",
|
|
64
|
+
"required": false,
|
|
65
|
+
"description": "Whether the control is disabled and non-interactive."
|
|
66
|
+
},
|
|
67
|
+
"showFirstButton": {
|
|
68
|
+
"type": "boolean",
|
|
69
|
+
"required": false,
|
|
70
|
+
"description": "Show First Button. Optional. Type: boolean."
|
|
71
|
+
},
|
|
72
|
+
"showLastButton": {
|
|
73
|
+
"type": "boolean",
|
|
74
|
+
"required": false,
|
|
75
|
+
"description": "Show Last Button. Optional. Type: boolean."
|
|
76
|
+
},
|
|
77
|
+
"hidePrevButton": {
|
|
78
|
+
"type": "boolean",
|
|
79
|
+
"required": false,
|
|
80
|
+
"description": "Hide Prev Button. Optional. Type: boolean."
|
|
81
|
+
},
|
|
82
|
+
"hideNextButton": {
|
|
83
|
+
"type": "boolean",
|
|
84
|
+
"required": false,
|
|
85
|
+
"description": "Hide Next Button. Optional. Type: boolean."
|
|
86
|
+
},
|
|
87
|
+
"onChange": {
|
|
88
|
+
"type": "(page: number) => void",
|
|
89
|
+
"required": false,
|
|
90
|
+
"description": "Callback fired when the value changes."
|
|
91
|
+
},
|
|
92
|
+
"ref": {
|
|
93
|
+
"type": "Ref<HTMLElement>",
|
|
94
|
+
"required": false,
|
|
95
|
+
"description": "Ref. Optional. Type: Ref<HTMLElement>."
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|