@czi-sds/mcp 0.2.0

package/data/component-props/MenuItem.json

@@ -0,0 +1,72 @@
+{
+  "MenuItem": {
+    "props": {
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": "false\nfalse"
+      },
+      "value": {
+        "type": "\"string\" | \"number\" | \"readonly string[]\"",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLLIElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "column": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "isMultiSelect": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "icon": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsIcon": {
+        "type": "any",
+        "isRequired": false,
+        "description": "@deprecated Use `icon` instead.\n(masoudmanson): This prop is deprecated and will be removed in the next major version.\nPlease replace instances of `sdsIcon` with `icon`."
+      },
+      "sdsIconProps": {
+        "type": "IconProps<IconName>",
+        "isRequired": false
+      },
+      "sdsStyle": {
+        "type": "\"determinate\" | \"indeterminate\"",
+        "isRequired": false,
+        "description": "The visual style variant of the component"
+      },
+      "sdsType": {
+        "type": "\"action\" | \"default\"",
+        "isRequired": false,
+        "description": "The type/variant of the component"
+      }
+    }
+  }
+}

package/data/component-props/MenuSelect.json

@@ -0,0 +1,83 @@
+{
+  "MenuSelect": {
+    "props": {
+      "onChange": {
+        "type": "(event: SyntheticEvent",
+        "isRequired": false,
+        "description": "Callback fired when the value changes.\n@param event The event source of the callback.\n@param value The new value of the component.\n@param reason One of \"createOption\", \"selectOption\", \"removeOption\", \"blur\" or \"clear\".\n@param details"
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false,
+        "description": "This prop is used to help implement the accessibility logic.\nIf you don't provide an id it will fall back to a randomly generated one."
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled.",
+        "defaultValue": false
+      },
+      "fullWidth": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the input will take up the full width of its container.",
+        "defaultValue": false
+      },
+      "loading": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is in a loading state.\nThis shows the `loadingText` in place of suggestions (only if there are no suggestions to show, for example `options` are empty).",
+        "defaultValue": false
+      },
+      "size": {
+        "type": "\"small\" | \"medium\"",
+        "isRequired": false,
+        "description": "The size of the component.",
+        "defaultValue": "medium"
+      },
+      "onClose": {
+        "type": "(event: SyntheticEvent<Element, Event>, reason: AutocompleteCloseReason) => void",
+        "isRequired": false,
+        "description": "Callback fired when the popup requests to be closed.\nUse in controlled mode (see open).\n@param event The event source of the callback.\n@param reason Can be: `\"toggleInput\"`, `\"escape\"`, `\"selectOption\"`, `\"removeOption\"`, `\"blur\"`."
+      },
+      "open": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is shown."
+      },
+      "value": {
+        "type": "\"string\" | \"DefaultMenuSelectOption\" | \"(T | AutocompleteFreeSoloValueMapping<FreeSolo>)[]\"",
+        "isRequired": false,
+        "description": "The value of the autocomplete.\n\nThe value must have reference equality with the option in order to be selected.\nYou can customize the equality behavior with the `isOptionEqualToValue` prop."
+      },
+      "keepSearchOnSelect": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "renderInput": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "InputBaseProps": {
+        "type": "InputSearchProps",
+        "isRequired": false
+      },
+      "search": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/NavigationFooter.json

@@ -0,0 +1,50 @@
+{
+  "NavigationFooter": {
+    "props": {
+      "hasInvertedStyle": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "images": {
+        "type": "FooterImage[]",
+        "isRequired": false
+      },
+      "logo": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "logoUrl": {
+        "type": "string",
+        "isRequired": false
+      },
+      "logoComponent": {
+        "type": "\"symbol\" | \"object\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"button\" | \"canvas\" | \"caption\" | \"center\" | \"cite\" | \"code\" | \"col\" | \"colgroup\" | \"data\" | \"datalist\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"dialog\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"embed\" | \"fieldset\" | \"figcaption\" | \"figure\" | \"footer\" | \"form\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"head\" | \"header\" | \"hgroup\" | \"hr\" | \"html\" | \"i\" | \"iframe\" | \"img\" | \"input\" | \"ins\" | \"kbd\" | \"keygen\" | \"label\" | \"legend\" | \"li\" | \"link\" | \"main\" | \"map\" | \"mark\" | \"menu\" | \"menuitem\" | \"meta\" | \"meter\" | \"nav\" | \"noindex\" | \"noscript\" | \"ol\" | \"optgroup\" | \"option\" | \"output\" | \"p\" | \"param\" | \"picture\" | \"pre\" | \"progress\" | \"q\" | \"rp\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"search\" | \"slot\" | \"script\" | \"section\" | \"select\" | \"small\" | \"source\" | \"span\" | \"strong\" | \"style\" | \"sub\" | \"summary\" | \"sup\" | \"table\" | \"template\" | \"tbody\" | \"td\" | \"textarea\" | \"tfoot\" | \"th\" | \"thead\" | \"time\" | \"title\" | \"tr\" | \"track\" | \"u\" | \"ul\" | \"var\" | \"video\" | \"wbr\" | \"webview\" | \"svg\" | \"animate\" | \"animateMotion\" | \"animateTransform\" | \"circle\" | \"clipPath\" | \"defs\" | \"desc\" | \"ellipse\" | \"feBlend\" | \"feColorMatrix\" | \"feComponentTransfer\" | \"feComposite\" | \"feConvolveMatrix\" | \"feDiffuseLighting\" | \"feDisplacementMap\" | \"feDistantLight\" | \"feDropShadow\" | \"feFlood\" | \"feFuncA\" | \"feFuncB\" | \"feFuncG\" | \"feFuncR\" | \"feGaussianBlur\" | \"feImage\" | \"feMerge\" | \"feMergeNode\" | \"feMorphology\" | \"feOffset\" | \"fePointLight\" | \"feSpecularLighting\" | \"feSpotLight\" | \"feTile\" | \"feTurbulence\" | \"filter\" | \"foreignObject\" | \"g\" | \"image\" | \"line\" | \"linearGradient\" | \"marker\" | \"mask\" | \"metadata\" | \"mpath\" | \"path\" | \"pattern\" | \"polygon\" | \"polyline\" | \"radialGradient\" | \"rect\" | \"set\" | \"stop\" | \"switch\" | \"text\" | \"textPath\" | \"tspan\" | \"use\" | \"view\" | \"ComponentClass",
+        "isRequired": false
+      },
+      "logoLinkProps": {
+        "type": "Record<string, unknown>",
+        "isRequired": false
+      },
+      "navItems": {
+        "type": "NavigationFooterNavItem[]",
+        "isRequired": false
+      },
+      "navLinks": {
+        "type": "NavigationFooterNavItem[]",
+        "isRequired": false
+      },
+      "tag": {
+        "type": "string",
+        "isRequired": false
+      },
+      "tagColor": {
+        "type": "\"info\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\" | \"beta\" | \"[string, string]\" | \"[string, string, string]\"",
+        "isRequired": false
+      },
+      "title": {
+        "type": "string",
+        "isRequired": true
+      }
+    }
+  }
+}

package/data/component-props/NavigationHeader.json

@@ -0,0 +1,119 @@
+{
+  "NavigationHeader": {
+    "props": {
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "color": {
+        "type": "\"inherit\" | \"default\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"transparent\" | \"success\" | \"warning\"",
+        "isRequired": false,
+        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
+        "defaultValue": "primary"
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "variant": {
+        "type": "\"elevation\" | \"outlined\"",
+        "isRequired": false,
+        "description": "The variant to use.",
+        "defaultValue": "elevation"
+      },
+      "title": {
+        "type": "string",
+        "isRequired": true
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "activePrimaryNavKey": {
+        "type": "string",
+        "isRequired": false
+      },
+      "buttons": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "hasInvertedStyle": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "logo": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "logoUrl": {
+        "type": "string",
+        "isRequired": false
+      },
+      "logoLinkComponent": {
+        "type": "\"symbol\" | \"object\" | \"style\" | \"div\" | \"clipPath\" | \"filter\" | \"mask\" | \"marker\" | \"p\" | \"header\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"button\" | \"canvas\" | \"caption\" | \"center\" | \"cite\" | \"code\" | \"col\" | \"colgroup\" | \"data\" | \"datalist\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"dialog\" | \"dl\" | \"dt\" | \"em\" | \"embed\" | \"fieldset\" | \"figcaption\" | \"figure\" | \"footer\" | \"form\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"head\" | \"hgroup\" | \"hr\" | \"html\" | \"i\" | \"iframe\" | \"img\" | \"input\" | \"ins\" | \"kbd\" | \"keygen\" | \"label\" | \"legend\" | \"li\" | \"link\" | \"main\" | \"map\" | \"mark\" | \"menu\" | \"menuitem\" | \"meta\" | \"meter\" | \"nav\" | \"noindex\" | \"noscript\" | \"ol\" | \"optgroup\" | \"option\" | \"output\" | \"param\" | \"picture\" | \"pre\" | \"progress\" | \"q\" | \"rp\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"search\" | \"slot\" | \"script\" | \"section\" | \"select\" | \"small\" | \"source\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"table\" | \"template\" | \"tbody\" | \"td\" | \"textarea\" | \"tfoot\" | \"th\" | \"thead\" | \"time\" | \"title\" | \"tr\" | \"track\" | \"u\" | \"ul\" | \"var\" | \"video\" | \"wbr\" | \"webview\" | \"svg\" | \"animate\" | \"animateMotion\" | \"animateTransform\" | \"circle\" | \"defs\" | \"desc\" | \"ellipse\" | \"feBlend\" | \"feColorMatrix\" | \"feComponentTransfer\" | \"feComposite\" | \"feConvolveMatrix\" | \"feDiffuseLighting\" | \"feDisplacementMap\" | \"feDistantLight\" | \"feDropShadow\" | \"feFlood\" | \"feFuncA\" | \"feFuncB\" | \"feFuncG\" | \"feFuncR\" | \"feGaussianBlur\" | \"feImage\" | \"feMerge\" | \"feMergeNode\" | \"feMorphology\" | \"feOffset\" | \"fePointLight\" | \"feSpecularLighting\" | \"feSpotLight\" | \"feTile\" | \"feTurbulence\" | \"foreignObject\" | \"g\" | \"image\" | \"line\" | \"linearGradient\" | \"metadata\" | \"mpath\" | \"path\" | \"pattern\" | \"polygon\" | \"polyline\" | \"radialGradient\" | \"rect\" | \"set\" | \"stop\" | \"switch\" | \"text\" | \"textPath\" | \"tspan\" | \"use\" | \"view\" | \"ComponentClass",
+        "isRequired": false
+      },
+      "logoLinkProps": {
+        "type": "LinkProps",
+        "isRequired": false
+      },
+      "scrollElevation": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "primaryNavItems": {
+        "type": "NavigationHeaderPrimaryNavItem<string>[]",
+        "isRequired": false
+      },
+      "primaryNavPosition": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false
+      },
+      "searchProps": {
+        "type": "\"Partial<FilledTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps>\" | \"Partial<OutlinedTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps>\" | \"Partial<StandardTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps>\"",
+        "isRequired": false
+      },
+      "secondaryNavItems": {
+        "type": "NavigationHeaderSecondaryNavItem[]",
+        "isRequired": false
+      },
+      "setActivePrimaryNavKey": {
+        "type": "(key: string) => void",
+        "isRequired": false
+      },
+      "showSearch": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "tag": {
+        "type": "string",
+        "isRequired": false
+      },
+      "tagColor": {
+        "type": "\"info\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\" | \"beta\" | \"[string, string]\" | \"[string, string, string]\"",
+        "isRequired": false
+      },
+      "drawerOpen": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "setDrawerOpen": {
+        "type": "(open: boolean) => void",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/NavigationJumpTo.json

@@ -0,0 +1,58 @@
+{
+  "NavigationJumpTo": {
+    "props": {
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "onChange": {
+        "type": "\"click\" | \"scroll\"",
+        "isRequired": false
+      },
+      "value": {
+        "type": "any",
+        "isRequired": false,
+        "description": "The value of the currently selected `Tab`.\nIf you don't want any selected `Tab`, you can set this prop to `false`."
+      },
+      "variant": {
+        "type": "\"standard\" | \"scrollable\" | \"fullWidth\"",
+        "isRequired": false,
+        "description": "Determines additional display behavior of the tabs:\n\n- `scrollable` will invoke scrolling properties and allow for horizontally\nscrolling (or swiping) of the tab bar.\n- `fullWidth` will make the tabs grow to use all the available space,\nwhich should be used for small views, like on mobile.\n- `standard` will render the default state.",
+        "defaultValue": "standard"
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "items": {
+        "type": "Item[]",
+        "isRequired": true
+      },
+      "offsetTop": {
+        "type": "number",
+        "isRequired": false
+      },
+      "width": {
+        "type": "\"string\" | \"number\" | \"string & {}\"",
+        "isRequired": false
+      },
+      "isSubItem": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/Notification.json

@@ -0,0 +1,89 @@
+{
+  "Notification": {
+    "props": {
+      "color": {
+        "type": "\"info\" | \"success\" | \"warning\" | \"error\"",
+        "isRequired": false,
+        "description": "The color of the component. Unless provided, the value is taken from the `severity` prop.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors)."
+      },
+      "icon": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Override the icon displayed before the children.\nUnless provided, the icon is mapped to the value of the `severity` prop.\nSet to `false` to remove the `icon`."
+      },
+      "onClose": {
+        "type": "(event: SyntheticEvent<Element, Event>) => void",
+        "isRequired": false,
+        "description": "Callback fired when the component requests to be closed.\nWhen provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.\n@param event The event source of the callback."
+      },
+      "variant": {
+        "type": "\"standard\" | \"filled\" | \"outlined\"",
+        "isRequired": false,
+        "description": "The variant to use.",
+        "defaultValue": "standard"
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "autoDismiss": {
+        "type": "\"number\" | \"false\" | \"true\"",
+        "isRequired": false
+      },
+      "buttonOnClick": {
+        "type": "(event: SyntheticEvent<Element, Event>) => void",
+        "isRequired": false
+      },
+      "buttonText": {
+        "type": "string",
+        "isRequired": false
+      },
+      "buttonPosition": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false
+      },
+      "dismissed": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "slideDirection": {
+        "type": "\"left\" | \"right\"",
+        "isRequired": false,
+        "defaultValue": "left"
+      },
+      "extraContent": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "intent": {
+        "type": "\"info\" | \"negative\" | \"positive\" | \"notice\"",
+        "isRequired": true
+      },
+      "sdsIconProps": {
+        "type": "IconProps<string | number | symbol>",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/Pagination.json

@@ -0,0 +1,51 @@
+{
+  "Pagination": {
+    "props": {
+      "sdsStyle": {
+        "type": "\"round\" | \"square\"",
+        "isRequired": false,
+        "description": "The visual style variant of the component"
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "selected": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "truncateDropdown": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "onPageChange": {
+        "type": "(page: number) => void",
+        "isRequired": true
+      },
+      "onNextPage": {
+        "type": "() => void",
+        "isRequired": true
+      },
+      "onPreviousPage": {
+        "type": "() => void",
+        "isRequired": true
+      },
+      "totalCount": {
+        "type": "number",
+        "isRequired": true
+      },
+      "siblingCount": {
+        "type": "number",
+        "isRequired": false
+      },
+      "currentPage": {
+        "type": "number",
+        "isRequired": true
+      },
+      "pageSize": {
+        "type": "number",
+        "isRequired": true
+      }
+    }
+  }
+}

package/data/component-props/Panel.json

@@ -0,0 +1,72 @@
+{
+  "Panel": {
+    "props": {
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false,
+        "description": "@ignore"
+      },
+      "onClose": {
+        "type": "\"backdropClick\" | \"escapeKeyDown\"",
+        "isRequired": false,
+        "description": "Callback fired when the component requests to be closed.\nThe `reason` parameter can optionally be used to control the response to `onClose`.\n@param event The event source of the callback.\n@param reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`."
+      },
+      "open": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is shown.",
+        "defaultValue": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "sdsType": {
+        "type": "\"overlay\" | \"basic\"",
+        "isRequired": true,
+        "description": "The type/variant of the component"
+      },
+      "position": {
+        "type": "\"bottom\" | \"left\" | \"right\"",
+        "isRequired": false
+      },
+      "width": {
+        "type": "\"string\" | \"number\"",
+        "isRequired": false
+      },
+      "isBackdropClickEnabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false
+      },
+      "HeaderComponent": {
+        "type": "ReactNode",
+        "isRequired": false
+      },
+      "closeButtonOnClick": {
+        "type": "function",
+        "isRequired": false
+      },
+      "CloseButtonComponent": {
+        "type": "ReactNode",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/SegmentedControl.json

@@ -0,0 +1,65 @@
+{
+  "SegmentedControl": {
+    "props": {
+      "buttonDefinition": {
+        "type": "SingleButtonDefinition[]",
+        "isRequired": true
+      },
+      "children": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "The content of the component."
+      },
+      "color": {
+        "type": "\"standard\" | \"primary\" | \"secondary\" | \"error\" | \"info\" | \"success\" | \"warning\"",
+        "isRequired": false,
+        "description": "The color of the button when it is selected.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
+        "defaultValue": "standard"
+      },
+      "disabled": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the component is disabled. This implies that all ToggleButton children will be disabled.",
+        "defaultValue": false
+      },
+      "fullWidth": {
+        "type": "\"false\" | \"true\"",
+        "isRequired": false,
+        "description": "If `true`, the button group will take up the full width of its container.",
+        "defaultValue": false
+      },
+      "onChange": {
+        "type": "function",
+        "isRequired": false,
+        "description": "Callback fired when the value changes.\n@param event The event source of the callback.\n@param value of the selected buttons. When `exclusive` is true\nthis is a single value; when false an array of selected values. If no value\nis selected and `exclusive` is true the value is null; when false an empty array."
+      },
+      "size": {
+        "type": "\"small\" | \"medium\" | \"large\"",
+        "isRequired": false,
+        "description": "The size of the component.",
+        "defaultValue": "medium"
+      },
+      "value": {
+        "type": "any",
+        "isRequired": false,
+        "description": "The currently selected value within the group or an array of selected\nvalues when `exclusive` is false.\n\nThe value must have reference equality with the option in order to be selected."
+      },
+      "className": {
+        "type": "string",
+        "isRequired": false
+      },
+      "id": {
+        "type": "string",
+        "isRequired": false
+      },
+      "style": {
+        "type": "CSSProperties",
+        "isRequired": false
+      },
+      "onClick": {
+        "type": "function",
+        "isRequired": false
+      }
+    }
+  }
+}