;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Alert](https://material-ui.com/components/alert/)
+ *
+ * API:
+ *
+ * - [AlertTitle API](https://material-ui.com/api/alert-title/)
+ */
+export default function AlertTitle(props: AlertTitleProps): JSX.Element;
diff --git a/react/node_modules/@material-ui/core/AlertTitle/AlertTitle.js b/react/node_modules/@material-ui/core/AlertTitle/AlertTitle.js
new file mode 100644
index 0000000..dc62d2a
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AlertTitle/AlertTitle.js
@@ -0,0 +1,85 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@material-ui/unstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import Typography from '../Typography';
+import { getAlertTitleUtilityClass } from './alertTitleClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+ const {
+ classes
+ } = ownerState;
+ const slots = {
+ root: ['root']
+ };
+ return composeClasses(slots, getAlertTitleUtilityClass, classes);
+};
+
+const AlertTitleRoot = styled(Typography, {
+ name: 'MuiAlertTitle',
+ slot: 'Root',
+ overridesResolver: (props, styles) => styles.root
+})(({
+ theme
+}) => {
+ return {
+ fontWeight: theme.typography.fontWeightMedium,
+ marginTop: -2
+ };
+});
+const AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref) {
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiAlertTitle'
+ });
+
+ const {
+ className
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const ownerState = props;
+ const classes = useUtilityClasses(ownerState);
+ return /*#__PURE__*/_jsx(AlertTitleRoot, _extends({
+ gutterBottom: true,
+ component: "div",
+ ownerState: ownerState,
+ ref: ref,
+ className: clsx(classes.root, className)
+ }, other));
+});
+process.env.NODE_ENV !== "production" ? AlertTitle.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * The content of the component.
+ */
+ children: PropTypes.node,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object
+} : void 0;
+export default AlertTitle;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AlertTitle/alertTitleClasses.d.ts b/react/node_modules/@material-ui/core/AlertTitle/alertTitleClasses.d.ts
new file mode 100644
index 0000000..3c7a21a
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AlertTitle/alertTitleClasses.d.ts
@@ -0,0 +1,8 @@
+export interface AlertTitleClasses {
+ /** Styles applied to the root element. */
+ root: string;
+}
+export declare type AlertTitleClassKey = keyof AlertTitleClasses;
+export declare function getAlertTitleUtilityClass(slot: string): string;
+declare const alertTitleClasses: AlertTitleClasses;
+export default alertTitleClasses;
diff --git a/react/node_modules/@material-ui/core/AlertTitle/alertTitleClasses.js b/react/node_modules/@material-ui/core/AlertTitle/alertTitleClasses.js
new file mode 100644
index 0000000..eb94f88
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AlertTitle/alertTitleClasses.js
@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@material-ui/unstyled';
+export function getAlertTitleUtilityClass(slot) {
+ return generateUtilityClass('MuiAlertTitle', slot);
+}
+const alertTitleClasses = generateUtilityClasses('MuiAlertTitle', ['root']);
+export default alertTitleClasses;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AlertTitle/index.d.ts b/react/node_modules/@material-ui/core/AlertTitle/index.d.ts
new file mode 100644
index 0000000..58a5755
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AlertTitle/index.d.ts
@@ -0,0 +1,5 @@
+export { default } from './AlertTitle';
+export * from './AlertTitle';
+
+export { default as alertTitleClasses } from './alertTitleClasses';
+export * from './alertTitleClasses';
diff --git a/react/node_modules/@material-ui/core/AlertTitle/index.js b/react/node_modules/@material-ui/core/AlertTitle/index.js
new file mode 100644
index 0000000..a31a293
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AlertTitle/index.js
@@ -0,0 +1,3 @@
+export { default } from './AlertTitle';
+export { default as alertTitleClasses } from './alertTitleClasses';
+export * from './alertTitleClasses';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AlertTitle/package.json b/react/node_modules/@material-ui/core/AlertTitle/package.json
new file mode 100644
index 0000000..9d02956
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AlertTitle/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/AlertTitle/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AppBar/AppBar.d.ts b/react/node_modules/@material-ui/core/AppBar/AppBar.d.ts
new file mode 100644
index 0000000..69d6883
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AppBar/AppBar.d.ts
@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { SxProps } from '@material-ui/system';
+import { DistributiveOmit, OverridableStringUnion } from '@material-ui/types';
+import { OverridableComponent, OverrideProps } from '@material-ui/core/OverridableComponent';
+import { PropTypes, Theme } from '..';
+import { PaperProps } from '../Paper';
+import { AppBarClasses } from './appBarClasses';
+
+export interface AppBarPropsColorOverrides {}
+
+export interface AppBarTypeMap {
+ props: P &
+ DistributiveOmit & {
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: Partial;
+ /**
+ * The color of the component. It supports those theme colors that make sense for this component.
+ * @default 'primary'
+ */
+ color?: OverridableStringUnion;
+ /**
+ * If true, the `color` prop is applied in dark mode.
+ * @default false
+ */
+ enableColorOnDark?: boolean;
+ /**
+ * The positioning type. The behavior of the different options is described
+ * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
+ * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
+ * @default 'fixed'
+ */
+ position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ };
+ defaultComponent: D;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [App Bar](https://material-ui.com/components/app-bar/)
+ *
+ * API:
+ *
+ * - [AppBar API](https://material-ui.com/api/app-bar/)
+ * - inherits [Paper API](https://material-ui.com/api/paper/)
+ */
+
+declare const AppBar: OverridableComponent;
+
+export type AppBarProps<
+ D extends React.ElementType = AppBarTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+export default AppBar;
diff --git a/react/node_modules/@material-ui/core/AppBar/AppBar.js b/react/node_modules/@material-ui/core/AppBar/AppBar.js
new file mode 100644
index 0000000..09036fd
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AppBar/AppBar.js
@@ -0,0 +1,173 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "color", "enableColorOnDark", "position"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@material-ui/unstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import capitalize from '../utils/capitalize';
+import Paper from '../Paper';
+import { getAppBarUtilityClass } from './appBarClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+ const {
+ color,
+ position,
+ classes
+ } = ownerState;
+ const slots = {
+ root: ['root', `color${capitalize(color)}`, `position${capitalize(position)}`]
+ };
+ return composeClasses(slots, getAppBarUtilityClass, classes);
+};
+
+const AppBarRoot = styled(Paper, {
+ name: 'MuiAppBar',
+ slot: 'Root',
+ overridesResolver: (props, styles) => {
+ const {
+ ownerState
+ } = props;
+ return [styles.root, styles[`position${capitalize(ownerState.position)}`], styles[`color${capitalize(ownerState.color)}`]];
+ }
+})(({
+ theme,
+ ownerState
+}) => {
+ const backgroundColorDefault = theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900];
+ return _extends({
+ display: 'flex',
+ flexDirection: 'column',
+ width: '100%',
+ boxSizing: 'border-box',
+ // Prevent padding issue with the Modal and fixed positioned AppBar.
+ flexShrink: 0
+ }, ownerState.position === 'fixed' && {
+ position: 'fixed',
+ zIndex: theme.zIndex.appBar,
+ top: 0,
+ left: 'auto',
+ right: 0,
+ '@media print': {
+ // Prevent the app bar to be visible on each printed page.
+ position: 'absolute'
+ }
+ }, ownerState.position === 'absolute' && {
+ position: 'absolute',
+ zIndex: theme.zIndex.appBar,
+ top: 0,
+ left: 'auto',
+ right: 0
+ }, ownerState.position === 'sticky' && {
+ // ⚠️ sticky is not supported by IE11.
+ position: 'sticky',
+ zIndex: theme.zIndex.appBar,
+ top: 0,
+ left: 'auto',
+ right: 0
+ }, ownerState.position === 'static' && {
+ position: 'static'
+ }, ownerState.position === 'relative' && {
+ position: 'relative'
+ }, ownerState.color === 'default' && {
+ backgroundColor: backgroundColorDefault,
+ color: theme.palette.getContrastText(backgroundColorDefault)
+ }, ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
+ backgroundColor: theme.palette[ownerState.color].main,
+ color: theme.palette[ownerState.color].contrastText
+ }, ownerState.color === 'inherit' && {
+ color: 'inherit'
+ }, theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
+ backgroundColor: null,
+ color: null
+ }, ownerState.color === 'transparent' && _extends({
+ backgroundColor: 'transparent',
+ color: 'inherit'
+ }, theme.palette.mode === 'dark' && {
+ backgroundImage: 'none'
+ }));
+});
+const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiAppBar'
+ });
+
+ const {
+ className,
+ color = 'primary',
+ enableColorOnDark = false,
+ position = 'fixed'
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const ownerState = _extends({}, props, {
+ color,
+ position,
+ enableColorOnDark
+ });
+
+ const classes = useUtilityClasses(ownerState);
+ return /*#__PURE__*/_jsx(AppBarRoot, _extends({
+ square: true,
+ component: "header",
+ ownerState: ownerState,
+ elevation: 4,
+ className: clsx(classes.root, className, position === 'fixed' && 'mui-fixed'),
+ ref: ref
+ }, other));
+});
+process.env.NODE_ENV !== "production" ? AppBar.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * The content of the component.
+ */
+ children: PropTypes.node,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * The color of the component. It supports those theme colors that make sense for this component.
+ * @default 'primary'
+ */
+ color: PropTypes
+ /* @typescript-to-proptypes-ignore */
+ .oneOfType([PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent']), PropTypes.string]),
+
+ /**
+ * If true, the `color` prop is applied in dark mode.
+ * @default false
+ */
+ enableColorOnDark: PropTypes.bool,
+
+ /**
+ * The positioning type. The behavior of the different options is described
+ * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
+ * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
+ * @default 'fixed'
+ */
+ position: PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']),
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object
+} : void 0;
+export default AppBar;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AppBar/appBarClasses.d.ts b/react/node_modules/@material-ui/core/AppBar/appBarClasses.d.ts
new file mode 100644
index 0000000..7b96e2e
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AppBar/appBarClasses.d.ts
@@ -0,0 +1,28 @@
+export interface AppBarClasses {
+ /** Styles applied to the root element. */
+ root: string;
+ /** Styles applied to the root element if `position="fixed"`. */
+ positionFixed: string;
+ /** Styles applied to the root element if `position="absolute"`. */
+ positionAbsolute: string;
+ /** Styles applied to the root element if `position="sticky"`. */
+ positionSticky: string;
+ /** Styles applied to the root element if `position="static"`. */
+ positionStatic: string;
+ /** Styles applied to the root element if `position="relative"`. */
+ positionRelative: string;
+ /** Styles applied to the root element if `color="default"`. */
+ colorDefault: string;
+ /** Styles applied to the root element if `color="primary"`. */
+ colorPrimary: string;
+ /** Styles applied to the root element if `color="secondary"`. */
+ colorSecondary: string;
+ /** Styles applied to the root element if `color="inherit"`. */
+ colorInherit: string;
+ /** Styles applied to the root element if `color="transparent"`. */
+ colorTransparent: string;
+}
+export declare type AppBarClassKey = keyof AppBarClasses;
+export declare function getAppBarUtilityClass(slot: string): string;
+declare const appBarClasses: AppBarClasses;
+export default appBarClasses;
diff --git a/react/node_modules/@material-ui/core/AppBar/appBarClasses.js b/react/node_modules/@material-ui/core/AppBar/appBarClasses.js
new file mode 100644
index 0000000..a0469e0
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AppBar/appBarClasses.js
@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@material-ui/unstyled';
+export function getAppBarUtilityClass(slot) {
+ return generateUtilityClass('MuiAppBar', slot);
+}
+const appBarClasses = generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent']);
+export default appBarClasses;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AppBar/index.d.ts b/react/node_modules/@material-ui/core/AppBar/index.d.ts
new file mode 100644
index 0000000..4f3ae09
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AppBar/index.d.ts
@@ -0,0 +1,5 @@
+export { default } from './AppBar';
+export * from './AppBar';
+
+export { default as appBarClasses } from './appBarClasses';
+export * from './appBarClasses';
diff --git a/react/node_modules/@material-ui/core/AppBar/index.js b/react/node_modules/@material-ui/core/AppBar/index.js
new file mode 100644
index 0000000..4630dfe
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AppBar/index.js
@@ -0,0 +1,3 @@
+export { default } from './AppBar';
+export { default as appBarClasses } from './appBarClasses';
+export * from './appBarClasses';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AppBar/package.json b/react/node_modules/@material-ui/core/AppBar/package.json
new file mode 100644
index 0000000..9ff6c34
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AppBar/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/AppBar/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Autocomplete/Autocomplete.d.ts b/react/node_modules/@material-ui/core/Autocomplete/Autocomplete.d.ts
new file mode 100644
index 0000000..20eb277
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Autocomplete/Autocomplete.d.ts
@@ -0,0 +1,251 @@
+import * as React from 'react';
+import { IconButtonProps, InternalStandardProps as StandardProps, Theme } from '@material-ui/core';
+import { ChipProps, ChipTypeMap } from '@material-ui/core/Chip';
+import { PopperProps } from '@material-ui/core/Popper';
+import { SxProps } from '@material-ui/system';
+import { OverridableStringUnion } from '@material-ui/types';
+import {
+ useAutocomplete,
+ AutocompleteChangeDetails,
+ AutocompleteChangeReason,
+ AutocompleteCloseReason,
+ AutocompleteInputChangeReason,
+ createFilterOptions,
+ UseAutocompleteProps,
+} from '@material-ui/unstyled';
+import { AutocompleteClasses } from './autocompleteClasses';
+
+export {
+ AutocompleteChangeDetails,
+ AutocompleteChangeReason,
+ AutocompleteCloseReason,
+ AutocompleteInputChangeReason,
+ createFilterOptions,
+};
+
+export type AutocompleteRenderGetTagProps = ({ index }: { index: number }) => {
+ key: number;
+ className: string;
+ disabled: boolean;
+ 'data-tag-index': number;
+ tabIndex: -1;
+ onDelete: (event: any) => void;
+};
+
+export interface AutocompleteRenderOptionState {
+ inputValue: string;
+ selected: boolean;
+}
+
+export interface AutocompleteRenderGroupParams {
+ key: string;
+ group: string;
+ children?: React.ReactNode;
+}
+
+export interface AutocompleteRenderInputParams {
+ id: string;
+ disabled: boolean;
+ fullWidth: boolean;
+ size: 'small' | undefined;
+ InputLabelProps: ReturnType['getInputLabelProps']>;
+ InputProps: {
+ ref: React.Ref;
+ className: string;
+ startAdornment: React.ReactNode;
+ endAdornment: React.ReactNode;
+ };
+ inputProps: ReturnType['getInputProps']>;
+}
+
+export interface AutocompletePropsSizeOverrides {}
+
+export interface AutocompleteProps<
+ T,
+ Multiple extends boolean | undefined,
+ DisableClearable extends boolean | undefined,
+ FreeSolo extends boolean | undefined,
+ ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent'],
+> extends UseAutocompleteProps,
+ StandardProps, 'defaultValue' | 'onChange' | 'children'> {
+ /**
+ * Props applied to the [`Chip`](/api/chip/) element.
+ */
+ ChipProps?: ChipProps;
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: Partial;
+ /**
+ * The icon to display in place of the default clear icon.
+ * @default
+ */
+ clearIcon?: React.ReactNode;
+ /**
+ * Override the default text for the *clear* icon button.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Clear'
+ */
+ clearText?: string;
+ /**
+ * Override the default text for the *close popup* icon button.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Close'
+ */
+ closeText?: string;
+ /**
+ * The props used for each slot inside.
+ * @default {}
+ */
+ componentsProps?: {
+ clearIndicator?: Partial;
+ };
+ /**
+ * If `true`, the component is disabled.
+ * @default false
+ */
+ disabled?: boolean;
+ /**
+ * If `true`, the `Popper` content will be under the DOM hierarchy of the parent component.
+ * @default false
+ */
+ disablePortal?: boolean;
+ /**
+ * Force the visibility display of the popup icon.
+ * @default 'auto'
+ */
+ forcePopupIcon?: true | false | 'auto';
+ /**
+ * If `true`, the input will take up the full width of its container.
+ * @default false
+ */
+ fullWidth?: boolean;
+ /**
+ * The label to display when the tags are truncated (`limitTags`).
+ *
+ * @param {number} more The number of truncated tags.
+ * @returns {ReactNode}
+ * @default (more) => `+${more}`
+ */
+ getLimitTagsText?: (more: number) => React.ReactNode;
+ /**
+ * The component used to render the listbox.
+ * @default 'ul'
+ */
+ ListboxComponent?: React.JSXElementConstructor>;
+ /**
+ * Props applied to the Listbox element.
+ */
+ ListboxProps?: ReturnType['getListboxProps']>;
+ /**
+ * If `true`, the component is in a loading state.
+ * This shows the `loadingText` in place of suggestions (only if there are no suggestions to show, e.g. `options` are empty).
+ * @default false
+ */
+ loading?: boolean;
+ /**
+ * Text to display when in a loading state.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Loading…'
+ */
+ loadingText?: React.ReactNode;
+ /**
+ * The maximum number of tags that will be visible when not focused.
+ * Set `-1` to disable the limit.
+ * @default -1
+ */
+ limitTags?: number;
+ /**
+ * Text to display when there are no options.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'No options'
+ */
+ noOptionsText?: React.ReactNode;
+ /**
+ * Override the default text for the *open popup* icon button.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Open'
+ */
+ openText?: string;
+ /**
+ * The component used to render the body of the popup.
+ * @default Paper
+ */
+ PaperComponent?: React.JSXElementConstructor>;
+ /**
+ * The component used to position the popup.
+ * @default Popper
+ */
+ PopperComponent?: React.JSXElementConstructor;
+ /**
+ * The icon to display in place of the default popup icon.
+ * @default
+ */
+ popupIcon?: React.ReactNode;
+ /**
+ * Render the group.
+ *
+ * @param {any} option The group to render.
+ * @returns {ReactNode}
+ */
+ renderGroup?: (params: AutocompleteRenderGroupParams) => React.ReactNode;
+ /**
+ * Render the input.
+ *
+ * @param {object} params
+ * @returns {ReactNode}
+ */
+ renderInput: (params: AutocompleteRenderInputParams) => React.ReactNode;
+ /**
+ * Render the option, use `getOptionLabel` by default.
+ *
+ * @param {object} props The props to apply on the li element.
+ * @param {T} option The option to render.
+ * @param {object} state The state of the component.
+ * @returns {ReactNode}
+ */
+ renderOption?: (
+ props: React.HTMLAttributes,
+ option: T,
+ state: AutocompleteRenderOptionState,
+ ) => React.ReactNode;
+ /**
+ * Render the selected value.
+ *
+ * @param {T[]} value The `value` provided to the component.
+ * @param {function} getTagProps A tag props getter.
+ * @returns {ReactNode}
+ */
+ renderTags?: (value: T[], getTagProps: AutocompleteRenderGetTagProps) => React.ReactNode;
+ /**
+ * The size of the component.
+ * @default 'medium'
+ */
+ size?: OverridableStringUnion<'small' | 'medium', AutocompletePropsSizeOverrides>;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Autocomplete](https://material-ui.com/components/autocomplete/)
+ *
+ * API:
+ *
+ * - [Autocomplete API](https://material-ui.com/api/autocomplete/)
+ */
+export default function Autocomplete<
+ T,
+ Multiple extends boolean | undefined = undefined,
+ DisableClearable extends boolean | undefined = undefined,
+ FreeSolo extends boolean | undefined = undefined,
+>(props: AutocompleteProps): JSX.Element;
diff --git a/react/node_modules/@material-ui/core/Autocomplete/Autocomplete.js b/react/node_modules/@material-ui/core/Autocomplete/Autocomplete.js
new file mode 100644
index 0000000..b2d4382
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Autocomplete/Autocomplete.js
@@ -0,0 +1,1058 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+var _ClearIcon, _ArrowDropDownIcon;
+
+const _excluded = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "value"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { chainPropTypes, integerPropType } from '@material-ui/utils';
+import { unstable_composeClasses as composeClasses, useAutocomplete, createFilterOptions } from '@material-ui/unstyled';
+import { alpha } from '@material-ui/system';
+import Popper from '../Popper';
+import ListSubheader from '../ListSubheader';
+import Paper from '../Paper';
+import IconButton from '../IconButton';
+import Chip from '../Chip';
+import ClearIcon from '../internal/svg-icons/Close';
+import ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';
+import useThemeProps from '../styles/useThemeProps';
+import styled from '../styles/styled';
+import autocompleteClasses, { getAutocompleteUtilityClass } from './autocompleteClasses';
+import capitalize from '../utils/capitalize';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+ const {
+ classes,
+ disablePortal,
+ focused,
+ fullWidth,
+ hasClearIcon,
+ hasPopupIcon,
+ inputFocused,
+ popupOpen,
+ size
+ } = ownerState;
+ const slots = {
+ root: ['root', focused && 'focused', fullWidth && 'fullWidth', hasClearIcon && 'hasClearIcon', hasPopupIcon && 'hasPopupIcon'],
+ inputRoot: ['inputRoot'],
+ input: ['input', inputFocused && 'inputFocused'],
+ tag: ['tag', `tagSize${capitalize(size)}`],
+ endAdornment: ['endAdornment'],
+ clearIndicator: ['clearIndicator'],
+ popupIndicator: ['popupIndicator', popupOpen && 'popupIndicatorOpen'],
+ popper: ['popper', disablePortal && 'popperDisablePortal'],
+ paper: ['paper'],
+ listbox: ['listbox'],
+ loading: ['loading'],
+ noOptions: ['noOptions'],
+ option: ['option'],
+ groupLabel: ['groupLabel'],
+ groupUl: ['groupUl']
+ };
+ return composeClasses(slots, getAutocompleteUtilityClass, classes);
+};
+
+const AutocompleteRoot = styled('div', {
+ name: 'MuiAutocomplete',
+ slot: 'Root',
+ overridesResolver: (props, styles) => {
+ const {
+ ownerState
+ } = props;
+ const {
+ fullWidth,
+ hasClearIcon,
+ hasPopupIcon,
+ inputFocused,
+ size
+ } = ownerState;
+ return [{
+ [`& .${autocompleteClasses.tag}`]: styles.tag
+ }, {
+ [`& .${autocompleteClasses.tag}`]: styles[`tagSize${capitalize(size)}`]
+ }, {
+ [`& .${autocompleteClasses.inputRoot}`]: styles.inputRoot
+ }, {
+ [`& .${autocompleteClasses.input}`]: styles.input
+ }, {
+ [`& .${autocompleteClasses.input}`]: inputFocused && styles.inputFocused
+ }, styles.root, fullWidth && styles.fullWidth, hasPopupIcon && styles.hasPopupIcon, hasClearIcon && styles.hasClearIcon];
+ }
+})(({
+ ownerState
+}) => _extends({
+ [`&.${autocompleteClasses.focused} .${autocompleteClasses.clearIndicator}`]: {
+ visibility: 'visible'
+ },
+
+ /* Avoid double tap issue on iOS */
+ '@media (pointer: fine)': {
+ [`&:hover .${autocompleteClasses.clearIndicator}`]: {
+ visibility: 'visible'
+ }
+ }
+}, ownerState.fullWidth && {
+ width: '100%'
+}, {
+ [`& .${autocompleteClasses.tag}`]: _extends({
+ margin: 3,
+ maxWidth: 'calc(100% - 6px)'
+ }, ownerState.size === 'small' && {
+ margin: 2,
+ maxWidth: 'calc(100% - 4px)'
+ }),
+ [`& .${autocompleteClasses.inputRoot}`]: {
+ flexWrap: 'wrap',
+ [`.${autocompleteClasses.hasPopupIcon}&, .${autocompleteClasses.hasClearIcon}&`]: {
+ paddingRight: 26 + 4
+ },
+ [`.${autocompleteClasses.hasPopupIcon}.${autocompleteClasses.hasClearIcon}&`]: {
+ paddingRight: 52 + 4
+ },
+ [`& .${autocompleteClasses.input}`]: {
+ width: 0,
+ minWidth: 30
+ }
+ },
+ '& .MuiInput-root': {
+ paddingBottom: 1,
+ '& .MuiInput-input': {
+ padding: '4px 4px 4px 0px'
+ }
+ },
+ '& .MuiInput-root.MuiInputBase-sizeSmall': {
+ '& .MuiInput-input': {
+ padding: '2px 4px 3px 0'
+ }
+ },
+ '& .MuiOutlinedInput-root': {
+ padding: 9,
+ [`.${autocompleteClasses.hasPopupIcon}&, .${autocompleteClasses.hasClearIcon}&`]: {
+ paddingRight: 26 + 4 + 9
+ },
+ [`.${autocompleteClasses.hasPopupIcon}.${autocompleteClasses.hasClearIcon}&`]: {
+ paddingRight: 52 + 4 + 9
+ },
+ [`& .${autocompleteClasses.input}`]: {
+ padding: '7.5px 4px 7.5px 6px'
+ },
+ [`& .${autocompleteClasses.endAdornment}`]: {
+ right: 9
+ }
+ },
+ '& .MuiOutlinedInput-root.MuiInputBase-sizeSmall': {
+ padding: 6,
+ [`& .${autocompleteClasses.input}`]: {
+ padding: '2.5px 4px 2.5px 6px'
+ }
+ },
+ '& .MuiFilledInput-root': {
+ paddingTop: 19,
+ paddingLeft: 8,
+ [`.${autocompleteClasses.hasPopupIcon}&, .${autocompleteClasses.hasClearIcon}&`]: {
+ paddingRight: 26 + 4 + 9
+ },
+ [`.${autocompleteClasses.hasPopupIcon}.${autocompleteClasses.hasClearIcon}&`]: {
+ paddingRight: 52 + 4 + 9
+ },
+ '& .MuiFilledInput-input': {
+ padding: '7px 4px'
+ },
+ [`& .${autocompleteClasses.endAdornment}`]: {
+ right: 9
+ }
+ },
+ '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {
+ paddingBottom: 1,
+ '& .MuiFilledInput-input': {
+ padding: '2.5px 4px'
+ }
+ },
+ [`& .${autocompleteClasses.input}`]: _extends({
+ flexGrow: 1,
+ textOverflow: 'ellipsis',
+ opacity: 0
+ }, ownerState.inputFocused && {
+ opacity: 1
+ })
+}));
+const AutocompleteEndAdornment = styled('div', {
+ name: 'MuiAutocomplete',
+ slot: 'EndAdornment',
+ overridesResolver: (props, styles) => styles.endAdornment
+})({
+ // We use a position absolute to support wrapping tags.
+ position: 'absolute',
+ right: 0,
+ top: 'calc(50% - 14px)' // Center vertically
+
+});
+const AutocompleteClearIndicator = styled(IconButton, {
+ name: 'MuiAutocomplete',
+ slot: 'ClearIndicator',
+ overridesResolver: (props, styles) => styles.clearIndicator
+})({
+ marginRight: -2,
+ padding: 4,
+ visibility: 'hidden'
+});
+const AutocompletePopupIndicator = styled(IconButton, {
+ name: 'MuiAutocomplete',
+ slot: 'PopupIndicator',
+ overridesResolver: ({
+ ownerState
+ }, styles) => _extends({}, styles.popupIndicator, ownerState.popupOpen && styles.popupIndicatorOpen)
+})(({
+ ownerState
+}) => _extends({
+ padding: 2,
+ marginRight: -2
+}, ownerState.popupOpen && {
+ transform: 'rotate(180deg)'
+}));
+const AutocompletePopper = styled(Popper, {
+ name: 'MuiAutocomplete',
+ slot: 'Popper',
+ overridesResolver: (props, styles) => {
+ const {
+ ownerState
+ } = props;
+ return [{
+ [`& .${autocompleteClasses.option}`]: styles.option
+ }, styles.popper, ownerState.disablePortal && styles.popperDisablePortal];
+ }
+})(({
+ theme,
+ ownerState
+}) => _extends({
+ zIndex: theme.zIndex.modal
+}, ownerState.disablePortal && {
+ position: 'absolute'
+}));
+const AutocompletePaper = styled(Paper, {
+ name: 'MuiAutocomplete',
+ slot: 'Paper',
+ overridesResolver: (props, styles) => styles.paper
+})(({
+ theme
+}) => _extends({}, theme.typography.body1, {
+ overflow: 'auto'
+}));
+const AutocompleteLoading = styled('div', {
+ name: 'MuiAutocomplete',
+ slot: 'Loading',
+ overridesResolver: (props, styles) => styles.loading
+})(({
+ theme
+}) => ({
+ color: theme.palette.text.secondary,
+ padding: '14px 16px'
+}));
+const AutocompleteNoOptions = styled('div', {
+ name: 'MuiAutocomplete',
+ slot: 'NoOptions',
+ overridesResolver: (props, styles) => styles.noOptions
+})(({
+ theme
+}) => ({
+ color: theme.palette.text.secondary,
+ padding: '14px 16px'
+}));
+const AutocompleteListbox = styled('div', {
+ name: 'MuiAutocomplete',
+ slot: 'Listbox',
+ overridesResolver: (props, styles) => styles.listbox
+})(({
+ theme
+}) => ({
+ listStyle: 'none',
+ margin: 0,
+ padding: '8px 0',
+ maxHeight: '40vh',
+ overflow: 'auto',
+ [`& .${autocompleteClasses.option}`]: {
+ minHeight: 48,
+ display: 'flex',
+ overflow: 'hidden',
+ justifyContent: 'flex-start',
+ alignItems: 'center',
+ cursor: 'pointer',
+ paddingTop: 6,
+ boxSizing: 'border-box',
+ outline: '0',
+ WebkitTapHighlightColor: 'transparent',
+ paddingBottom: 6,
+ paddingLeft: 16,
+ paddingRight: 16,
+ [theme.breakpoints.up('sm')]: {
+ minHeight: 'auto'
+ },
+ [`&.${autocompleteClasses.focused}`]: {
+ backgroundColor: theme.palette.action.hover,
+ // Reset on touch devices, it doesn't add specificity
+ '@media (hover: none)': {
+ backgroundColor: 'transparent'
+ }
+ },
+ '&[aria-disabled="true"]': {
+ opacity: theme.palette.action.disabledOpacity,
+ pointerEvents: 'none'
+ },
+ [`&.${autocompleteClasses.focusVisible}`]: {
+ backgroundColor: theme.palette.action.focus
+ },
+ '&[aria-selected="true"]': {
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+ [`&.${autocompleteClasses.focused}`]: {
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+ // Reset on touch devices, it doesn't add specificity
+ '@media (hover: none)': {
+ backgroundColor: theme.palette.action.selected
+ }
+ },
+ [`&.${autocompleteClasses.focusVisible}`]: {
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
+ }
+ }
+ }
+}));
+const AutocompleteGroupLabel = styled(ListSubheader, {
+ name: 'MuiAutocomplete',
+ slot: 'GroupLabel',
+ overridesResolver: (props, styles) => styles.groupLabel
+})(({
+ theme
+}) => ({
+ backgroundColor: theme.palette.background.paper,
+ top: -8
+}));
+const AutocompleteGroupUl = styled('ul', {
+ name: 'MuiAutocomplete',
+ slot: 'GroupUl',
+ overridesResolver: (props, styles) => styles.groupUl
+})({
+ padding: 0,
+ [`& .${autocompleteClasses.option}`]: {
+ paddingLeft: 24
+ }
+});
+export { createFilterOptions };
+const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps, ref) {
+ var _componentsProps$clea;
+
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiAutocomplete'
+ });
+ /* eslint-disable @typescript-eslint/no-unused-vars */
+
+ const {
+ autoComplete = false,
+ autoHighlight = false,
+ autoSelect = false,
+ blurOnSelect = false,
+ ChipProps,
+ className,
+ clearIcon = _ClearIcon || (_ClearIcon = /*#__PURE__*/_jsx(ClearIcon, {
+ fontSize: "small"
+ })),
+ clearOnBlur = !props.freeSolo,
+ clearOnEscape = false,
+ clearText = 'Clear',
+ closeText = 'Close',
+ componentsProps = {},
+ defaultValue = props.multiple ? [] : null,
+ disableClearable = false,
+ disableCloseOnSelect = false,
+ disabled = false,
+ disabledItemsFocusable = false,
+ disableListWrap = false,
+ disablePortal = false,
+ filterSelectedOptions = false,
+ forcePopupIcon = 'auto',
+ freeSolo = false,
+ fullWidth = false,
+ getLimitTagsText = more => `+${more}`,
+ getOptionLabel = option => {
+ var _option$label;
+
+ return (_option$label = option.label) != null ? _option$label : option;
+ },
+ groupBy,
+ handleHomeEndKeys = !props.freeSolo,
+ includeInputInList = false,
+ limitTags = -1,
+ ListboxComponent = 'ul',
+ ListboxProps,
+ loading = false,
+ loadingText = 'Loading…',
+ multiple = false,
+ noOptionsText = 'No options',
+ openOnFocus = false,
+ openText = 'Open',
+ PaperComponent = Paper,
+ PopperComponent = Popper,
+ popupIcon = _ArrowDropDownIcon || (_ArrowDropDownIcon = /*#__PURE__*/_jsx(ArrowDropDownIcon, {})),
+ renderGroup: renderGroupProp,
+ renderInput,
+ renderOption: renderOptionProp,
+ renderTags,
+ selectOnFocus = !props.freeSolo,
+ size = 'medium'
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+ /* eslint-enable @typescript-eslint/no-unused-vars */
+
+
+ const {
+ getRootProps,
+ getInputProps,
+ getInputLabelProps,
+ getPopupIndicatorProps,
+ getClearProps,
+ getTagProps,
+ getListboxProps,
+ getOptionProps,
+ value,
+ dirty,
+ id,
+ popupOpen,
+ focused,
+ focusedTag,
+ anchorEl,
+ setAnchorEl,
+ inputValue,
+ groupedOptions
+ } = useAutocomplete(_extends({}, props, {
+ componentName: 'Autocomplete'
+ }));
+ const hasClearIcon = !disableClearable && !disabled && dirty;
+ const hasPopupIcon = (!freeSolo || forcePopupIcon === true) && forcePopupIcon !== false;
+
+ const ownerState = _extends({}, props, {
+ disablePortal,
+ focused,
+ fullWidth,
+ hasClearIcon,
+ hasPopupIcon,
+ inputFocused: focusedTag === -1,
+ popupOpen,
+ size
+ });
+
+ const classes = useUtilityClasses(ownerState);
+ let startAdornment;
+
+ if (multiple && value.length > 0) {
+ const getCustomizedTagProps = params => _extends({
+ className: clsx(classes.tag),
+ disabled
+ }, getTagProps(params));
+
+ if (renderTags) {
+ startAdornment = renderTags(value, getCustomizedTagProps);
+ } else {
+ startAdornment = value.map((option, index) => /*#__PURE__*/_jsx(Chip, _extends({
+ label: getOptionLabel(option),
+ size: size
+ }, getCustomizedTagProps({
+ index
+ }), ChipProps)));
+ }
+ }
+
+ if (limitTags > -1 && Array.isArray(startAdornment)) {
+ const more = startAdornment.length - limitTags;
+
+ if (!focused && more > 0) {
+ startAdornment = startAdornment.splice(0, limitTags);
+ startAdornment.push( /*#__PURE__*/_jsx("span", {
+ className: classes.tag,
+ children: getLimitTagsText(more)
+ }, startAdornment.length));
+ }
+ }
+
+ const defaultRenderGroup = params => /*#__PURE__*/_jsxs("li", {
+ children: [/*#__PURE__*/_jsx(AutocompleteGroupLabel, {
+ className: classes.groupLabel,
+ ownerState: ownerState,
+ component: "div",
+ children: params.group
+ }), /*#__PURE__*/_jsx(AutocompleteGroupUl, {
+ className: classes.groupUl,
+ ownerState: ownerState,
+ children: params.children
+ })]
+ }, params.key);
+
+ const renderGroup = renderGroupProp || defaultRenderGroup;
+
+ const defaultRenderOption = (props2, option) => /*#__PURE__*/_jsx("li", _extends({}, props2, {
+ children: getOptionLabel(option)
+ }));
+
+ const renderOption = renderOptionProp || defaultRenderOption;
+
+ const renderListOption = (option, index) => {
+ const optionProps = getOptionProps({
+ option,
+ index
+ });
+ return renderOption(_extends({}, optionProps, {
+ className: classes.option
+ }), option, {
+ selected: optionProps['aria-selected'],
+ inputValue
+ });
+ };
+
+ return /*#__PURE__*/_jsxs(React.Fragment, {
+ children: [/*#__PURE__*/_jsx(AutocompleteRoot, _extends({
+ ref: ref,
+ className: clsx(classes.root, className),
+ ownerState: ownerState
+ }, getRootProps(other), {
+ children: renderInput({
+ id,
+ disabled,
+ fullWidth: true,
+ size: size === 'small' ? 'small' : undefined,
+ InputLabelProps: getInputLabelProps(),
+ InputProps: {
+ ref: setAnchorEl,
+ className: classes.inputRoot,
+ startAdornment,
+ endAdornment: /*#__PURE__*/_jsxs(AutocompleteEndAdornment, {
+ className: classes.endAdornment,
+ ownerState: ownerState,
+ children: [hasClearIcon ? /*#__PURE__*/_jsx(AutocompleteClearIndicator, _extends({}, getClearProps(), {
+ "aria-label": clearText,
+ title: clearText,
+ ownerState: ownerState
+ }, componentsProps.clearIndicator, {
+ className: clsx(classes.clearIndicator, (_componentsProps$clea = componentsProps.clearIndicator) == null ? void 0 : _componentsProps$clea.className),
+ children: clearIcon
+ })) : null, hasPopupIcon ? /*#__PURE__*/_jsx(AutocompletePopupIndicator, _extends({}, getPopupIndicatorProps(), {
+ disabled: disabled,
+ "aria-label": popupOpen ? closeText : openText,
+ title: popupOpen ? closeText : openText,
+ className: clsx(classes.popupIndicator),
+ ownerState: ownerState,
+ children: popupIcon
+ })) : null]
+ })
+ },
+ inputProps: _extends({
+ className: clsx(classes.input),
+ disabled
+ }, getInputProps())
+ })
+ })), popupOpen && anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, {
+ as: PopperComponent,
+ className: clsx(classes.popper),
+ disablePortal: disablePortal,
+ style: {
+ width: anchorEl ? anchorEl.clientWidth : null
+ },
+ ownerState: ownerState,
+ role: "presentation",
+ anchorEl: anchorEl,
+ open: true,
+ children: /*#__PURE__*/_jsxs(AutocompletePaper, {
+ as: PaperComponent,
+ className: classes.paper,
+ ownerState: ownerState,
+ children: [loading && groupedOptions.length === 0 ? /*#__PURE__*/_jsx(AutocompleteLoading, {
+ className: classes.loading,
+ ownerState: ownerState,
+ children: loadingText
+ }) : null, groupedOptions.length === 0 && !freeSolo && !loading ? /*#__PURE__*/_jsx(AutocompleteNoOptions, {
+ className: classes.noOptions,
+ ownerState: ownerState,
+ role: "presentation",
+ onMouseDown: event => {
+ // Prevent input blur when interacting with the "no options" content
+ event.preventDefault();
+ },
+ children: noOptionsText
+ }) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
+ as: ListboxComponent,
+ className: classes.listbox,
+ ownerState: ownerState
+ }, getListboxProps(), ListboxProps, {
+ children: groupedOptions.map((option, index) => {
+ if (groupBy) {
+ return renderGroup({
+ key: option.key,
+ group: option.group,
+ children: option.options.map((option2, index2) => renderListOption(option2, option.index + index2))
+ });
+ }
+
+ return renderListOption(option, index);
+ })
+ })) : null]
+ })
+ }) : null]
+ });
+});
+process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * If `true`, the portion of the selected suggestion that has not been typed by the user,
+ * known as the completion string, appears inline after the input cursor in the textbox.
+ * The inline completion string is visually highlighted and has a selected state.
+ * @default false
+ */
+ autoComplete: PropTypes.bool,
+
+ /**
+ * If `true`, the first option is automatically highlighted.
+ * @default false
+ */
+ autoHighlight: PropTypes.bool,
+
+ /**
+ * If `true`, the selected option becomes the value of the input
+ * when the Autocomplete loses focus unless the user chooses
+ * a different option or changes the character string in the input.
+ * @default false
+ */
+ autoSelect: PropTypes.bool,
+
+ /**
+ * Control if the input should be blurred when an option is selected:
+ *
+ * - `false` the input is not blurred.
+ * - `true` the input is always blurred.
+ * - `touch` the input is blurred after a touch event.
+ * - `mouse` the input is blurred after a mouse event.
+ * @default false
+ */
+ blurOnSelect: PropTypes.oneOfType([PropTypes.oneOf(['mouse', 'touch']), PropTypes.bool]),
+
+ /**
+ * Props applied to the [`Chip`](/api/chip/) element.
+ */
+ ChipProps: PropTypes.object,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * The icon to display in place of the default clear icon.
+ * @default
+ */
+ clearIcon: PropTypes.node,
+
+ /**
+ * If `true`, the input's text is cleared on blur if no value is selected.
+ *
+ * Set to `true` if you want to help the user enter a new value.
+ * Set to `false` if you want to help the user resume his search.
+ * @default !props.freeSolo
+ */
+ clearOnBlur: PropTypes.bool,
+
+ /**
+ * If `true`, clear all values when the user presses escape and the popup is closed.
+ * @default false
+ */
+ clearOnEscape: PropTypes.bool,
+
+ /**
+ * Override the default text for the *clear* icon button.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Clear'
+ */
+ clearText: PropTypes.string,
+
+ /**
+ * Override the default text for the *close popup* icon button.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Close'
+ */
+ closeText: PropTypes.string,
+
+ /**
+ * The props used for each slot inside.
+ * @default {}
+ */
+ componentsProps: PropTypes.object,
+
+ /**
+ * The default value. Use when the component is not controlled.
+ * @default props.multiple ? [] : null
+ */
+ defaultValue: chainPropTypes(PropTypes.any, props => {
+ if (props.multiple && props.defaultValue !== undefined && !Array.isArray(props.defaultValue)) {
+ return new Error(['Material-UI: The Autocomplete expects the `defaultValue` prop to be an array when `multiple={true}` or undefined.', `However, ${props.defaultValue} was provided.`].join('\n'));
+ }
+
+ return null;
+ }),
+
+ /**
+ * If `true`, the input can't be cleared.
+ * @default false
+ */
+ disableClearable: PropTypes.bool,
+
+ /**
+ * If `true`, the popup won't close when a value is selected.
+ * @default false
+ */
+ disableCloseOnSelect: PropTypes.bool,
+
+ /**
+ * If `true`, the component is disabled.
+ * @default false
+ */
+ disabled: PropTypes.bool,
+
+ /**
+ * If `true`, will allow focus on disabled items.
+ * @default false
+ */
+ disabledItemsFocusable: PropTypes.bool,
+
+ /**
+ * If `true`, the list box in the popup will not wrap focus.
+ * @default false
+ */
+ disableListWrap: PropTypes.bool,
+
+ /**
+ * If `true`, the `Popper` content will be under the DOM hierarchy of the parent component.
+ * @default false
+ */
+ disablePortal: PropTypes.bool,
+
+ /**
+ * A filter function that determines the options that are eligible.
+ *
+ * @param {T[]} options The options to render.
+ * @param {object} state The state of the component.
+ * @returns {T[]}
+ */
+ filterOptions: PropTypes.func,
+
+ /**
+ * If `true`, hide the selected options from the list box.
+ * @default false
+ */
+ filterSelectedOptions: PropTypes.bool,
+
+ /**
+ * Force the visibility display of the popup icon.
+ * @default 'auto'
+ */
+ forcePopupIcon: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.bool]),
+
+ /**
+ * If `true`, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
+ * @default false
+ */
+ freeSolo: PropTypes.bool,
+
+ /**
+ * If `true`, the input will take up the full width of its container.
+ * @default false
+ */
+ fullWidth: PropTypes.bool,
+
+ /**
+ * The label to display when the tags are truncated (`limitTags`).
+ *
+ * @param {number} more The number of truncated tags.
+ * @returns {ReactNode}
+ * @default (more) => `+${more}`
+ */
+ getLimitTagsText: PropTypes.func,
+
+ /**
+ * Used to determine the disabled state for a given option.
+ *
+ * @param {T} option The option to test.
+ * @returns {boolean}
+ */
+ getOptionDisabled: PropTypes.func,
+
+ /**
+ * Used to determine the string value for a given option.
+ * It's used to fill the input (and the list box options if `renderOption` is not provided).
+ *
+ * @param {T} option
+ * @returns {string}
+ * @default (option) => option.label ?? option
+ */
+ getOptionLabel: PropTypes.func,
+
+ /**
+ * If provided, the options will be grouped under the returned string.
+ * The groupBy value is also used as the text for group headings when `renderGroup` is not provided.
+ *
+ * @param {T} options The options to group.
+ * @returns {string}
+ */
+ groupBy: PropTypes.func,
+
+ /**
+ * If `true`, the component handles the "Home" and "End" keys when the popup is open.
+ * It should move focus to the first option and last option, respectively.
+ * @default !props.freeSolo
+ */
+ handleHomeEndKeys: PropTypes.bool,
+
+ /**
+ * This prop is used to help implement the accessibility logic.
+ * If you don't provide an id it will fall back to a randomly generated one.
+ */
+ id: PropTypes.string,
+
+ /**
+ * If `true`, the highlight can move to the input.
+ * @default false
+ */
+ includeInputInList: PropTypes.bool,
+
+ /**
+ * The input value.
+ */
+ inputValue: PropTypes.string,
+
+ /**
+ * Used to determine if the option represents the given value.
+ * Uses strict equality by default.
+ * ⚠️ Both arguments need to be handled, an option can only match with one value.
+ *
+ * @param {T} option The option to test.
+ * @param {T} value The value to test against.
+ * @returns {boolean}
+ */
+ isOptionEqualToValue: PropTypes.func,
+
+ /**
+ * The maximum number of tags that will be visible when not focused.
+ * Set `-1` to disable the limit.
+ * @default -1
+ */
+ limitTags: integerPropType,
+
+ /**
+ * The component used to render the listbox.
+ * @default 'ul'
+ */
+ ListboxComponent: PropTypes.elementType,
+
+ /**
+ * Props applied to the Listbox element.
+ */
+ ListboxProps: PropTypes.object,
+
+ /**
+ * If `true`, the component is in a loading state.
+ * This shows the `loadingText` in place of suggestions (only if there are no suggestions to show, e.g. `options` are empty).
+ * @default false
+ */
+ loading: PropTypes.bool,
+
+ /**
+ * Text to display when in a loading state.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Loading…'
+ */
+ loadingText: PropTypes.node,
+
+ /**
+ * If `true`, `value` must be an array and the menu will support multiple selections.
+ * @default false
+ */
+ multiple: PropTypes.bool,
+
+ /**
+ * Text to display when there are no options.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'No options'
+ */
+ noOptionsText: PropTypes.node,
+
+ /**
+ * Callback fired when the value changes.
+ *
+ * @param {React.SyntheticEvent} event The event source of the callback.
+ * @param {T|T[]} value The new value of the component.
+ * @param {string} reason One of "createOption", "selectOption", "removeOption", "blur" or "clear".
+ * @param {string} [details]
+ */
+ onChange: PropTypes.func,
+
+ /**
+ * Callback fired when the popup requests to be closed.
+ * Use in controlled mode (see open).
+ *
+ * @param {React.SyntheticEvent} event The event source of the callback.
+ * @param {string} reason Can be: `"toggleInput"`, `"escape"`, `"selectOption"`, `"removeOption"`, `"blur"`.
+ */
+ onClose: PropTypes.func,
+
+ /**
+ * Callback fired when the highlight option changes.
+ *
+ * @param {React.SyntheticEvent} event The event source of the callback.
+ * @param {T} option The highlighted option.
+ * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`.
+ */
+ onHighlightChange: PropTypes.func,
+
+ /**
+ * Callback fired when the input value changes.
+ *
+ * @param {React.SyntheticEvent} event The event source of the callback.
+ * @param {string} value The new value of the text input.
+ * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`.
+ */
+ onInputChange: PropTypes.func,
+
+ /**
+ * Callback fired when the popup requests to be opened.
+ * Use in controlled mode (see open).
+ *
+ * @param {React.SyntheticEvent} event The event source of the callback.
+ */
+ onOpen: PropTypes.func,
+
+ /**
+ * If `true`, the component is shown.
+ */
+ open: PropTypes.bool,
+
+ /**
+ * If `true`, the popup will open on input focus.
+ * @default false
+ */
+ openOnFocus: PropTypes.bool,
+
+ /**
+ * Override the default text for the *open popup* icon button.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Open'
+ */
+ openText: PropTypes.string,
+
+ /**
+ * Array of options.
+ */
+ options: PropTypes.array.isRequired,
+
+ /**
+ * The component used to render the body of the popup.
+ * @default Paper
+ */
+ PaperComponent: PropTypes.elementType,
+
+ /**
+ * The component used to position the popup.
+ * @default Popper
+ */
+ PopperComponent: PropTypes.elementType,
+
+ /**
+ * The icon to display in place of the default popup icon.
+ * @default
+ */
+ popupIcon: PropTypes.node,
+
+ /**
+ * Render the group.
+ *
+ * @param {any} option The group to render.
+ * @returns {ReactNode}
+ */
+ renderGroup: PropTypes.func,
+
+ /**
+ * Render the input.
+ *
+ * @param {object} params
+ * @returns {ReactNode}
+ */
+ renderInput: PropTypes.func.isRequired,
+
+ /**
+ * Render the option, use `getOptionLabel` by default.
+ *
+ * @param {object} props The props to apply on the li element.
+ * @param {T} option The option to render.
+ * @param {object} state The state of the component.
+ * @returns {ReactNode}
+ */
+ renderOption: PropTypes.func,
+
+ /**
+ * Render the selected value.
+ *
+ * @param {T[]} value The `value` provided to the component.
+ * @param {function} getTagProps A tag props getter.
+ * @returns {ReactNode}
+ */
+ renderTags: PropTypes.func,
+
+ /**
+ * If `true`, the input's text is selected on focus.
+ * It helps the user clear the selected value.
+ * @default !props.freeSolo
+ */
+ selectOnFocus: PropTypes.bool,
+
+ /**
+ * The size of the component.
+ * @default 'medium'
+ */
+ size: PropTypes
+ /* @typescript-to-proptypes-ignore */
+ .oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object,
+
+ /**
+ * The value of the autocomplete.
+ *
+ * The value must have reference equality with the option in order to be selected.
+ * You can customize the equality behavior with the `isOptionEqualToValue` prop.
+ */
+ value: chainPropTypes(PropTypes.any, props => {
+ if (props.multiple && props.value !== undefined && !Array.isArray(props.value)) {
+ return new Error(['Material-UI: The Autocomplete expects the `value` prop to be an array or undefined.', `However, ${props.value} was provided.`].join('\n'));
+ }
+
+ return null;
+ })
+} : void 0;
+export default Autocomplete;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Autocomplete/autocompleteClasses.d.ts b/react/node_modules/@material-ui/core/Autocomplete/autocompleteClasses.d.ts
new file mode 100644
index 0000000..6d7e6cc
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Autocomplete/autocompleteClasses.d.ts
@@ -0,0 +1,54 @@
+export interface AutocompleteClasses {
+ /** Styles applied to the root element. */
+ root: string;
+ /** Styles applied to the root element if `fullWidth={true}`. */
+ fullWidth: string;
+ /** State class applied to the root element if focused. */
+ focused: string;
+ /** Styles applied to the tag elements, e.g. the chips. */
+ tag: string;
+ /** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
+ tagSizeSmall: string;
+ /** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
+ tagSizeMedium: string;
+ /** Styles applied when the popup icon is rendered. */
+ hasPopupIcon: string;
+ /** Styles applied when the clear icon is rendered. */
+ hasClearIcon: string;
+ /** Styles applied to the Input element. */
+ inputRoot: string;
+ /** Styles applied to the input element. */
+ input: string;
+ /** Styles applied to the input element if tag focused. */
+ inputFocused: string;
+ /** Styles applied to the endAdornment element. */
+ endAdornment: string;
+ /** Styles applied to the clear indicator. */
+ clearIndicator: string;
+ /** Styles applied to the popup indicator. */
+ popupIndicator: string;
+ /** Styles applied to the popup indicator if the popup is open. */
+ popupIndicatorOpen: string;
+ /** Styles applied to the popper element. */
+ popper: string;
+ /** Styles applied to the popper element if `disablePortal={true}`. */
+ popperDisablePortal: string;
+ /** Styles applied to the Paper component. */
+ paper: string;
+ /** Styles applied to the listbox component. */
+ listbox: string;
+ /** Styles applied to the loading wrapper. */
+ loading: string;
+ /** Styles applied to the no option wrapper. */
+ noOptions: string;
+ /** Styles applied to the option elements. */
+ option: string;
+ /** Styles applied to the group's label elements. */
+ groupLabel: string;
+ /** Styles applied to the group's ul elements. */
+ groupUl: string;
+}
+export declare type AutocompleteClassKey = keyof AutocompleteClasses;
+export declare function getAutocompleteUtilityClass(slot: string): string;
+declare const autocompleteClasses: AutocompleteClasses;
+export default autocompleteClasses;
diff --git a/react/node_modules/@material-ui/core/Autocomplete/autocompleteClasses.js b/react/node_modules/@material-ui/core/Autocomplete/autocompleteClasses.js
new file mode 100644
index 0000000..d775789
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Autocomplete/autocompleteClasses.js
@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@material-ui/unstyled';
+export function getAutocompleteUtilityClass(slot) {
+ return generateUtilityClass('MuiAutocomplete', slot);
+}
+const autocompleteClasses = generateUtilityClasses('MuiAutocomplete', ['root', 'fullWidth', 'focused', 'focusVisible', 'tag', 'tagSizeSmall', 'tagSizeMedium', 'hasPopupIcon', 'hasClearIcon', 'inputRoot', 'input', 'inputFocused', 'endAdornment', 'clearIndicator', 'popupIndicator', 'popupIndicatorOpen', 'popper', 'popperDisablePortal', 'paper', 'listbox', 'loading', 'noOptions', 'option', 'groupLabel', 'groupUl']);
+export default autocompleteClasses;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Autocomplete/index.d.ts b/react/node_modules/@material-ui/core/Autocomplete/index.d.ts
new file mode 100644
index 0000000..52e21ed
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Autocomplete/index.d.ts
@@ -0,0 +1,5 @@
+export { default } from './Autocomplete';
+export * from './Autocomplete';
+
+export { default as autocompleteClasses } from './autocompleteClasses';
+export * from './autocompleteClasses';
diff --git a/react/node_modules/@material-ui/core/Autocomplete/index.js b/react/node_modules/@material-ui/core/Autocomplete/index.js
new file mode 100644
index 0000000..f7f5eeb
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Autocomplete/index.js
@@ -0,0 +1,3 @@
+export { default, createFilterOptions } from './Autocomplete';
+export { default as autocompleteClasses } from './autocompleteClasses';
+export * from './autocompleteClasses';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Autocomplete/package.json b/react/node_modules/@material-ui/core/Autocomplete/package.json
new file mode 100644
index 0000000..6bab4cd
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Autocomplete/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/Autocomplete/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Avatar/Avatar.d.ts b/react/node_modules/@material-ui/core/Avatar/Avatar.d.ts
new file mode 100644
index 0000000..223c8da
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Avatar/Avatar.d.ts
@@ -0,0 +1,77 @@
+import * as React from 'react';
+import { SxProps } from '@material-ui/system';
+import { Theme } from '@material-ui/core/styles';
+import { OverridableStringUnion } from '@material-ui/types';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { AvatarClasses } from './avatarClasses';
+
+export interface AvatarPropsVariantOverrides {}
+
+export interface AvatarTypeMap {
+ props: P & {
+ /**
+ * Used in combination with `src` or `srcSet` to
+ * provide an alt attribute for the rendered `img` element.
+ */
+ alt?: string;
+ /**
+ * Used to render icon or text elements inside the Avatar if `src` is not set.
+ * This can be an element, or just a string.
+ */
+ children?: React.ReactNode;
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: Partial;
+ /**
+ * Attributes applied to the `img` element if the component is used to display an image.
+ * It can be used to listen for the loading error event.
+ */
+ imgProps?: React.ImgHTMLAttributes;
+ /**
+ * The `sizes` attribute for the `img` element.
+ */
+ sizes?: string;
+ /**
+ * The `src` attribute for the `img` element.
+ */
+ src?: string;
+ /**
+ * The `srcSet` attribute for the `img` element.
+ * Use this attribute for responsive image display.
+ */
+ srcSet?: string;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ /**
+ * The shape of the avatar.
+ * @default 'circular'
+ */
+ variant?: OverridableStringUnion<
+ 'circular' | 'rounded' | 'square',
+ AvatarPropsVariantOverrides
+ >;
+ };
+ defaultComponent: D;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Avatars](https://material-ui.com/components/avatars/)
+ *
+ * API:
+ *
+ * - [Avatar API](https://material-ui.com/api/avatar/)
+ */
+declare const Avatar: OverridableComponent;
+
+export type AvatarProps<
+ D extends React.ElementType = AvatarTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+export default Avatar;
diff --git a/react/node_modules/@material-ui/core/Avatar/Avatar.js b/react/node_modules/@material-ui/core/Avatar/Avatar.js
new file mode 100644
index 0000000..45fc0ea
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Avatar/Avatar.js
@@ -0,0 +1,268 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@material-ui/unstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import Person from '../internal/svg-icons/Person';
+import { getAvatarUtilityClass } from './avatarClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+ const {
+ classes,
+ variant,
+ colorDefault
+ } = ownerState;
+ const slots = {
+ root: ['root', variant, colorDefault && 'colorDefault'],
+ img: ['img'],
+ fallback: ['fallback']
+ };
+ return composeClasses(slots, getAvatarUtilityClass, classes);
+};
+
+const AvatarRoot = styled('div', {
+ name: 'MuiAvatar',
+ slot: 'Root',
+ overridesResolver: (props, styles) => {
+ const {
+ ownerState
+ } = props;
+ return [styles.root, styles[ownerState.variant], ownerState.colorDefault && styles.colorDefault];
+ }
+})(({
+ theme,
+ ownerState
+}) => _extends({
+ position: 'relative',
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ flexShrink: 0,
+ width: 40,
+ height: 40,
+ fontFamily: theme.typography.fontFamily,
+ fontSize: theme.typography.pxToRem(20),
+ lineHeight: 1,
+ borderRadius: '50%',
+ overflow: 'hidden',
+ userSelect: 'none'
+}, ownerState.variant === 'rounded' && {
+ borderRadius: theme.shape.borderRadius
+}, ownerState.variant === 'square' && {
+ borderRadius: 0
+}, ownerState.colorDefault && {
+ color: theme.palette.background.default,
+ backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]
+}));
+const AvatarImg = styled('img', {
+ name: 'MuiAvatar',
+ slot: 'Img',
+ overridesResolver: (props, styles) => styles.img
+})({
+ width: '100%',
+ height: '100%',
+ textAlign: 'center',
+ // Handle non-square image. The property isn't supported by IE11.
+ objectFit: 'cover',
+ // Hide alt text.
+ color: 'transparent',
+ // Hide the image broken icon, only works on Chrome.
+ textIndent: 10000
+});
+const AvatarFallback = styled(Person, {
+ name: 'MuiAvatar',
+ slot: 'Fallback',
+ overridesResolver: (props, styles) => styles.fallback
+})({
+ width: '75%',
+ height: '75%'
+});
+
+function useLoaded({
+ crossOrigin,
+ referrerPolicy,
+ src,
+ srcSet
+}) {
+ const [loaded, setLoaded] = React.useState(false);
+ React.useEffect(() => {
+ if (!src && !srcSet) {
+ return undefined;
+ }
+
+ setLoaded(false);
+ let active = true;
+ const image = new Image();
+
+ image.onload = () => {
+ if (!active) {
+ return;
+ }
+
+ setLoaded('loaded');
+ };
+
+ image.onerror = () => {
+ if (!active) {
+ return;
+ }
+
+ setLoaded('error');
+ };
+
+ image.crossOrigin = crossOrigin;
+ image.referrerPolicy = referrerPolicy;
+ image.src = src;
+
+ if (srcSet) {
+ image.srcset = srcSet;
+ }
+
+ return () => {
+ active = false;
+ };
+ }, [crossOrigin, referrerPolicy, src, srcSet]);
+ return loaded;
+}
+
+const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiAvatar'
+ });
+
+ const {
+ alt,
+ children: childrenProp,
+ className,
+ component = 'div',
+ imgProps,
+ sizes,
+ src,
+ srcSet,
+ variant = 'circular'
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ let children = null; // Use a hook instead of onError on the img element to support server-side rendering.
+
+ const loaded = useLoaded(_extends({}, imgProps, {
+ src,
+ srcSet
+ }));
+ const hasImg = src || srcSet;
+ const hasImgNotFailing = hasImg && loaded !== 'error';
+
+ const ownerState = _extends({}, props, {
+ colorDefault: !hasImgNotFailing,
+ component,
+ variant
+ });
+
+ const classes = useUtilityClasses(ownerState);
+
+ if (hasImgNotFailing) {
+ children = /*#__PURE__*/_jsx(AvatarImg, _extends({
+ alt: alt,
+ src: src,
+ srcSet: srcSet,
+ sizes: sizes,
+ ownerState: ownerState,
+ className: classes.img
+ }, imgProps));
+ } else if (childrenProp != null) {
+ children = childrenProp;
+ } else if (hasImg && alt) {
+ children = alt[0];
+ } else {
+ children = /*#__PURE__*/_jsx(AvatarFallback, {
+ className: classes.fallback
+ });
+ }
+
+ return /*#__PURE__*/_jsx(AvatarRoot, _extends({
+ as: component,
+ ownerState: ownerState,
+ className: clsx(classes.root, className),
+ ref: ref
+ }, other, {
+ children: children
+ }));
+});
+process.env.NODE_ENV !== "production" ? Avatar.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * Used in combination with `src` or `srcSet` to
+ * provide an alt attribute for the rendered `img` element.
+ */
+ alt: PropTypes.string,
+
+ /**
+ * Used to render icon or text elements inside the Avatar if `src` is not set.
+ * This can be an element, or just a string.
+ */
+ children: PropTypes.node,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * The component used for the root node.
+ * Either a string to use a HTML element or a component.
+ */
+ component: PropTypes.elementType,
+
+ /**
+ * Attributes applied to the `img` element if the component is used to display an image.
+ * It can be used to listen for the loading error event.
+ */
+ imgProps: PropTypes.object,
+
+ /**
+ * The `sizes` attribute for the `img` element.
+ */
+ sizes: PropTypes.string,
+
+ /**
+ * The `src` attribute for the `img` element.
+ */
+ src: PropTypes.string,
+
+ /**
+ * The `srcSet` attribute for the `img` element.
+ * Use this attribute for responsive image display.
+ */
+ srcSet: PropTypes.string,
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object,
+
+ /**
+ * The shape of the avatar.
+ * @default 'circular'
+ */
+ variant: PropTypes
+ /* @typescript-to-proptypes-ignore */
+ .oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
+} : void 0;
+export default Avatar;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Avatar/avatarClasses.d.ts b/react/node_modules/@material-ui/core/Avatar/avatarClasses.d.ts
new file mode 100644
index 0000000..71d0705
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Avatar/avatarClasses.d.ts
@@ -0,0 +1,20 @@
+export interface AvatarClasses {
+ /** Styles applied to the root element. */
+ root: string;
+ /** Styles applied to the root element if not `src` or `srcSet`. */
+ colorDefault: string;
+ /** Styles applied to the root element if `variant="circular"`. */
+ circular: string;
+ /** Styles applied to the root element if `variant="rounded"`. */
+ rounded: string;
+ /** Styles applied to the root element if `variant="square"`. */
+ square: string;
+ /** Styles applied to the img element if either `src` or `srcSet` is defined. */
+ img: string;
+ /** Styles applied to the fallback icon */
+ fallback: string;
+}
+export declare type AvatarClassKey = keyof AvatarClasses;
+export declare function getAvatarUtilityClass(slot: string): string;
+declare const avatarClasses: AvatarClasses;
+export default avatarClasses;
diff --git a/react/node_modules/@material-ui/core/Avatar/avatarClasses.js b/react/node_modules/@material-ui/core/Avatar/avatarClasses.js
new file mode 100644
index 0000000..43c8552
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Avatar/avatarClasses.js
@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@material-ui/unstyled';
+export function getAvatarUtilityClass(slot) {
+ return generateUtilityClass('MuiAvatar', slot);
+}
+const avatarClasses = generateUtilityClasses('MuiAvatar', ['root', 'colorDefault', 'circular', 'rounded', 'square', 'img', 'fallback']);
+export default avatarClasses;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Avatar/index.d.ts b/react/node_modules/@material-ui/core/Avatar/index.d.ts
new file mode 100644
index 0000000..3eaad9c
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Avatar/index.d.ts
@@ -0,0 +1,5 @@
+export { default } from './Avatar';
+export * from './Avatar';
+
+export { default as avatarClasses } from './avatarClasses';
+export * from './avatarClasses';
diff --git a/react/node_modules/@material-ui/core/Avatar/index.js b/react/node_modules/@material-ui/core/Avatar/index.js
new file mode 100644
index 0000000..f2ccb62
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Avatar/index.js
@@ -0,0 +1,3 @@
+export { default } from './Avatar';
+export { default as avatarClasses } from './avatarClasses';
+export * from './avatarClasses';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Avatar/package.json b/react/node_modules/@material-ui/core/Avatar/package.json
new file mode 100644
index 0000000..6a74f1b
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Avatar/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/Avatar/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AvatarGroup/AvatarGroup.d.ts b/react/node_modules/@material-ui/core/AvatarGroup/AvatarGroup.d.ts
new file mode 100644
index 0000000..fec2324
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AvatarGroup/AvatarGroup.d.ts
@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { InternalStandardProps as StandardProps, Theme } from '@material-ui/core';
+import { OverridableStringUnion } from '@material-ui/types';
+import { SxProps } from '@material-ui/system';
+import { AvatarGroupClasses } from './avatarGroupClasses';
+
+export interface AvatarGroupPropsVariantOverrides {}
+
+export interface AvatarGroupProps extends StandardProps> {
+ /**
+ * The avatars to stack.
+ */
+ children?: React.ReactNode;
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: Partial;
+ /**
+ * Max avatars to show before +x.
+ * @default 5
+ */
+ max?: number;
+ /**
+ * Spacing between avatars.
+ * @default 'medium'
+ */
+ spacing?: 'small' | 'medium' | number;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ /**
+ * The variant to use.
+ * @default 'circular'
+ */
+ variant?: OverridableStringUnion<
+ 'circular' | 'rounded' | 'square',
+ AvatarGroupPropsVariantOverrides
+ >;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Avatars](https://material-ui.com/components/avatars/)
+ *
+ * API:
+ *
+ * - [AvatarGroup API](https://material-ui.com/api/avatar-group/)
+ */
+export default function AvatarGroup(props: AvatarGroupProps): JSX.Element;
diff --git a/react/node_modules/@material-ui/core/AvatarGroup/AvatarGroup.js b/react/node_modules/@material-ui/core/AvatarGroup/AvatarGroup.js
new file mode 100644
index 0000000..8c1285a
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AvatarGroup/AvatarGroup.js
@@ -0,0 +1,178 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "max", "spacing", "variant"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { isFragment } from 'react-is';
+import clsx from 'clsx';
+import { chainPropTypes } from '@material-ui/utils';
+import { unstable_composeClasses as composeClasses } from '@material-ui/unstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import Avatar from '../Avatar';
+import avatarGroupClasses, { getAvatarGroupUtilityClass } from './avatarGroupClasses';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const SPACINGS = {
+ small: -16,
+ medium: null
+};
+
+const useUtilityClasses = ownerState => {
+ const {
+ classes
+ } = ownerState;
+ const slots = {
+ root: ['root'],
+ avatar: ['avatar']
+ };
+ return composeClasses(slots, getAvatarGroupUtilityClass, classes);
+};
+
+const AvatarGroupRoot = styled('div', {
+ name: 'MuiAvatarGroup',
+ slot: 'Root',
+ overridesResolver: (props, styles) => _extends({
+ [`& .${avatarGroupClasses.avatar}`]: styles.avatar
+ }, styles.root)
+})(({
+ theme
+}) => ({
+ [`& .MuiAvatar-root`]: {
+ border: `2px solid ${theme.palette.background.default}`,
+ boxSizing: 'content-box',
+ marginLeft: -8,
+ '&:last-child': {
+ marginLeft: 0
+ }
+ },
+ display: 'flex',
+ flexDirection: 'row-reverse'
+}));
+const AvatarGroupAvatar = styled(Avatar, {
+ name: 'MuiAvatarGroup',
+ slot: 'Avatar',
+ overridesResolver: (props, styles) => styles.avatar
+})(({
+ theme
+}) => ({
+ border: `2px solid ${theme.palette.background.default}`,
+ boxSizing: 'content-box',
+ marginLeft: -8,
+ '&:last-child': {
+ marginLeft: 0
+ }
+}));
+const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, ref) {
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiAvatarGroup'
+ });
+
+ const {
+ children: childrenProp,
+ className,
+ max = 5,
+ spacing = 'medium',
+ variant = 'circular'
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const clampedMax = max < 2 ? 2 : max;
+
+ const ownerState = _extends({}, props, {
+ max,
+ spacing,
+ variant
+ });
+
+ const classes = useUtilityClasses(ownerState);
+ const children = React.Children.toArray(childrenProp).filter(child => {
+ if (process.env.NODE_ENV !== 'production') {
+ if (isFragment(child)) {
+ console.error(["Material-UI: The AvatarGroup component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
+ }
+ }
+
+ return /*#__PURE__*/React.isValidElement(child);
+ });
+ const extraAvatars = children.length > clampedMax ? children.length - clampedMax + 1 : 0;
+ const marginLeft = spacing && SPACINGS[spacing] !== undefined ? SPACINGS[spacing] : -spacing;
+ return /*#__PURE__*/_jsxs(AvatarGroupRoot, _extends({
+ ownerState: ownerState,
+ className: clsx(classes.root, className),
+ ref: ref
+ }, other, {
+ children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, {
+ ownerState: ownerState,
+ className: classes.avatar,
+ style: {
+ marginLeft
+ },
+ variant: variant,
+ children: ["+", extraAvatars]
+ }) : null, children.slice(0, children.length - extraAvatars).reverse().map(child => {
+ return /*#__PURE__*/React.cloneElement(child, {
+ className: clsx(child.props.className, classes.avatar),
+ style: _extends({
+ marginLeft
+ }, child.props.style),
+ variant: child.props.variant || variant
+ });
+ })]
+ }));
+});
+process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * The avatars to stack.
+ */
+ children: PropTypes.node,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * Max avatars to show before +x.
+ * @default 5
+ */
+ max: chainPropTypes(PropTypes.number, props => {
+ if (props.max < 2) {
+ return new Error(['Material-UI: The prop `max` should be equal to 2 or above.', 'A value below is clamped to 2.'].join('\n'));
+ }
+
+ return null;
+ }),
+
+ /**
+ * Spacing between avatars.
+ * @default 'medium'
+ */
+ spacing: PropTypes.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.number]),
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object,
+
+ /**
+ * The variant to use.
+ * @default 'circular'
+ */
+ variant: PropTypes
+ /* @typescript-to-proptypes-ignore */
+ .oneOfType([PropTypes.oneOf(['circular', 'rounded', 'square']), PropTypes.string])
+} : void 0;
+export default AvatarGroup;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AvatarGroup/avatarGroupClasses.d.ts b/react/node_modules/@material-ui/core/AvatarGroup/avatarGroupClasses.d.ts
new file mode 100644
index 0000000..4a90a16
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AvatarGroup/avatarGroupClasses.d.ts
@@ -0,0 +1,10 @@
+export interface AvatarGroupClasses {
+ /** Styles applied to the root element. */
+ root: string;
+ /** Styles applied to the avatar elements. */
+ avatar: string;
+}
+export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
+export declare function getAvatarGroupUtilityClass(slot: string): string;
+declare const avatarGroupClasses: AvatarGroupClasses;
+export default avatarGroupClasses;
diff --git a/react/node_modules/@material-ui/core/AvatarGroup/avatarGroupClasses.js b/react/node_modules/@material-ui/core/AvatarGroup/avatarGroupClasses.js
new file mode 100644
index 0000000..2e24789
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AvatarGroup/avatarGroupClasses.js
@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@material-ui/unstyled';
+export function getAvatarGroupUtilityClass(slot) {
+ return generateUtilityClass('MuiAvatarGroup', slot);
+}
+const avatarGroupClasses = generateUtilityClasses('MuiAvatarGroup', ['root', 'avatar']);
+export default avatarGroupClasses;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AvatarGroup/index.d.ts b/react/node_modules/@material-ui/core/AvatarGroup/index.d.ts
new file mode 100644
index 0000000..1e0859d
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AvatarGroup/index.d.ts
@@ -0,0 +1,4 @@
+export { default } from './AvatarGroup';
+export * from './AvatarGroup';
+export { default as avatarGroupClasses } from './avatarGroupClasses';
+export * from './avatarGroupClasses';
diff --git a/react/node_modules/@material-ui/core/AvatarGroup/index.js b/react/node_modules/@material-ui/core/AvatarGroup/index.js
new file mode 100644
index 0000000..4b1648b
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AvatarGroup/index.js
@@ -0,0 +1,3 @@
+export { default } from './AvatarGroup';
+export { default as avatarGroupClasses } from './avatarGroupClasses';
+export * from './avatarGroupClasses';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/AvatarGroup/package.json b/react/node_modules/@material-ui/core/AvatarGroup/package.json
new file mode 100644
index 0000000..abb0d51
--- /dev/null
+++ b/react/node_modules/@material-ui/core/AvatarGroup/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/AvatarGroup/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Backdrop/Backdrop.d.ts b/react/node_modules/@material-ui/core/Backdrop/Backdrop.d.ts
new file mode 100644
index 0000000..59c3042
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Backdrop/Backdrop.d.ts
@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { SxProps } from '@material-ui/system';
+import {
+ ExtendBackdropUnstyledTypeMap,
+ BackdropUnstyledTypeMap,
+} from '@material-ui/unstyled/BackdropUnstyled';
+import { FadeProps } from '../Fade';
+import { TransitionProps } from '../transitions/transition';
+import { Theme } from '../styles';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+
+export type BackdropTypeMap<
+ D extends React.ElementType = 'span',
+ P = {},
+> = ExtendBackdropUnstyledTypeMap<{
+ props: P &
+ Partial> & {
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: BackdropUnstyledTypeMap['props']['classes'];
+ /**
+ * If `true`, the component is shown.
+ */
+ open: boolean;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ /**
+ * The duration for the transition, in milliseconds.
+ * You may specify a single timeout for all transitions, or individually with an object.
+ */
+ transitionDuration?: TransitionProps['timeout'];
+ };
+ defaultComponent: D;
+}>;
+
+type BackdropRootProps = NonNullable['root'];
+
+export const BackdropRoot: React.FC;
+
+export type BackdropClassKey = keyof NonNullable;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Backdrop](https://material-ui.com/components/backdrop/)
+ *
+ * API:
+ *
+ * - [Backdrop API](https://material-ui.com/api/backdrop/)
+ * - inherits [Fade API](https://material-ui.com/api/fade/)
+ */
+
+declare const Backdrop: OverridableComponent;
+
+export type BackdropClasses = Record;
+
+export const backdropClasses: BackdropClasses;
+
+export type BackdropProps<
+ D extends React.ElementType = BackdropTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+export default Backdrop;
diff --git a/react/node_modules/@material-ui/core/Backdrop/Backdrop.js b/react/node_modules/@material-ui/core/Backdrop/Backdrop.js
new file mode 100644
index 0000000..b236485
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Backdrop/Backdrop.js
@@ -0,0 +1,158 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "components", "componentsProps", "className", "invisible", "open", "transitionDuration", "TransitionComponent"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { isHostComponent } from '@material-ui/unstyled';
+import BackdropUnstyled, { backdropUnstyledClasses } from '@material-ui/unstyled/BackdropUnstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import Fade from '../Fade';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const backdropClasses = backdropUnstyledClasses;
+
+const extendUtilityClasses = ownerState => {
+ const {
+ classes
+ } = ownerState;
+ return classes;
+};
+
+const BackdropRoot = styled('div', {
+ name: 'MuiBackdrop',
+ slot: 'Root',
+ overridesResolver: (props, styles) => {
+ const {
+ ownerState
+ } = props;
+ return [styles.root, ownerState.invisible && styles.invisible];
+ }
+})(({
+ ownerState
+}) => _extends({
+ position: 'fixed',
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ right: 0,
+ bottom: 0,
+ top: 0,
+ left: 0,
+ backgroundColor: 'rgba(0, 0, 0, 0.5)',
+ WebkitTapHighlightColor: 'transparent'
+}, ownerState.invisible && {
+ backgroundColor: 'transparent'
+}));
+const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
+ var _componentsProps$root;
+
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiBackdrop'
+ });
+
+ const {
+ children,
+ components = {},
+ componentsProps = {},
+ className,
+ invisible = false,
+ open,
+ transitionDuration,
+ // eslint-disable-next-line react/prop-types
+ TransitionComponent = Fade
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const ownerState = _extends({}, props, {
+ invisible
+ });
+
+ const classes = extendUtilityClasses(ownerState);
+ return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+ in: open,
+ timeout: transitionDuration
+ }, other, {
+ children: /*#__PURE__*/_jsx(BackdropUnstyled, {
+ className: className,
+ invisible: invisible,
+ components: _extends({
+ Root: BackdropRoot
+ }, components),
+ componentsProps: {
+ root: _extends({}, componentsProps.root, (!components.Root || !isHostComponent(components.Root)) && {
+ ownerState: _extends({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState)
+ })
+ },
+ classes: classes,
+ ref: ref,
+ children: children
+ })
+ }));
+});
+process.env.NODE_ENV !== "production" ? Backdrop.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * The content of the component.
+ */
+ children: PropTypes.node,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * The components used for each slot inside the Backdrop.
+ * Either a string to use a HTML element or a component.
+ * @default {}
+ */
+ components: PropTypes.shape({
+ Root: PropTypes.elementType
+ }),
+
+ /**
+ * The props used for each slot inside the Backdrop.
+ * @default {}
+ */
+ componentsProps: PropTypes.object,
+
+ /**
+ * If `true`, the backdrop is invisible.
+ * It can be used when rendering a popover or a custom select component.
+ * @default false
+ */
+ invisible: PropTypes.bool,
+
+ /**
+ * If `true`, the component is shown.
+ */
+ open: PropTypes.bool.isRequired,
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object,
+
+ /**
+ * The duration for the transition, in milliseconds.
+ * You may specify a single timeout for all transitions, or individually with an object.
+ */
+ transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+ appear: PropTypes.number,
+ enter: PropTypes.number,
+ exit: PropTypes.number
+ })])
+} : void 0;
+export default Backdrop;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Backdrop/index.d.ts b/react/node_modules/@material-ui/core/Backdrop/index.d.ts
new file mode 100644
index 0000000..bb384d5
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Backdrop/index.d.ts
@@ -0,0 +1,2 @@
+export { default } from './Backdrop';
+export * from './Backdrop';
diff --git a/react/node_modules/@material-ui/core/Backdrop/index.js b/react/node_modules/@material-ui/core/Backdrop/index.js
new file mode 100644
index 0000000..dc4d0ea
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Backdrop/index.js
@@ -0,0 +1,2 @@
+export { default } from './Backdrop';
+export * from './Backdrop';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Backdrop/package.json b/react/node_modules/@material-ui/core/Backdrop/package.json
new file mode 100644
index 0000000..dcdbc74
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Backdrop/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/Backdrop/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Badge/Badge.d.ts b/react/node_modules/@material-ui/core/Badge/Badge.d.ts
new file mode 100644
index 0000000..c0a6f21
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Badge/Badge.d.ts
@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { SxProps } from '@material-ui/system';
+import { OverridableStringUnion } from '@material-ui/types';
+import {
+ ExtendBadgeUnstyledTypeMap,
+ BadgeUnstyledTypeMap,
+} from '@material-ui/unstyled/BadgeUnstyled';
+import { Theme } from '../styles';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+
+export interface BadgePropsVariantOverrides {}
+
+export interface BadgePropsColorOverrides {}
+
+export type BadgeTypeMap<
+ D extends React.ElementType = 'span',
+ P = {},
+> = ExtendBadgeUnstyledTypeMap<{
+ props: P & {
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: BadgeUnstyledTypeMap['props']['classes'] & {
+ /** Styles applied to the badge `span` element if `color="primary"`. */
+ colorPrimary?: string;
+ /** Styles applied to the badge `span` element if `color="secondary"`. */
+ colorSecondary?: string;
+ /** Styles applied to the badge `span` element if `color="error"`. */
+ colorError?: string;
+ /** Styles applied to the badge `span` element if `color="info"`. */
+ colorInfo?: string;
+ /** Styles applied to the badge `span` element if `color="success"`. */
+ colorSuccess?: string;
+ /** Styles applied to the badge `span` element if `color="warning"`. */
+ colorWarning?: string;
+ };
+ /**
+ * The color of the component. It supports those theme colors that make sense for this component.
+ * @default 'default'
+ */
+ color?: OverridableStringUnion<
+ 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
+ BadgePropsColorOverrides
+ >;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ /**
+ * The variant to use.
+ * @default 'standard'
+ */
+ variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
+ };
+ defaultComponent: D;
+}>;
+
+type BadgeRootProps = NonNullable['root'];
+type BadgeBadgeProps = NonNullable['badge'];
+
+export const BadgeRoot: React.FC;
+export const BadgeMark: React.FC;
+
+export type BadgeClassKey = keyof NonNullable;
+/**
+ *
+ * Demos:
+ *
+ * - [Avatars](https://material-ui.com/components/avatars/)
+ * - [Badges](https://material-ui.com/components/badges/)
+ *
+ * API:
+ *
+ * - [Badge API](https://material-ui.com/api/badge/)
+ * - inherits [BadgeUnstyled API](https://material-ui.com/api/badge-unstyled/)
+ */
+declare const Badge: OverridableComponent;
+
+export type BadgeClasses = Record;
+
+export const badgeClasses: BadgeClasses;
+
+export type BadgeProps<
+ D extends React.ElementType = BadgeTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+export default Badge;
diff --git a/react/node_modules/@material-ui/core/Badge/Badge.js b/react/node_modules/@material-ui/core/Badge/Badge.js
new file mode 100644
index 0000000..6e2e5a3
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Badge/Badge.js
@@ -0,0 +1,311 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["components", "componentsProps", "color", "invisible", "badgeContent", "showZero", "variant"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { usePreviousProps } from '@material-ui/utils';
+import { generateUtilityClasses, isHostComponent } from '@material-ui/unstyled';
+import BadgeUnstyled, { badgeUnstyledClasses, getBadgeUtilityClass } from '@material-ui/unstyled/BadgeUnstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import capitalize from '../utils/capitalize';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const badgeClasses = _extends({}, badgeUnstyledClasses, generateUtilityClasses('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning']));
+const RADIUS_STANDARD = 10;
+const RADIUS_DOT = 4;
+
+const extendUtilityClasses = ownerState => {
+ const {
+ color,
+ classes = {}
+ } = ownerState;
+ return _extends({}, classes, {
+ badge: clsx(classes.badge, color !== 'default' && [getBadgeUtilityClass(`color${capitalize(color)}`), classes[`color${capitalize(color)}`]])
+ });
+};
+
+const BadgeRoot = styled('span', {
+ name: 'MuiBadge',
+ slot: 'Root',
+ overridesResolver: (props, styles) => styles.root
+})({
+ position: 'relative',
+ display: 'inline-flex',
+ // For correct alignment with the text.
+ verticalAlign: 'middle',
+ flexShrink: 0
+});
+const BadgeBadge = styled('span', {
+ name: 'MuiBadge',
+ slot: 'Badge',
+ overridesResolver: (props, styles) => {
+ const {
+ ownerState
+ } = props;
+ return [styles.badge, styles[ownerState.variant], styles[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}${capitalize(ownerState.overlap)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], ownerState.invisible && styles.invisible];
+ }
+})(({
+ theme,
+ ownerState
+}) => _extends({
+ display: 'flex',
+ flexDirection: 'row',
+ flexWrap: 'wrap',
+ justifyContent: 'center',
+ alignContent: 'center',
+ alignItems: 'center',
+ position: 'absolute',
+ boxSizing: 'border-box',
+ fontFamily: theme.typography.fontFamily,
+ fontWeight: theme.typography.fontWeightMedium,
+ fontSize: theme.typography.pxToRem(12),
+ minWidth: RADIUS_STANDARD * 2,
+ lineHeight: 1,
+ padding: '0 6px',
+ height: RADIUS_STANDARD * 2,
+ borderRadius: RADIUS_STANDARD,
+ zIndex: 1,
+ // Render the badge on top of potential ripples.
+ transition: theme.transitions.create('transform', {
+ easing: theme.transitions.easing.easeInOut,
+ duration: theme.transitions.duration.enteringScreen
+ })
+}, ownerState.color !== 'default' && {
+ backgroundColor: theme.palette[ownerState.color].main,
+ color: theme.palette[ownerState.color].contrastText
+}, ownerState.variant === 'dot' && {
+ borderRadius: RADIUS_DOT,
+ height: RADIUS_DOT * 2,
+ minWidth: RADIUS_DOT * 2,
+ padding: 0
+}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && {
+ top: 0,
+ right: 0,
+ transform: 'scale(1) translate(50%, -50%)',
+ transformOrigin: '100% 0%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(50%, -50%)'
+ }
+}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && {
+ bottom: 0,
+ right: 0,
+ transform: 'scale(1) translate(50%, 50%)',
+ transformOrigin: '100% 100%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(50%, 50%)'
+ }
+}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
+ top: 0,
+ left: 0,
+ transform: 'scale(1) translate(-50%, -50%)',
+ transformOrigin: '0% 0%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(-50%, -50%)'
+ }
+}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
+ bottom: 0,
+ left: 0,
+ transform: 'scale(1) translate(-50%, 50%)',
+ transformOrigin: '0% 100%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(-50%, 50%)'
+ }
+}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
+ top: '14%',
+ right: '14%',
+ transform: 'scale(1) translate(50%, -50%)',
+ transformOrigin: '100% 0%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(50%, -50%)'
+ }
+}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
+ bottom: '14%',
+ right: '14%',
+ transform: 'scale(1) translate(50%, 50%)',
+ transformOrigin: '100% 100%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(50%, 50%)'
+ }
+}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
+ top: '14%',
+ left: '14%',
+ transform: 'scale(1) translate(-50%, -50%)',
+ transformOrigin: '0% 0%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(-50%, -50%)'
+ }
+}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
+ bottom: '14%',
+ left: '14%',
+ transform: 'scale(1) translate(-50%, 50%)',
+ transformOrigin: '0% 100%',
+ [`&.${badgeClasses.invisible}`]: {
+ transform: 'scale(0) translate(-50%, 50%)'
+ }
+}, ownerState.invisible && {
+ transition: theme.transitions.create('transform', {
+ easing: theme.transitions.easing.easeInOut,
+ duration: theme.transitions.duration.leavingScreen
+ })
+}));
+const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
+ var _componentsProps$root, _componentsProps$badg;
+
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiBadge'
+ });
+
+ const {
+ components = {},
+ componentsProps = {},
+ color: colorProp = 'default',
+ invisible: invisibleProp,
+ badgeContent: badgeContentProp,
+ showZero = false,
+ variant: variantProp = 'standard'
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const prevProps = usePreviousProps({
+ color: colorProp
+ });
+ let invisible = invisibleProp;
+
+ if (invisibleProp == null && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
+ invisible = true;
+ }
+
+ const {
+ color = colorProp
+ } = invisible ? prevProps : props;
+
+ const ownerState = _extends({}, props, {
+ invisible,
+ color
+ });
+
+ const classes = extendUtilityClasses(ownerState);
+ return /*#__PURE__*/_jsx(BadgeUnstyled, _extends({
+ invisible: invisibleProp,
+ badgeContent: badgeContentProp,
+ showZero: showZero,
+ variant: variantProp
+ }, other, {
+ components: _extends({
+ Root: BadgeRoot,
+ Badge: BadgeBadge
+ }, components),
+ componentsProps: {
+ root: _extends({}, componentsProps.root, (!components.Root || !isHostComponent(components.Root)) && {
+ ownerState: _extends({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
+ color
+ })
+ }),
+ badge: _extends({}, componentsProps.badge, (!components.Thumb || !isHostComponent(components.Thumb)) && {
+ ownerState: _extends({}, (_componentsProps$badg = componentsProps.badge) == null ? void 0 : _componentsProps$badg.ownerState, {
+ color
+ })
+ })
+ },
+ classes: classes,
+ ref: ref
+ }));
+});
+process.env.NODE_ENV !== "production" ? Badge.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * The anchor of the badge.
+ * @default {
+ * vertical: 'top',
+ * horizontal: 'right',
+ * }
+ */
+ anchorOrigin: PropTypes.shape({
+ horizontal: PropTypes.oneOf(['left', 'right']).isRequired,
+ vertical: PropTypes.oneOf(['bottom', 'top']).isRequired
+ }),
+
+ /**
+ * The content rendered within the badge.
+ */
+ badgeContent: PropTypes.node,
+
+ /**
+ * The badge will be added relative to this node.
+ */
+ children: PropTypes.node,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * The color of the component. It supports those theme colors that make sense for this component.
+ * @default 'default'
+ */
+ color: PropTypes
+ /* @typescript-to-proptypes-ignore */
+ .oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
+
+ /**
+ * The components used for each slot inside the Badge.
+ * Either a string to use a HTML element or a component.
+ * @default {}
+ */
+ components: PropTypes.shape({
+ Badge: PropTypes.elementType,
+ Root: PropTypes.elementType
+ }),
+
+ /**
+ * The props used for each slot inside the Badge.
+ * @default {}
+ */
+ componentsProps: PropTypes.object,
+
+ /**
+ * If `true`, the badge is invisible.
+ */
+ invisible: PropTypes.bool,
+
+ /**
+ * Max count to show.
+ * @default 99
+ */
+ max: PropTypes.number,
+
+ /**
+ * Wrapped shape the badge should overlap.
+ * @default 'rectangular'
+ */
+ overlap: PropTypes.oneOf(['circular', 'rectangular']),
+
+ /**
+ * Controls whether the badge is hidden when `badgeContent` is zero.
+ * @default false
+ */
+ showZero: PropTypes.bool,
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object,
+
+ /**
+ * The variant to use.
+ * @default 'standard'
+ */
+ variant: PropTypes
+ /* @typescript-to-proptypes-ignore */
+ .oneOfType([PropTypes.oneOf(['dot', 'standard']), PropTypes.string])
+} : void 0;
+export default Badge;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Badge/index.d.ts b/react/node_modules/@material-ui/core/Badge/index.d.ts
new file mode 100644
index 0000000..dcb875a
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Badge/index.d.ts
@@ -0,0 +1,2 @@
+export { default } from './Badge';
+export * from './Badge';
diff --git a/react/node_modules/@material-ui/core/Badge/index.js b/react/node_modules/@material-ui/core/Badge/index.js
new file mode 100644
index 0000000..82c0b57
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Badge/index.js
@@ -0,0 +1,2 @@
+export { default } from './Badge';
+export * from './Badge';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Badge/package.json b/react/node_modules/@material-ui/core/Badge/package.json
new file mode 100644
index 0000000..65d7555
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Badge/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/Badge/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigation/BottomNavigation.d.ts b/react/node_modules/@material-ui/core/BottomNavigation/BottomNavigation.d.ts
new file mode 100644
index 0000000..426261a
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigation/BottomNavigation.d.ts
@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { SxProps } from '@material-ui/system';
+import { Theme } from '..';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { BottomNavigationClasses } from './bottomNavigationClasses';
+
+export interface BottomNavigationTypeMap {
+ props: P & {
+ /**
+ * The content of the component.
+ */
+ children?: React.ReactNode;
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: Partial;
+ /**
+ * Callback fired when the value changes.
+ *
+ * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+ * @param {any} value We default to the index of the child.
+ */
+ onChange?: (event: React.SyntheticEvent, value: any) => void;
+ /**
+ * If `true`, all `BottomNavigationAction`s will show their labels.
+ * By default, only the selected `BottomNavigationAction` will show its label.
+ * @default false
+ */
+ showLabels?: boolean;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ /**
+ * The value of the currently selected `BottomNavigationAction`.
+ */
+ value?: any;
+ };
+ defaultComponent: D;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Bottom Navigation](https://material-ui.com/components/bottom-navigation/)
+ *
+ * API:
+ *
+ * - [BottomNavigation API](https://material-ui.com/api/bottom-navigation/)
+ */
+declare const BottomNavigation: OverridableComponent;
+
+export type BottomNavigationProps<
+ D extends React.ElementType = BottomNavigationTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+export default BottomNavigation;
diff --git a/react/node_modules/@material-ui/core/BottomNavigation/BottomNavigation.js b/react/node_modules/@material-ui/core/BottomNavigation/BottomNavigation.js
new file mode 100644
index 0000000..cb8a432
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigation/BottomNavigation.js
@@ -0,0 +1,139 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "component", "onChange", "showLabels", "value"];
+import * as React from 'react';
+import { isFragment } from 'react-is';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@material-ui/unstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import { getBottomNavigationUtilityClass } from './bottomNavigationClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+ const {
+ classes
+ } = ownerState;
+ const slots = {
+ root: ['root']
+ };
+ return composeClasses(slots, getBottomNavigationUtilityClass, classes);
+};
+
+const BottomNavigationRoot = styled('div', {
+ name: 'MuiBottomNavigation',
+ slot: 'Root',
+ overridesResolver: (props, styles) => styles.root
+})(({
+ theme
+}) => ({
+ display: 'flex',
+ justifyContent: 'center',
+ height: 56,
+ backgroundColor: theme.palette.background.paper
+}));
+const BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation(inProps, ref) {
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiBottomNavigation'
+ });
+
+ const {
+ children,
+ className,
+ component = 'div',
+ onChange,
+ showLabels = false,
+ value
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const ownerState = _extends({}, props, {
+ component,
+ showLabels
+ });
+
+ const classes = useUtilityClasses(ownerState);
+ return /*#__PURE__*/_jsx(BottomNavigationRoot, _extends({
+ as: component,
+ className: clsx(classes.root, className),
+ ref: ref,
+ ownerState: ownerState
+ }, other, {
+ children: React.Children.map(children, (child, childIndex) => {
+ if (! /*#__PURE__*/React.isValidElement(child)) {
+ return null;
+ }
+
+ if (process.env.NODE_ENV !== 'production') {
+ if (isFragment(child)) {
+ console.error(["Material-UI: The BottomNavigation component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
+ }
+ }
+
+ const childValue = child.props.value === undefined ? childIndex : child.props.value;
+ return /*#__PURE__*/React.cloneElement(child, {
+ selected: childValue === value,
+ showLabel: child.props.showLabel !== undefined ? child.props.showLabel : showLabels,
+ value: childValue,
+ onChange
+ });
+ })
+ }));
+});
+process.env.NODE_ENV !== "production" ? BottomNavigation.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * The content of the component.
+ */
+ children: PropTypes.node,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * The component used for the root node.
+ * Either a string to use a HTML element or a component.
+ */
+ component: PropTypes.elementType,
+
+ /**
+ * Callback fired when the value changes.
+ *
+ * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+ * @param {any} value We default to the index of the child.
+ */
+ onChange: PropTypes.func,
+
+ /**
+ * If `true`, all `BottomNavigationAction`s will show their labels.
+ * By default, only the selected `BottomNavigationAction` will show its label.
+ * @default false
+ */
+ showLabels: PropTypes.bool,
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object,
+
+ /**
+ * The value of the currently selected `BottomNavigationAction`.
+ */
+ value: PropTypes.any
+} : void 0;
+export default BottomNavigation;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigation/bottomNavigationClasses.d.ts b/react/node_modules/@material-ui/core/BottomNavigation/bottomNavigationClasses.d.ts
new file mode 100644
index 0000000..8d12aca
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigation/bottomNavigationClasses.d.ts
@@ -0,0 +1,8 @@
+export interface BottomNavigationClasses {
+ /** Styles applied to the root element. */
+ root: string;
+}
+export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
+export declare function getBottomNavigationUtilityClass(slot: string): string;
+declare const bottomNavigationClasses: BottomNavigationClasses;
+export default bottomNavigationClasses;
diff --git a/react/node_modules/@material-ui/core/BottomNavigation/bottomNavigationClasses.js b/react/node_modules/@material-ui/core/BottomNavigation/bottomNavigationClasses.js
new file mode 100644
index 0000000..afd57e1
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigation/bottomNavigationClasses.js
@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@material-ui/unstyled';
+export function getBottomNavigationUtilityClass(slot) {
+ return generateUtilityClass('MuiBottomNavigation', slot);
+}
+const bottomNavigationClasses = generateUtilityClasses('MuiBottomNavigation', ['root']);
+export default bottomNavigationClasses;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigation/index.d.ts b/react/node_modules/@material-ui/core/BottomNavigation/index.d.ts
new file mode 100644
index 0000000..cbf2cd3
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigation/index.d.ts
@@ -0,0 +1,5 @@
+export { default } from './BottomNavigation';
+export * from './BottomNavigation';
+
+export { default as bottomNavigationClasses } from './bottomNavigationClasses';
+export * from './bottomNavigationClasses';
diff --git a/react/node_modules/@material-ui/core/BottomNavigation/index.js b/react/node_modules/@material-ui/core/BottomNavigation/index.js
new file mode 100644
index 0000000..576a117
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigation/index.js
@@ -0,0 +1,3 @@
+export { default } from './BottomNavigation';
+export { default as bottomNavigationClasses } from './bottomNavigationClasses';
+export * from './bottomNavigationClasses';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigation/package.json b/react/node_modules/@material-ui/core/BottomNavigation/package.json
new file mode 100644
index 0000000..a2f47f1
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigation/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/BottomNavigation/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigationAction/BottomNavigationAction.d.ts b/react/node_modules/@material-ui/core/BottomNavigationAction/BottomNavigationAction.d.ts
new file mode 100644
index 0000000..cdba057
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigationAction/BottomNavigationAction.d.ts
@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { SxProps } from '@material-ui/system';
+import { Theme } from '..';
+import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
+import { OverrideProps } from '../OverridableComponent';
+import { BottomNavigationActionClasses } from './bottomNavigationActionClasses';
+
+export type BottomNavigationActionTypeMap<
+ P,
+ D extends React.ElementType,
+> = ExtendButtonBaseTypeMap<{
+ props: P & {
+ /**
+ * This prop isn't supported.
+ * Use the `component` prop if you need to change the children structure.
+ */
+ children?: React.ReactNode;
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: Partial;
+ /**
+ * The icon to display.
+ */
+ icon?: React.ReactNode;
+ /**
+ * The label element.
+ */
+ label?: React.ReactNode;
+ /**
+ * If `true`, the `BottomNavigationAction` will show its label.
+ * By default, only the selected `BottomNavigationAction`
+ * inside `BottomNavigation` will show its label.
+ *
+ * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
+ */
+ showLabel?: boolean;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ /**
+ * You can provide your own value. Otherwise, we fallback to the child position index.
+ */
+ value?: any;
+ };
+ defaultComponent: D;
+}>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Bottom Navigation](https://material-ui.com/components/bottom-navigation/)
+ *
+ * API:
+ *
+ * - [BottomNavigationAction API](https://material-ui.com/api/bottom-navigation-action/)
+ * - inherits [ButtonBase API](https://material-ui.com/api/button-base/)
+ */
+declare const BottomNavigationAction: ExtendButtonBase<
+ BottomNavigationActionTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>
+>;
+
+export type BottomNavigationActionProps<
+ D extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+export default BottomNavigationAction;
diff --git a/react/node_modules/@material-ui/core/BottomNavigationAction/BottomNavigationAction.js b/react/node_modules/@material-ui/core/BottomNavigationAction/BottomNavigationAction.js
new file mode 100644
index 0000000..c11fbfb
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigationAction/BottomNavigationAction.js
@@ -0,0 +1,186 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@material-ui/unstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import ButtonBase from '../ButtonBase';
+import unsupportedProp from '../utils/unsupportedProp';
+import bottomNavigationActionClasses, { getBottomNavigationActionUtilityClass } from './bottomNavigationActionClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+ const {
+ classes,
+ showLabel,
+ selected
+ } = ownerState;
+ const slots = {
+ root: ['root', !showLabel && !selected && 'iconOnly', selected && 'selected'],
+ label: ['label', !showLabel && !selected && 'iconOnly', selected && 'selected']
+ };
+ return composeClasses(slots, getBottomNavigationActionUtilityClass, classes);
+};
+
+const BottomNavigationActionRoot = styled(ButtonBase, {
+ name: 'MuiBottomNavigationAction',
+ slot: 'Root',
+ overridesResolver: (props, styles) => {
+ const {
+ ownerState
+ } = props;
+ return [styles.root, !ownerState.showLabel && !ownerState.selected && styles.iconOnly];
+ }
+})(({
+ theme,
+ ownerState
+}) => _extends({
+ transition: theme.transitions.create(['color', 'padding-top'], {
+ duration: theme.transitions.duration.short
+ }),
+ padding: '6px 12px 8px',
+ minWidth: 80,
+ maxWidth: 168,
+ color: theme.palette.text.secondary,
+ flexDirection: 'column',
+ flex: '1'
+}, !ownerState.showLabel && !ownerState.selected && {
+ paddingTop: 16
+}, {
+ [`&.${bottomNavigationActionClasses.selected}`]: {
+ paddingTop: 6,
+ color: theme.palette.primary.main
+ }
+}));
+const BottomNavigationActionLabel = styled('span', {
+ name: 'MuiBottomNavigationAction',
+ slot: 'Label',
+ overridesResolver: (props, styles) => styles.label
+})(({
+ theme,
+ ownerState
+}) => _extends({
+ fontFamily: theme.typography.fontFamily,
+ fontSize: theme.typography.pxToRem(12),
+ opacity: 1,
+ transition: 'font-size 0.2s, opacity 0.2s',
+ transitionDelay: '0.1s'
+}, !ownerState.showLabel && !ownerState.selected && {
+ opacity: 0,
+ transitionDelay: '0s'
+}, {
+ [`&.${bottomNavigationActionClasses.selected}`]: {
+ fontSize: theme.typography.pxToRem(14)
+ }
+}));
+const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavigationAction(inProps, ref) {
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiBottomNavigationAction'
+ });
+
+ const {
+ className,
+ icon,
+ label,
+ onChange,
+ onClick,
+ value
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const ownerState = props;
+ const classes = useUtilityClasses(ownerState);
+
+ const handleChange = event => {
+ if (onChange) {
+ onChange(event, value);
+ }
+
+ if (onClick) {
+ onClick(event);
+ }
+ };
+
+ return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, _extends({
+ ref: ref,
+ className: clsx(classes.root, className),
+ focusRipple: true,
+ onClick: handleChange,
+ ownerState: ownerState
+ }, other, {
+ children: [icon, /*#__PURE__*/_jsx(BottomNavigationActionLabel, {
+ className: classes.label,
+ ownerState: ownerState,
+ children: label
+ })]
+ }));
+});
+process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes
+/* remove-proptypes */
+= {
+ // ----------------------------- Warning --------------------------------
+ // | These PropTypes are generated from the TypeScript type definitions |
+ // | To update them edit the d.ts file and run "yarn proptypes" |
+ // ----------------------------------------------------------------------
+
+ /**
+ * This prop isn't supported.
+ * Use the `component` prop if you need to change the children structure.
+ */
+ children: unsupportedProp,
+
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes: PropTypes.object,
+
+ /**
+ * @ignore
+ */
+ className: PropTypes.string,
+
+ /**
+ * The icon to display.
+ */
+ icon: PropTypes.node,
+
+ /**
+ * The label element.
+ */
+ label: PropTypes.node,
+
+ /**
+ * @ignore
+ */
+ onChange: PropTypes.func,
+
+ /**
+ * @ignore
+ */
+ onClick: PropTypes.func,
+
+ /**
+ * If `true`, the `BottomNavigationAction` will show its label.
+ * By default, only the selected `BottomNavigationAction`
+ * inside `BottomNavigation` will show its label.
+ *
+ * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
+ */
+ showLabel: PropTypes.bool,
+
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object,
+
+ /**
+ * You can provide your own value. Otherwise, we fallback to the child position index.
+ */
+ value: PropTypes.any
+} : void 0;
+export default BottomNavigationAction;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigationAction/bottomNavigationActionClasses.d.ts b/react/node_modules/@material-ui/core/BottomNavigationAction/bottomNavigationActionClasses.d.ts
new file mode 100644
index 0000000..6a02f3e
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigationAction/bottomNavigationActionClasses.d.ts
@@ -0,0 +1,14 @@
+export interface BottomNavigationActionClasses {
+ /** Styles applied to the root element. */
+ root: string;
+ /** State class applied to the root element if selected. */
+ selected: string;
+ /** State class applied to the root element if `showLabel={false}` and not selected. */
+ iconOnly: string;
+ /** Styles applied to the label's span element. */
+ label: string;
+}
+export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
+export declare function getBottomNavigationActionUtilityClass(slot: string): string;
+declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
+export default bottomNavigationActionClasses;
diff --git a/react/node_modules/@material-ui/core/BottomNavigationAction/bottomNavigationActionClasses.js b/react/node_modules/@material-ui/core/BottomNavigationAction/bottomNavigationActionClasses.js
new file mode 100644
index 0000000..210e10d
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigationAction/bottomNavigationActionClasses.js
@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@material-ui/unstyled';
+export function getBottomNavigationActionUtilityClass(slot) {
+ return generateUtilityClass('MuiBottomNavigationAction', slot);
+}
+const bottomNavigationActionClasses = generateUtilityClasses('MuiBottomNavigationAction', ['root', 'iconOnly', 'selected', 'label']);
+export default bottomNavigationActionClasses;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigationAction/index.d.ts b/react/node_modules/@material-ui/core/BottomNavigationAction/index.d.ts
new file mode 100644
index 0000000..634c4ea
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigationAction/index.d.ts
@@ -0,0 +1,5 @@
+export { default } from './BottomNavigationAction';
+export * from './BottomNavigationAction';
+
+export { default as bottomNavigationActionClasses } from './bottomNavigationActionClasses';
+export * from './bottomNavigationActionClasses';
diff --git a/react/node_modules/@material-ui/core/BottomNavigationAction/index.js b/react/node_modules/@material-ui/core/BottomNavigationAction/index.js
new file mode 100644
index 0000000..51d297d
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigationAction/index.js
@@ -0,0 +1,3 @@
+export { default } from './BottomNavigationAction';
+export { default as bottomNavigationActionClasses } from './bottomNavigationActionClasses';
+export * from './bottomNavigationActionClasses';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/BottomNavigationAction/package.json b/react/node_modules/@material-ui/core/BottomNavigationAction/package.json
new file mode 100644
index 0000000..0a7da14
--- /dev/null
+++ b/react/node_modules/@material-ui/core/BottomNavigationAction/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/BottomNavigationAction/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Box/Box.d.ts b/react/node_modules/@material-ui/core/Box/Box.d.ts
new file mode 100644
index 0000000..56a6953
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Box/Box.d.ts
@@ -0,0 +1,42 @@
+import { SxProps, SystemProps } from '@material-ui/system';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { Theme } from '../styles';
+
+export interface BoxTypeMap {
+ props: P &
+ SystemProps & {
+ children?: React.ReactNode;
+ component?: React.ElementType;
+ ref?: React.Ref;
+ sx?: SxProps;
+ };
+ defaultComponent: D;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Box](https://material-ui.com/components/box/)
+ *
+ * API:
+ *
+ * - [Box API](https://material-ui.com/api/box/)
+ */
+declare const Box: OverridableComponent;
+
+export type BoxProps<
+ D extends React.ElementType = BoxTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Box](https://material-ui.com/components/box/)
+ *
+ * API:
+ *
+ * - [Box API](https://material-ui.com/api/box/)
+ */
+export default Box;
diff --git a/react/node_modules/@material-ui/core/Box/Box.js b/react/node_modules/@material-ui/core/Box/Box.js
new file mode 100644
index 0000000..4a4cb2a
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Box/Box.js
@@ -0,0 +1,11 @@
+import { createBox } from '@material-ui/system';
+import { createTheme } from '../styles';
+const defaultTheme = createTheme();
+/**
+ * @ignore - do not document.
+ */
+
+const Box = createBox({
+ defaultTheme
+});
+export default Box;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Box/index.d.ts b/react/node_modules/@material-ui/core/Box/index.d.ts
new file mode 100644
index 0000000..38ce2fc
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Box/index.d.ts
@@ -0,0 +1,2 @@
+export { default } from './Box';
+export * from './Box';
diff --git a/react/node_modules/@material-ui/core/Box/index.js b/react/node_modules/@material-ui/core/Box/index.js
new file mode 100644
index 0000000..691bb49
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Box/index.js
@@ -0,0 +1 @@
+export { default } from './Box';
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Box/package.json b/react/node_modules/@material-ui/core/Box/package.json
new file mode 100644
index 0000000..01d4173
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Box/package.json
@@ -0,0 +1,6 @@
+{
+ "sideEffects": false,
+ "module": "./index.js",
+ "main": "../node/Box/index.js",
+ "types": "./index.d.ts"
+}
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Breadcrumbs/BreadcrumbCollapsed.js b/react/node_modules/@material-ui/core/Breadcrumbs/BreadcrumbCollapsed.js
new file mode 100644
index 0000000..add0679
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Breadcrumbs/BreadcrumbCollapsed.js
@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { emphasize } from '@material-ui/system';
+import styled from '../styles/styled';
+import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
+import ButtonBase from '../ButtonBase';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BreadcrumbCollapsedButton = styled(ButtonBase, {
+ skipSx: true
+})(({
+ theme
+}) => _extends({
+ display: 'flex',
+ marginLeft: theme.spacing(0.5),
+ marginRight: theme.spacing(0.5)
+}, theme.palette.mode === 'light' ? {
+ backgroundColor: theme.palette.grey[100],
+ color: theme.palette.grey[700]
+} : {
+ backgroundColor: theme.palette.grey[700],
+ color: theme.palette.grey[100]
+}, {
+ borderRadius: 2,
+ '&:hover, &:focus': _extends({}, theme.palette.mode === 'light' ? {
+ backgroundColor: theme.palette.grey[200]
+ } : {
+ backgroundColor: theme.palette.grey[600]
+ }),
+ '&:active': _extends({
+ boxShadow: theme.shadows[0]
+ }, theme.palette.mode === 'light' ? {
+ backgroundColor: emphasize(theme.palette.grey[200], 0.12)
+ } : {
+ backgroundColor: emphasize(theme.palette.grey[600], 0.12)
+ })
+}));
+const BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
+ width: 24,
+ height: 16
+});
+/**
+ * @ignore - internal component.
+ */
+
+function BreadcrumbCollapsed(props) {
+ const ownerState = props;
+ return /*#__PURE__*/_jsx("li", {
+ children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, _extends({
+ focusRipple: true
+ }, props, {
+ ownerState: ownerState,
+ children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, {
+ ownerState: ownerState
+ })
+ }))
+ });
+}
+
+process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx: PropTypes.object
+} : void 0;
+export default BreadcrumbCollapsed;
\ No newline at end of file
diff --git a/react/node_modules/@material-ui/core/Breadcrumbs/Breadcrumbs.d.ts b/react/node_modules/@material-ui/core/Breadcrumbs/Breadcrumbs.d.ts
new file mode 100644
index 0000000..8209058
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Breadcrumbs/Breadcrumbs.d.ts
@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { SxProps } from '@material-ui/system';
+import { Theme } from '@material-ui/core/styles';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { BreadcrumbsClasses } from './breadcrumbsClasses';
+
+export interface BreadcrumbsTypeMap {
+ props: P & {
+ /**
+ * The content of the component.
+ */
+ children?: React.ReactNode;
+ /**
+ * Override or extend the styles applied to the component.
+ */
+ classes?: Partial;
+ /**
+ * Override the default label for the expand button.
+ *
+ * For localization purposes, you can use the provided [translations](/guides/localization/).
+ * @default 'Show path'
+ */
+ expandText?: string;
+ /**
+ * If max items is exceeded, the number of items to show after the ellipsis.
+ * @default 1
+ */
+ itemsAfterCollapse?: number;
+ /**
+ * If max items is exceeded, the number of items to show before the ellipsis.
+ * @default 1
+ */
+ itemsBeforeCollapse?: number;
+ /**
+ * Specifies the maximum number of breadcrumbs to display. When there are more
+ * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
+ * will be shown, with an ellipsis in between.
+ * @default 8
+ */
+ maxItems?: number;
+ /**
+ * Custom separator node.
+ * @default '/'
+ */
+ separator?: React.ReactNode;
+ /**
+ * The system prop that allows defining system overrides as well as additional CSS styles.
+ */
+ sx?: SxProps;
+ };
+ defaultComponent: D;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Breadcrumbs](https://material-ui.com/components/breadcrumbs/)
+ *
+ * API:
+ *
+ * - [Breadcrumbs API](https://material-ui.com/api/breadcrumbs/)
+ */
+declare const Breadcrumbs: OverridableComponent;
+
+export type BreadcrumbsProps<
+ D extends React.ElementType = BreadcrumbsTypeMap['defaultComponent'],
+ P = {},
+> = OverrideProps, D>;
+
+export default Breadcrumbs;
diff --git a/react/node_modules/@material-ui/core/Breadcrumbs/Breadcrumbs.js b/react/node_modules/@material-ui/core/Breadcrumbs/Breadcrumbs.js
new file mode 100644
index 0000000..794eb7d
--- /dev/null
+++ b/react/node_modules/@material-ui/core/Breadcrumbs/Breadcrumbs.js
@@ -0,0 +1,237 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "component", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"];
+import * as React from 'react';
+import { isFragment } from 'react-is';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { integerPropType } from '@material-ui/utils';
+import { unstable_composeClasses as composeClasses } from '@material-ui/unstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import Typography from '../Typography';
+import BreadcrumbCollapsed from './BreadcrumbCollapsed';
+import breadcrumbsClasses, { getBreadcrumbsUtilityClass } from './breadcrumbsClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+ const {
+ classes
+ } = ownerState;
+ const slots = {
+ root: ['root'],
+ li: ['li'],
+ ol: ['ol'],
+ separator: ['separator']
+ };
+ return composeClasses(slots, getBreadcrumbsUtilityClass, classes);
+};
+
+const BreadcrumbsRoot = styled(Typography, {
+ name: 'MuiBreadcrumbs',
+ slot: 'Root',
+ overridesResolver: (props, styles) => {
+ return [{
+ [`& .${breadcrumbsClasses.li}`]: styles.li
+ }, styles.root];
+ }
+})({});
+const BreadcrumbsOl = styled('ol', {
+ name: 'MuiBreadcrumbs',
+ slot: 'Ol',
+ overridesResolver: (props, styles) => styles.ol
+})({
+ display: 'flex',
+ flexWrap: 'wrap',
+ alignItems: 'center',
+ padding: 0,
+ margin: 0,
+ listStyle: 'none'
+});
+const BreadcrumbsSeparator = styled('li', {
+ name: 'MuiBreadcrumbs',
+ slot: 'Separator',
+ overridesResolver: (props, styles) => styles.separator
+})({
+ display: 'flex',
+ userSelect: 'none',
+ marginLeft: 8,
+ marginRight: 8
+});
+
+function insertSeparators(items, className, separator, ownerState) {
+ return items.reduce((acc, current, index) => {
+ if (index < items.length - 1) {
+ acc = acc.concat(current, /*#__PURE__*/_jsx(BreadcrumbsSeparator, {
+ "aria-hidden": true,
+ className: className,
+ ownerState: ownerState,
+ children: separator
+ }, `separator-${index}`));
+ } else {
+ acc.push(current);
+ }
+
+ return acc;
+ }, []);
+}
+
+const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, ref) {
+ const props = useThemeProps({
+ props: inProps,
+ name: 'MuiBreadcrumbs'
+ });
+
+ const {
+ children,
+ className,
+ component = 'nav',
+ expandText = 'Show path',
+ itemsAfterCollapse = 1,
+ itemsBeforeCollapse = 1,
+ maxItems = 8,
+ separator = '/'
+ } = props,
+ other = _objectWithoutPropertiesLoose(props, _excluded);
+
+ const [expanded, setExpanded] = React.useState(false);
+
+ const ownerState = _extends({}, props, {
+ component,
+ expanded,
+ expandText,
+ itemsAfterCollapse,
+ itemsBeforeCollapse,
+ maxItems,
+ separator
+ });
+
+ const classes = useUtilityClasses(ownerState);
+ const listRef = React.useRef(null);
+
+ const renderItemsBeforeAndAfter = allItems => {
+ const handleClickExpand = () => {
+ setExpanded(true); // The clicked element received the focus but gets removed from the DOM.
+ // Let's keep the focus in the component after expanding.
+ // Moving it to the or