import {
CssBaseline_default,
body,
html
} from "./chunk-WHT54KGP.js";
import {
ArrowDropDown_default,
Autocomplete_default,
Backdrop_default,
Badge_default,
Box_default,
ButtonBase_default,
ButtonGroupButtonContext_default,
ButtonGroupContext_default,
Button_default,
Checkbox_default,
Chip_default,
CircularProgress_default,
ClickAwayListener,
Close_default,
Divider_default,
Fade_default,
FilledInput_default,
FirstPage_default,
FocusTrap_default,
FormControlLabel_default,
FormControl_default,
FormHelperText_default,
FormLabelRoot,
FormLabel_default,
Grow_default,
IconButton_default,
InputAdornment_default,
InputBase_default,
InputLabel_default,
Input_default,
KeyboardArrowLeft_default,
KeyboardArrowRight_default,
LastPage_default,
ListContext_default,
ListItemIcon_default,
ListItemText_default,
ListSubheader_default,
List_default,
MenuItem_default,
MenuList_default,
Menu_default,
ModalManager,
Modal_default,
NativeSelectInput_default,
OutlinedInput_default,
Paper_default,
PopoverPaper,
PopoverRoot,
Popover_default,
Popper_default,
Portal_default,
Select_default,
Skeleton_default,
Stack_default,
SwitchBase_default,
Switch_default,
TableCell_default,
TableContext_default,
TablePagination_default,
Tablelvl2Context_default,
TextField_default,
TextareaAutosize_default,
Toolbar_default,
Tooltip_default,
Transition_default,
Typography_default,
autocompleteClasses_default,
backdropClasses_default,
badgeClasses_default,
boxClasses_default,
buttonBaseClasses_default,
buttonClasses_default,
checkboxClasses_default,
chipClasses_default,
circularProgressClasses_default,
createFilterOptions,
dividerClasses_default,
filledInputClasses_default,
formControlClasses_default,
formControlLabelClasses_default,
formControlState,
formHelperTextClasses_default,
formLabelClasses_default,
getAutocompleteUtilityClass,
getBackdropUtilityClass,
getBadgeUtilityClass,
getButtonBaseUtilityClass,
getButtonUtilityClass,
getCheckboxUtilityClass,
getChipUtilityClass,
getCircularProgressUtilityClass,
getDividerUtilityClass,
getFilledInputUtilityClass,
getFormControlLabelUtilityClasses,
getFormControlUtilityClasses,
getFormHelperTextUtilityClasses,
getFormLabelUtilityClasses,
getIconButtonUtilityClass,
getInputAdornmentUtilityClass,
getInputBaseUtilityClass,
getInputLabelUtilityClasses,
getInputUtilityClass,
getListItemIconUtilityClass,
getListItemTextUtilityClass,
getListSubheaderUtilityClass,
getListUtilityClass,
getMenuItemUtilityClass,
getMenuUtilityClass,
getModalUtilityClass,
getNativeSelectUtilityClasses,
getOffsetLeft,
getOffsetTop,
getOutlinedInputUtilityClass,
getPaperUtilityClass,
getPopoverUtilityClass,
getPopperUtilityClass,
getSelectUtilityClasses,
getSkeletonUtilityClass,
getSwitchUtilityClass,
getTableCellUtilityClass,
getTablePaginationUtilityClass,
getTextFieldUtilityClass,
getToolbarUtilityClass,
getTooltipUtilityClass,
getTouchRippleUtilityClass,
getTransitionProps,
getTypographyUtilityClass,
iconButtonClasses_default,
inputAdornmentClasses_default,
inputBaseClasses_default,
inputClasses_default,
inputLabelClasses_default,
listClasses_default,
listItemIconClasses_default,
listItemTextClasses_default,
listSubheaderClasses_default,
menuClasses_default,
menuItemClasses_default,
modalClasses_default,
nativeSelectClasses_default,
outlinedInputClasses_default,
paperClasses_default,
popoverClasses_default,
reflow,
selectClasses_default,
skeletonClasses_default,
stackClasses_default,
switchClasses_default,
tableCellClasses_default,
tablePaginationClasses_default,
textFieldClasses_default,
toolbarClasses_default,
tooltipClasses_default,
touchRippleClasses_default,
typographyClasses_default,
useAutocomplete_default,
useFormControl
} from "./chunk-JXKN7L4A.js";
import {
GlobalStyles_default
} from "./chunk-WDD75YPL.js";
import {
CssVarsProvider,
ThemeProvider,
adaptV4Theme,
createMuiStrictModeTheme,
createStyles,
excludeVariablesFromRoot_default,
experimental_sx,
extendTheme,
getInitColorSchemeScript,
getOverlayAlpha_default,
getUnit,
makeStyles,
responsiveFontSizes,
shouldSkipGeneratingVar,
toUnitless,
useColorScheme,
useTheme,
useThemeProps,
withStyles,
withTheme
} from "./chunk-Y5IG6O7D.js";
import {
alpha,
createContainer,
createGrid,
darken,
decomposeColor,
emphasize,
getContrastRatio,
getLuminance,
getThemeProps,
hexToRgb,
hslToRgb,
lighten,
recomposeColor,
rgbToHex,
useMediaQuery,
useRtl
} from "./chunk-ZHUI7O2A.js";
import {
SvgIcon_default,
capitalize_default,
createChainedFunction_default,
createSvgIcon,
debounce_default,
deprecatedPropType_default,
getSvgIconUtilityClass,
isMuiElement_default,
ownerDocument_default,
ownerWindow_default,
requirePropFactory_default,
setRef_default,
svgIconClasses_default,
unstable_ClassNameGenerator,
unsupportedProp_default,
useControlled_default,
useEnhancedEffect_default as useEnhancedEffect_default2,
useEventCallback_default as useEventCallback_default2,
useForkRef_default,
useId_default,
useIsFocusVisible_default
} from "./chunk-ANTY7EHM.js";
import {
useDefaultProps
} from "./chunk-4B2NWW42.js";
import {
rootShouldForwardProp_default,
slotShouldForwardProp_default,
styled_default
} from "./chunk-JWRIH3ST.js";
import {
HTMLElementType,
StyledEngineProvider,
_extends,
_objectWithoutPropertiesLoose,
appendOwnerState_default,
blue_default,
chainPropTypes,
clamp_default,
clsx_default,
common_default,
composeClasses,
createMixins,
createMuiTheme,
createTheme_default2 as createTheme_default,
createTypography,
css,
detectScrollType,
duration,
easing,
elementAcceptingRef_default,
elementTypeAcceptingRef_default,
exactProp,
extendSxProp,
extractEventHandlers_default,
generateUtilityClass,
generateUtilityClasses,
getDisplayName,
getNormalizedScrollLeft,
getPath,
getReactElementRef,
getValidReactChildren,
green_default,
grey_default,
handleBreakpoints,
identifier_default,
init_clamp,
init_extends,
init_getDisplayName,
integerPropType_default,
isHostComponent_default,
keyframes,
lightBlue_default,
mergeSlotProps_default,
orange_default,
ownerDocument,
purple_default,
red_default,
refType_default,
require_colorManipulator,
require_prop_types,
require_react_is,
resolveBreakpointValues,
resolveComponentProps_default,
resolveProps,
useControlled,
useEnhancedEffect_default,
useEventCallback_default,
useForkRef,
useId,
useIsFocusVisible,
useSlotProps_default,
useTimeout,
visuallyHidden_default
} from "./chunk-QLKRFDUE.js";
import {
require_react_dom
} from "./chunk-UPELNCPK.js";
import {
require_jsx_runtime
} from "./chunk-WKPQ4ZTV.js";
import {
require_react
} from "./chunk-BG45W2ER.js";
import {
__export,
__toESM
} from "./chunk-HXA6O6EE.js";
// node_modules/@mui/material/colors/index.js
var colors_exports = {};
__export(colors_exports, {
amber: () => amber_default,
blue: () => blue_default,
blueGrey: () => blueGrey_default,
brown: () => brown_default,
common: () => common_default,
cyan: () => cyan_default,
deepOrange: () => deepOrange_default,
deepPurple: () => deepPurple_default,
green: () => green_default,
grey: () => grey_default,
indigo: () => indigo_default,
lightBlue: () => lightBlue_default,
lightGreen: () => lightGreen_default,
lime: () => lime_default,
orange: () => orange_default,
pink: () => pink_default,
purple: () => purple_default,
red: () => red_default,
teal: () => teal_default,
yellow: () => yellow_default
});
// node_modules/@mui/material/colors/pink.js
var pink = {
50: "#fce4ec",
100: "#f8bbd0",
200: "#f48fb1",
300: "#f06292",
400: "#ec407a",
500: "#e91e63",
600: "#d81b60",
700: "#c2185b",
800: "#ad1457",
900: "#880e4f",
A100: "#ff80ab",
A200: "#ff4081",
A400: "#f50057",
A700: "#c51162"
};
var pink_default = pink;
// node_modules/@mui/material/colors/deepPurple.js
var deepPurple = {
50: "#ede7f6",
100: "#d1c4e9",
200: "#b39ddb",
300: "#9575cd",
400: "#7e57c2",
500: "#673ab7",
600: "#5e35b1",
700: "#512da8",
800: "#4527a0",
900: "#311b92",
A100: "#b388ff",
A200: "#7c4dff",
A400: "#651fff",
A700: "#6200ea"
};
var deepPurple_default = deepPurple;
// node_modules/@mui/material/colors/indigo.js
var indigo = {
50: "#e8eaf6",
100: "#c5cae9",
200: "#9fa8da",
300: "#7986cb",
400: "#5c6bc0",
500: "#3f51b5",
600: "#3949ab",
700: "#303f9f",
800: "#283593",
900: "#1a237e",
A100: "#8c9eff",
A200: "#536dfe",
A400: "#3d5afe",
A700: "#304ffe"
};
var indigo_default = indigo;
// node_modules/@mui/material/colors/cyan.js
var cyan = {
50: "#e0f7fa",
100: "#b2ebf2",
200: "#80deea",
300: "#4dd0e1",
400: "#26c6da",
500: "#00bcd4",
600: "#00acc1",
700: "#0097a7",
800: "#00838f",
900: "#006064",
A100: "#84ffff",
A200: "#18ffff",
A400: "#00e5ff",
A700: "#00b8d4"
};
var cyan_default = cyan;
// node_modules/@mui/material/colors/teal.js
var teal = {
50: "#e0f2f1",
100: "#b2dfdb",
200: "#80cbc4",
300: "#4db6ac",
400: "#26a69a",
500: "#009688",
600: "#00897b",
700: "#00796b",
800: "#00695c",
900: "#004d40",
A100: "#a7ffeb",
A200: "#64ffda",
A400: "#1de9b6",
A700: "#00bfa5"
};
var teal_default = teal;
// node_modules/@mui/material/colors/lightGreen.js
var lightGreen = {
50: "#f1f8e9",
100: "#dcedc8",
200: "#c5e1a5",
300: "#aed581",
400: "#9ccc65",
500: "#8bc34a",
600: "#7cb342",
700: "#689f38",
800: "#558b2f",
900: "#33691e",
A100: "#ccff90",
A200: "#b2ff59",
A400: "#76ff03",
A700: "#64dd17"
};
var lightGreen_default = lightGreen;
// node_modules/@mui/material/colors/lime.js
var lime = {
50: "#f9fbe7",
100: "#f0f4c3",
200: "#e6ee9c",
300: "#dce775",
400: "#d4e157",
500: "#cddc39",
600: "#c0ca33",
700: "#afb42b",
800: "#9e9d24",
900: "#827717",
A100: "#f4ff81",
A200: "#eeff41",
A400: "#c6ff00",
A700: "#aeea00"
};
var lime_default = lime;
// node_modules/@mui/material/colors/yellow.js
var yellow = {
50: "#fffde7",
100: "#fff9c4",
200: "#fff59d",
300: "#fff176",
400: "#ffee58",
500: "#ffeb3b",
600: "#fdd835",
700: "#fbc02d",
800: "#f9a825",
900: "#f57f17",
A100: "#ffff8d",
A200: "#ffff00",
A400: "#ffea00",
A700: "#ffd600"
};
var yellow_default = yellow;
// node_modules/@mui/material/colors/amber.js
var amber = {
50: "#fff8e1",
100: "#ffecb3",
200: "#ffe082",
300: "#ffd54f",
400: "#ffca28",
500: "#ffc107",
600: "#ffb300",
700: "#ffa000",
800: "#ff8f00",
900: "#ff6f00",
A100: "#ffe57f",
A200: "#ffd740",
A400: "#ffc400",
A700: "#ffab00"
};
var amber_default = amber;
// node_modules/@mui/material/colors/deepOrange.js
var deepOrange = {
50: "#fbe9e7",
100: "#ffccbc",
200: "#ffab91",
300: "#ff8a65",
400: "#ff7043",
500: "#ff5722",
600: "#f4511e",
700: "#e64a19",
800: "#d84315",
900: "#bf360c",
A100: "#ff9e80",
A200: "#ff6e40",
A400: "#ff3d00",
A700: "#dd2c00"
};
var deepOrange_default = deepOrange;
// node_modules/@mui/material/colors/brown.js
var brown = {
50: "#efebe9",
100: "#d7ccc8",
200: "#bcaaa4",
300: "#a1887f",
400: "#8d6e63",
500: "#795548",
600: "#6d4c41",
700: "#5d4037",
800: "#4e342e",
900: "#3e2723",
A100: "#d7ccc8",
A200: "#bcaaa4",
A400: "#8d6e63",
A700: "#5d4037"
};
var brown_default = brown;
// node_modules/@mui/material/colors/blueGrey.js
var blueGrey = {
50: "#eceff1",
100: "#cfd8dc",
200: "#b0bec5",
300: "#90a4ae",
400: "#78909c",
500: "#607d8b",
600: "#546e7a",
700: "#455a64",
800: "#37474f",
900: "#263238",
A100: "#cfd8dc",
A200: "#b0bec5",
A400: "#78909c",
A700: "#455a64"
};
var blueGrey_default = blueGrey;
// node_modules/@mui/material/Accordion/Accordion.js
init_extends();
var React3 = __toESM(require_react());
var import_react_is = __toESM(require_react_is());
var import_prop_types2 = __toESM(require_prop_types());
// node_modules/@mui/material/Collapse/Collapse.js
init_extends();
var React = __toESM(require_react());
var import_prop_types = __toESM(require_prop_types());
// node_modules/@mui/material/Collapse/collapseClasses.js
function getCollapseUtilityClass(slot) {
return generateUtilityClass("MuiCollapse", slot);
}
var collapseClasses = generateUtilityClasses("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
var collapseClasses_default = collapseClasses;
// node_modules/@mui/material/Collapse/Collapse.js
var import_jsx_runtime = __toESM(require_jsx_runtime());
var _excluded = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
var useUtilityClasses = (ownerState) => {
const {
orientation,
classes
} = ownerState;
const slots = {
root: ["root", `${orientation}`],
entered: ["entered"],
hidden: ["hidden"],
wrapper: ["wrapper", `${orientation}`],
wrapperInner: ["wrapperInner", `${orientation}`]
};
return composeClasses(slots, getCollapseUtilityClass, classes);
};
var CollapseRoot = styled_default("div", {
name: "MuiCollapse",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[ownerState.orientation], ownerState.state === "entered" && styles3.entered, ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px" && styles3.hidden];
}
})(({
theme,
ownerState
}) => _extends({
height: 0,
overflow: "hidden",
transition: theme.transitions.create("height")
}, ownerState.orientation === "horizontal" && {
height: "auto",
width: 0,
transition: theme.transitions.create("width")
}, ownerState.state === "entered" && _extends({
height: "auto",
overflow: "visible"
}, ownerState.orientation === "horizontal" && {
width: "auto"
}), ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px" && {
visibility: "hidden"
}));
var CollapseWrapper = styled_default("div", {
name: "MuiCollapse",
slot: "Wrapper",
overridesResolver: (props, styles3) => styles3.wrapper
})(({
ownerState
}) => _extends({
// Hack to get children with a negative margin to not falsify the height computation.
display: "flex",
width: "100%"
}, ownerState.orientation === "horizontal" && {
width: "auto",
height: "100%"
}));
var CollapseWrapperInner = styled_default("div", {
name: "MuiCollapse",
slot: "WrapperInner",
overridesResolver: (props, styles3) => styles3.wrapperInner
})(({
ownerState
}) => _extends({
width: "100%"
}, ownerState.orientation === "horizontal" && {
width: "auto",
height: "100%"
}));
var Collapse = React.forwardRef(function Collapse2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCollapse"
});
const {
addEndListener,
children,
className,
collapsedSize: collapsedSizeProp = "0px",
component,
easing: easing2,
in: inProp,
onEnter,
onEntered,
onEntering,
onExit,
onExited,
onExiting,
orientation = "vertical",
style,
timeout = duration.standard,
// eslint-disable-next-line react/prop-types
TransitionComponent = Transition_default
} = props, other = _objectWithoutPropertiesLoose(props, _excluded);
const ownerState = _extends({}, props, {
orientation,
collapsedSize: collapsedSizeProp
});
const classes = useUtilityClasses(ownerState);
const theme = useTheme();
const timer = useTimeout();
const wrapperRef = React.useRef(null);
const autoTransitionDuration = React.useRef();
const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
const isHorizontal2 = orientation === "horizontal";
const size = isHorizontal2 ? "width" : "height";
const nodeRef = React.useRef(null);
const handleRef = useForkRef_default(ref, nodeRef);
const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
if (callback) {
const node = nodeRef.current;
if (maybeIsAppearing === void 0) {
callback(node);
} else {
callback(node, maybeIsAppearing);
}
}
};
const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal2 ? "clientWidth" : "clientHeight"] : 0;
const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
if (wrapperRef.current && isHorizontal2) {
wrapperRef.current.style.position = "absolute";
}
node.style[size] = collapsedSize;
if (onEnter) {
onEnter(node, isAppearing);
}
});
const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
const wrapperSize = getWrapperSize();
if (wrapperRef.current && isHorizontal2) {
wrapperRef.current.style.position = "";
}
const {
duration: transitionDuration,
easing: transitionTimingFunction
} = getTransitionProps({
style,
timeout,
easing: easing2
}, {
mode: "enter"
});
if (timeout === "auto") {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
node.style.transitionDuration = `${duration2}ms`;
autoTransitionDuration.current = duration2;
} else {
node.style.transitionDuration = typeof transitionDuration === "string" ? transitionDuration : `${transitionDuration}ms`;
}
node.style[size] = `${wrapperSize}px`;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onEntering) {
onEntering(node, isAppearing);
}
});
const handleEntered = normalizedTransitionCallback((node, isAppearing) => {
node.style[size] = "auto";
if (onEntered) {
onEntered(node, isAppearing);
}
});
const handleExit = normalizedTransitionCallback((node) => {
node.style[size] = `${getWrapperSize()}px`;
if (onExit) {
onExit(node);
}
});
const handleExited = normalizedTransitionCallback(onExited);
const handleExiting = normalizedTransitionCallback((node) => {
const wrapperSize = getWrapperSize();
const {
duration: transitionDuration,
easing: transitionTimingFunction
} = getTransitionProps({
style,
timeout,
easing: easing2
}, {
mode: "exit"
});
if (timeout === "auto") {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
node.style.transitionDuration = `${duration2}ms`;
autoTransitionDuration.current = duration2;
} else {
node.style.transitionDuration = typeof transitionDuration === "string" ? transitionDuration : `${transitionDuration}ms`;
}
node.style[size] = collapsedSize;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onExiting) {
onExiting(node);
}
});
const handleAddEndListener = (next) => {
if (timeout === "auto") {
timer.start(autoTransitionDuration.current || 0, next);
}
if (addEndListener) {
addEndListener(nodeRef.current, next);
}
};
return (0, import_jsx_runtime.jsx)(TransitionComponent, _extends({
in: inProp,
onEnter: handleEnter,
onEntered: handleEntered,
onEntering: handleEntering,
onExit: handleExit,
onExited: handleExited,
onExiting: handleExiting,
addEndListener: handleAddEndListener,
nodeRef,
timeout: timeout === "auto" ? null : timeout
}, other, {
children: (state, childProps) => (0, import_jsx_runtime.jsx)(CollapseRoot, _extends({
as: component,
className: clsx_default(classes.root, className, {
"entered": classes.entered,
"exited": !inProp && collapsedSize === "0px" && classes.hidden
}[state]),
style: _extends({
[isHorizontal2 ? "minWidth" : "minHeight"]: collapsedSize
}, style),
ref: handleRef
}, childProps, {
// `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
// that might have been forwarded from the Transition component.
ownerState: _extends({}, ownerState, {
state
}),
children: (0, import_jsx_runtime.jsx)(CollapseWrapper, {
ownerState: _extends({}, ownerState, {
state
}),
className: classes.wrapper,
ref: wrapperRef,
children: (0, import_jsx_runtime.jsx)(CollapseWrapperInner, {
ownerState: _extends({}, ownerState, {
state
}),
className: classes.wrapperInner,
children
})
})
}))
}));
});
true ? Collapse.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Add a custom transition end trigger. Called with the transitioning DOM
* node and a done callback. Allows for more fine grained transition end
* logic. Note: Timeouts are still used as a fallback if provided.
*/
addEndListener: import_prop_types.default.func,
/**
* The content node to be collapsed.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The width (horizontal) or height (vertical) of the container when collapsed.
* @default '0px'
*/
collapsedSize: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: elementTypeAcceptingRef_default,
/**
* The transition timing function.
* You may specify a single easing or a object containing enter and exit values.
*/
easing: import_prop_types.default.oneOfType([import_prop_types.default.shape({
enter: import_prop_types.default.string,
exit: import_prop_types.default.string
}), import_prop_types.default.string]),
/**
* If `true`, the component will transition in.
*/
in: import_prop_types.default.bool,
/**
* @ignore
*/
onEnter: import_prop_types.default.func,
/**
* @ignore
*/
onEntered: import_prop_types.default.func,
/**
* @ignore
*/
onEntering: import_prop_types.default.func,
/**
* @ignore
*/
onExit: import_prop_types.default.func,
/**
* @ignore
*/
onExited: import_prop_types.default.func,
/**
* @ignore
*/
onExiting: import_prop_types.default.func,
/**
* The transition orientation.
* @default 'vertical'
*/
orientation: import_prop_types.default.oneOf(["horizontal", "vertical"]),
/**
* @ignore
*/
style: import_prop_types.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object, import_prop_types.default.bool])), import_prop_types.default.func, import_prop_types.default.object]),
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
*
* Set to 'auto' to automatically calculate transition time based on height.
* @default duration.standard
*/
timeout: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["auto"]), import_prop_types.default.number, import_prop_types.default.shape({
appear: import_prop_types.default.number,
enter: import_prop_types.default.number,
exit: import_prop_types.default.number
})])
} : void 0;
Collapse.muiSupportAuto = true;
var Collapse_default = Collapse;
// node_modules/@mui/material/Accordion/AccordionContext.js
var React2 = __toESM(require_react());
var AccordionContext = React2.createContext({});
if (true) {
AccordionContext.displayName = "AccordionContext";
}
var AccordionContext_default = AccordionContext;
// node_modules/@mui/material/utils/useSlot.js
init_extends();
var _excluded2 = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"];
var _excluded22 = ["component", "slots", "slotProps"];
var _excluded3 = ["component"];
function useSlot(name, parameters) {
const {
className,
elementType: initialElementType,
ownerState,
externalForwardedProps,
getSlotOwnerState,
internalForwardedProps
} = parameters, useSlotPropsParams = _objectWithoutPropertiesLoose(parameters, _excluded2);
const {
component: rootComponent,
slots = {
[name]: void 0
},
slotProps = {
[name]: void 0
}
} = externalForwardedProps, other = _objectWithoutPropertiesLoose(externalForwardedProps, _excluded22);
const elementType = slots[name] || initialElementType;
const resolvedComponentsProps = resolveComponentProps_default(slotProps[name], ownerState);
const _mergeSlotProps = mergeSlotProps_default(_extends({
className
}, useSlotPropsParams, {
externalForwardedProps: name === "root" ? other : void 0,
externalSlotProps: resolvedComponentsProps
})), {
props: {
component: slotComponent
},
internalRef
} = _mergeSlotProps, mergedProps = _objectWithoutPropertiesLoose(_mergeSlotProps.props, _excluded3);
const ref = useForkRef(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, parameters.ref);
const slotOwnerState = getSlotOwnerState ? getSlotOwnerState(mergedProps) : {};
const finalOwnerState = _extends({}, ownerState, slotOwnerState);
const LeafComponent = name === "root" ? slotComponent || rootComponent : slotComponent;
const props = appendOwnerState_default(elementType, _extends({}, name === "root" && !rootComponent && !slots[name] && internalForwardedProps, name !== "root" && !slots[name] && internalForwardedProps, mergedProps, LeafComponent && {
as: LeafComponent
}, {
ref
}), finalOwnerState);
Object.keys(slotOwnerState).forEach((propName) => {
delete props[propName];
});
return [elementType, props];
}
// node_modules/@mui/material/Accordion/accordionClasses.js
function getAccordionUtilityClass(slot) {
return generateUtilityClass("MuiAccordion", slot);
}
var accordionClasses = generateUtilityClasses("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutters", "region"]);
var accordionClasses_default = accordionClasses;
// node_modules/@mui/material/Accordion/Accordion.js
var import_jsx_runtime2 = __toESM(require_jsx_runtime());
var import_jsx_runtime3 = __toESM(require_jsx_runtime());
var _excluded4 = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
var useUtilityClasses2 = (ownerState) => {
const {
classes,
square,
expanded,
disabled,
disableGutters
} = ownerState;
const slots = {
root: ["root", !square && "rounded", expanded && "expanded", disabled && "disabled", !disableGutters && "gutters"],
region: ["region"]
};
return composeClasses(slots, getAccordionUtilityClass, classes);
};
var AccordionRoot = styled_default(Paper_default, {
name: "MuiAccordion",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [{
[`& .${accordionClasses_default.region}`]: styles3.region
}, styles3.root, !ownerState.square && styles3.rounded, !ownerState.disableGutters && styles3.gutters];
}
})(({
theme
}) => {
const transition = {
duration: theme.transitions.duration.shortest
};
return {
position: "relative",
transition: theme.transitions.create(["margin"], transition),
overflowAnchor: "none",
// Keep the same scrolling position
"&::before": {
position: "absolute",
left: 0,
top: -1,
right: 0,
height: 1,
content: '""',
opacity: 1,
backgroundColor: (theme.vars || theme).palette.divider,
transition: theme.transitions.create(["opacity", "background-color"], transition)
},
"&:first-of-type": {
"&::before": {
display: "none"
}
},
[`&.${accordionClasses_default.expanded}`]: {
"&::before": {
opacity: 0
},
"&:first-of-type": {
marginTop: 0
},
"&:last-of-type": {
marginBottom: 0
},
"& + &": {
"&::before": {
display: "none"
}
}
},
[`&.${accordionClasses_default.disabled}`]: {
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
}
};
}, ({
theme
}) => ({
variants: [{
props: (props) => !props.square,
style: {
borderRadius: 0,
"&:first-of-type": {
borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
borderTopRightRadius: (theme.vars || theme).shape.borderRadius
},
"&:last-of-type": {
borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
// Fix a rendering issue on Edge
"@supports (-ms-ime-align: auto)": {
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0
}
}
}
}, {
props: (props) => !props.disableGutters,
style: {
[`&.${accordionClasses_default.expanded}`]: {
margin: "16px 0"
}
}
}]
}));
var Accordion = React3.forwardRef(function Accordion2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAccordion"
});
const {
children: childrenProp,
className,
defaultExpanded = false,
disabled = false,
disableGutters = false,
expanded: expandedProp,
onChange,
square = false,
slots = {},
slotProps = {},
TransitionComponent: TransitionComponentProp,
TransitionProps: TransitionPropsProp
} = props, other = _objectWithoutPropertiesLoose(props, _excluded4);
const [expanded, setExpandedState] = useControlled_default({
controlled: expandedProp,
default: defaultExpanded,
name: "Accordion",
state: "expanded"
});
const handleChange = React3.useCallback((event) => {
setExpandedState(!expanded);
if (onChange) {
onChange(event, !expanded);
}
}, [expanded, onChange, setExpandedState]);
const [summary, ...children] = React3.Children.toArray(childrenProp);
const contextValue = React3.useMemo(() => ({
expanded,
disabled,
disableGutters,
toggle: handleChange
}), [expanded, disabled, disableGutters, handleChange]);
const ownerState = _extends({}, props, {
square,
disabled,
disableGutters,
expanded
});
const classes = useUtilityClasses2(ownerState);
const backwardCompatibleSlots = _extends({
transition: TransitionComponentProp
}, slots);
const backwardCompatibleSlotProps = _extends({
transition: TransitionPropsProp
}, slotProps);
const [TransitionSlot, transitionProps] = useSlot("transition", {
elementType: Collapse_default,
externalForwardedProps: {
slots: backwardCompatibleSlots,
slotProps: backwardCompatibleSlotProps
},
ownerState
});
return (0, import_jsx_runtime3.jsxs)(AccordionRoot, _extends({
className: clsx_default(classes.root, className),
ref,
ownerState,
square
}, other, {
children: [(0, import_jsx_runtime2.jsx)(AccordionContext_default.Provider, {
value: contextValue,
children: summary
}), (0, import_jsx_runtime2.jsx)(TransitionSlot, _extends({
in: expanded,
timeout: "auto"
}, transitionProps, {
children: (0, import_jsx_runtime2.jsx)("div", {
"aria-labelledby": summary.props.id,
id: summary.props["aria-controls"],
role: "region",
className: classes.region,
children
})
}))]
}));
});
true ? Accordion.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: chainPropTypes(import_prop_types2.default.node.isRequired, (props) => {
const summary = React3.Children.toArray(props.children)[0];
if ((0, import_react_is.isFragment)(summary)) {
return new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.");
}
if (!React3.isValidElement(summary)) {
return new Error("MUI: Expected the first child of Accordion to be a valid element.");
}
return null;
}),
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types2.default.object,
/**
* @ignore
*/
className: import_prop_types2.default.string,
/**
* If `true`, expands the accordion by default.
* @default false
*/
defaultExpanded: import_prop_types2.default.bool,
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types2.default.bool,
/**
* If `true`, it removes the margin between two expanded accordion items and the increase of height.
* @default false
*/
disableGutters: import_prop_types2.default.bool,
/**
* If `true`, expands the accordion, otherwise collapse it.
* Setting this prop enables control over the accordion.
*/
expanded: import_prop_types2.default.bool,
/**
* Callback fired when the expand/collapse state is changed.
*
* @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
* @param {boolean} expanded The `expanded` state of the accordion.
*/
onChange: import_prop_types2.default.func,
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types2.default.shape({
transition: import_prop_types2.default.oneOfType([import_prop_types2.default.func, import_prop_types2.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types2.default.shape({
transition: import_prop_types2.default.elementType
}),
/**
* If `true`, rounded corners are disabled.
* @default false
*/
square: import_prop_types2.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types2.default.oneOfType([import_prop_types2.default.arrayOf(import_prop_types2.default.oneOfType([import_prop_types2.default.func, import_prop_types2.default.object, import_prop_types2.default.bool])), import_prop_types2.default.func, import_prop_types2.default.object]),
/**
* The component used for the transition.
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
* @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
*/
TransitionComponent: import_prop_types2.default.elementType,
/**
* Props applied to the transition element.
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
* @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
*/
TransitionProps: import_prop_types2.default.object
} : void 0;
var Accordion_default = Accordion;
// node_modules/@mui/material/AccordionActions/AccordionActions.js
init_extends();
var React4 = __toESM(require_react());
var import_prop_types3 = __toESM(require_prop_types());
// node_modules/@mui/material/AccordionActions/accordionActionsClasses.js
function getAccordionActionsUtilityClass(slot) {
return generateUtilityClass("MuiAccordionActions", slot);
}
var accordionActionsClasses = generateUtilityClasses("MuiAccordionActions", ["root", "spacing"]);
var accordionActionsClasses_default = accordionActionsClasses;
// node_modules/@mui/material/AccordionActions/AccordionActions.js
var import_jsx_runtime4 = __toESM(require_jsx_runtime());
var _excluded5 = ["className", "disableSpacing"];
var useUtilityClasses3 = (ownerState) => {
const {
classes,
disableSpacing
} = ownerState;
const slots = {
root: ["root", !disableSpacing && "spacing"]
};
return composeClasses(slots, getAccordionActionsUtilityClass, classes);
};
var AccordionActionsRoot = styled_default("div", {
name: "MuiAccordionActions",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, !ownerState.disableSpacing && styles3.spacing];
}
})({
display: "flex",
alignItems: "center",
padding: 8,
justifyContent: "flex-end",
variants: [{
props: (props) => !props.disableSpacing,
style: {
"& > :not(style) ~ :not(style)": {
marginLeft: 8
}
}
}]
});
var AccordionActions = React4.forwardRef(function AccordionActions2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAccordionActions"
});
const {
className,
disableSpacing = false
} = props, other = _objectWithoutPropertiesLoose(props, _excluded5);
const ownerState = _extends({}, props, {
disableSpacing
});
const classes = useUtilityClasses3(ownerState);
return (0, import_jsx_runtime4.jsx)(AccordionActionsRoot, _extends({
className: clsx_default(classes.root, className),
ref,
ownerState
}, other));
});
true ? AccordionActions.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types3.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types3.default.object,
/**
* @ignore
*/
className: import_prop_types3.default.string,
/**
* If `true`, the actions do not have additional margin.
* @default false
*/
disableSpacing: import_prop_types3.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types3.default.oneOfType([import_prop_types3.default.arrayOf(import_prop_types3.default.oneOfType([import_prop_types3.default.func, import_prop_types3.default.object, import_prop_types3.default.bool])), import_prop_types3.default.func, import_prop_types3.default.object])
} : void 0;
var AccordionActions_default = AccordionActions;
// node_modules/@mui/material/AccordionDetails/AccordionDetails.js
init_extends();
var React5 = __toESM(require_react());
var import_prop_types4 = __toESM(require_prop_types());
// node_modules/@mui/material/AccordionDetails/accordionDetailsClasses.js
function getAccordionDetailsUtilityClass(slot) {
return generateUtilityClass("MuiAccordionDetails", slot);
}
var accordionDetailsClasses = generateUtilityClasses("MuiAccordionDetails", ["root"]);
var accordionDetailsClasses_default = accordionDetailsClasses;
// node_modules/@mui/material/AccordionDetails/AccordionDetails.js
var import_jsx_runtime5 = __toESM(require_jsx_runtime());
var _excluded6 = ["className"];
var useUtilityClasses4 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
return composeClasses(slots, getAccordionDetailsUtilityClass, classes);
};
var AccordionDetailsRoot = styled_default("div", {
name: "MuiAccordionDetails",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})(({
theme
}) => ({
padding: theme.spacing(1, 2, 2)
}));
var AccordionDetails = React5.forwardRef(function AccordionDetails2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAccordionDetails"
});
const {
className
} = props, other = _objectWithoutPropertiesLoose(props, _excluded6);
const ownerState = props;
const classes = useUtilityClasses4(ownerState);
return (0, import_jsx_runtime5.jsx)(AccordionDetailsRoot, _extends({
className: clsx_default(classes.root, className),
ref,
ownerState
}, other));
});
true ? AccordionDetails.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types4.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types4.default.object,
/**
* @ignore
*/
className: import_prop_types4.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types4.default.oneOfType([import_prop_types4.default.arrayOf(import_prop_types4.default.oneOfType([import_prop_types4.default.func, import_prop_types4.default.object, import_prop_types4.default.bool])), import_prop_types4.default.func, import_prop_types4.default.object])
} : void 0;
var AccordionDetails_default = AccordionDetails;
// node_modules/@mui/material/AccordionSummary/AccordionSummary.js
init_extends();
var React6 = __toESM(require_react());
var import_prop_types5 = __toESM(require_prop_types());
// node_modules/@mui/material/AccordionSummary/accordionSummaryClasses.js
function getAccordionSummaryUtilityClass(slot) {
return generateUtilityClass("MuiAccordionSummary", slot);
}
var accordionSummaryClasses = generateUtilityClasses("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]);
var accordionSummaryClasses_default = accordionSummaryClasses;
// node_modules/@mui/material/AccordionSummary/AccordionSummary.js
var import_jsx_runtime6 = __toESM(require_jsx_runtime());
var import_jsx_runtime7 = __toESM(require_jsx_runtime());
var _excluded7 = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
var useUtilityClasses5 = (ownerState) => {
const {
classes,
expanded,
disabled,
disableGutters
} = ownerState;
const slots = {
root: ["root", expanded && "expanded", disabled && "disabled", !disableGutters && "gutters"],
focusVisible: ["focusVisible"],
content: ["content", expanded && "expanded", !disableGutters && "contentGutters"],
expandIconWrapper: ["expandIconWrapper", expanded && "expanded"]
};
return composeClasses(slots, getAccordionSummaryUtilityClass, classes);
};
var AccordionSummaryRoot = styled_default(ButtonBase_default, {
name: "MuiAccordionSummary",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})(({
theme
}) => {
const transition = {
duration: theme.transitions.duration.shortest
};
return {
display: "flex",
minHeight: 48,
padding: theme.spacing(0, 2),
transition: theme.transitions.create(["min-height", "background-color"], transition),
[`&.${accordionSummaryClasses_default.focusVisible}`]: {
backgroundColor: (theme.vars || theme).palette.action.focus
},
[`&.${accordionSummaryClasses_default.disabled}`]: {
opacity: (theme.vars || theme).palette.action.disabledOpacity
},
[`&:hover:not(.${accordionSummaryClasses_default.disabled})`]: {
cursor: "pointer"
},
variants: [{
props: (props) => !props.disableGutters,
style: {
[`&.${accordionSummaryClasses_default.expanded}`]: {
minHeight: 64
}
}
}]
};
});
var AccordionSummaryContent = styled_default("div", {
name: "MuiAccordionSummary",
slot: "Content",
overridesResolver: (props, styles3) => styles3.content
})(({
theme
}) => ({
display: "flex",
flexGrow: 1,
margin: "12px 0",
variants: [{
props: (props) => !props.disableGutters,
style: {
transition: theme.transitions.create(["margin"], {
duration: theme.transitions.duration.shortest
}),
[`&.${accordionSummaryClasses_default.expanded}`]: {
margin: "20px 0"
}
}
}]
}));
var AccordionSummaryExpandIconWrapper = styled_default("div", {
name: "MuiAccordionSummary",
slot: "ExpandIconWrapper",
overridesResolver: (props, styles3) => styles3.expandIconWrapper
})(({
theme
}) => ({
display: "flex",
color: (theme.vars || theme).palette.action.active,
transform: "rotate(0deg)",
transition: theme.transitions.create("transform", {
duration: theme.transitions.duration.shortest
}),
[`&.${accordionSummaryClasses_default.expanded}`]: {
transform: "rotate(180deg)"
}
}));
var AccordionSummary = React6.forwardRef(function AccordionSummary2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAccordionSummary"
});
const {
children,
className,
expandIcon,
focusVisibleClassName,
onClick
} = props, other = _objectWithoutPropertiesLoose(props, _excluded7);
const {
disabled = false,
disableGutters,
expanded,
toggle
} = React6.useContext(AccordionContext_default);
const handleChange = (event) => {
if (toggle) {
toggle(event);
}
if (onClick) {
onClick(event);
}
};
const ownerState = _extends({}, props, {
expanded,
disabled,
disableGutters
});
const classes = useUtilityClasses5(ownerState);
return (0, import_jsx_runtime7.jsxs)(AccordionSummaryRoot, _extends({
focusRipple: false,
disableRipple: true,
disabled,
component: "div",
"aria-expanded": expanded,
className: clsx_default(classes.root, className),
focusVisibleClassName: clsx_default(classes.focusVisible, focusVisibleClassName),
onClick: handleChange,
ref,
ownerState
}, other, {
children: [(0, import_jsx_runtime6.jsx)(AccordionSummaryContent, {
className: classes.content,
ownerState,
children
}), expandIcon && (0, import_jsx_runtime6.jsx)(AccordionSummaryExpandIconWrapper, {
className: classes.expandIconWrapper,
ownerState,
children: expandIcon
})]
}));
});
true ? AccordionSummary.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types5.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types5.default.object,
/**
* @ignore
*/
className: import_prop_types5.default.string,
/**
* The icon to display as the expand indicator.
*/
expandIcon: import_prop_types5.default.node,
/**
* This prop can help identify which element has keyboard focus.
* The class name will be applied when the element gains the focus through keyboard interaction.
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
* if needed.
*/
focusVisibleClassName: import_prop_types5.default.string,
/**
* @ignore
*/
onClick: import_prop_types5.default.func,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types5.default.oneOfType([import_prop_types5.default.arrayOf(import_prop_types5.default.oneOfType([import_prop_types5.default.func, import_prop_types5.default.object, import_prop_types5.default.bool])), import_prop_types5.default.func, import_prop_types5.default.object])
} : void 0;
var AccordionSummary_default = AccordionSummary;
// node_modules/@mui/material/Alert/Alert.js
init_extends();
var React11 = __toESM(require_react());
var import_prop_types6 = __toESM(require_prop_types());
var import_colorManipulator = __toESM(require_colorManipulator());
// node_modules/@mui/material/Alert/alertClasses.js
function getAlertUtilityClass(slot) {
return generateUtilityClass("MuiAlert", slot);
}
var alertClasses = generateUtilityClasses("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]);
var alertClasses_default = alertClasses;
// node_modules/@mui/material/internal/svg-icons/SuccessOutlined.js
var React7 = __toESM(require_react());
var import_jsx_runtime8 = __toESM(require_jsx_runtime());
var SuccessOutlined_default = createSvgIcon((0, import_jsx_runtime8.jsx)("path", {
d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
}), "SuccessOutlined");
// node_modules/@mui/material/internal/svg-icons/ReportProblemOutlined.js
var React8 = __toESM(require_react());
var import_jsx_runtime9 = __toESM(require_jsx_runtime());
var ReportProblemOutlined_default = createSvgIcon((0, import_jsx_runtime9.jsx)("path", {
d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
}), "ReportProblemOutlined");
// node_modules/@mui/material/internal/svg-icons/ErrorOutline.js
var React9 = __toESM(require_react());
var import_jsx_runtime10 = __toESM(require_jsx_runtime());
var ErrorOutline_default = createSvgIcon((0, import_jsx_runtime10.jsx)("path", {
d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
}), "ErrorOutline");
// node_modules/@mui/material/internal/svg-icons/InfoOutlined.js
var React10 = __toESM(require_react());
var import_jsx_runtime11 = __toESM(require_jsx_runtime());
var InfoOutlined_default = createSvgIcon((0, import_jsx_runtime11.jsx)("path", {
d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
}), "InfoOutlined");
// node_modules/@mui/material/Alert/Alert.js
var import_jsx_runtime12 = __toESM(require_jsx_runtime());
var import_jsx_runtime13 = __toESM(require_jsx_runtime());
var _excluded8 = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
var useUtilityClasses6 = (ownerState) => {
const {
variant,
color,
severity,
classes
} = ownerState;
const slots = {
root: ["root", `color${capitalize_default(color || severity)}`, `${variant}${capitalize_default(color || severity)}`, `${variant}`],
icon: ["icon"],
message: ["message"],
action: ["action"]
};
return composeClasses(slots, getAlertUtilityClass, classes);
};
var AlertRoot = styled_default(Paper_default, {
name: "MuiAlert",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[ownerState.variant], styles3[`${ownerState.variant}${capitalize_default(ownerState.color || ownerState.severity)}`]];
}
})(({
theme
}) => {
const getColor = theme.palette.mode === "light" ? import_colorManipulator.darken : import_colorManipulator.lighten;
const getBackgroundColor = theme.palette.mode === "light" ? import_colorManipulator.lighten : import_colorManipulator.darken;
return _extends({}, theme.typography.body2, {
backgroundColor: "transparent",
display: "flex",
padding: "6px 16px",
variants: [...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
props: {
colorSeverity: color,
variant: "standard"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, 0.9),
[`& .${alertClasses_default.icon}`]: theme.vars ? {
color: theme.vars.palette.Alert[`${color}IconColor`]
} : {
color: theme.palette[color].main
}
}
})), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
props: {
colorSeverity: color,
variant: "outlined"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
border: `1px solid ${(theme.vars || theme).palette[color].light}`,
[`& .${alertClasses_default.icon}`]: theme.vars ? {
color: theme.vars.palette.Alert[`${color}IconColor`]
} : {
color: theme.palette[color].main
}
}
})), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.dark).map(([color]) => ({
props: {
colorSeverity: color,
variant: "filled"
},
style: _extends({
fontWeight: theme.typography.fontWeightMedium
}, theme.vars ? {
color: theme.vars.palette.Alert[`${color}FilledColor`],
backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
} : {
backgroundColor: theme.palette.mode === "dark" ? theme.palette[color].dark : theme.palette[color].main,
color: theme.palette.getContrastText(theme.palette[color].main)
})
}))]
});
});
var AlertIcon = styled_default("div", {
name: "MuiAlert",
slot: "Icon",
overridesResolver: (props, styles3) => styles3.icon
})({
marginRight: 12,
padding: "7px 0",
display: "flex",
fontSize: 22,
opacity: 0.9
});
var AlertMessage = styled_default("div", {
name: "MuiAlert",
slot: "Message",
overridesResolver: (props, styles3) => styles3.message
})({
padding: "8px 0",
minWidth: 0,
overflow: "auto"
});
var AlertAction = styled_default("div", {
name: "MuiAlert",
slot: "Action",
overridesResolver: (props, styles3) => styles3.action
})({
display: "flex",
alignItems: "flex-start",
padding: "4px 0 0 16px",
marginLeft: "auto",
marginRight: -8
});
var defaultIconMapping = {
success: (0, import_jsx_runtime12.jsx)(SuccessOutlined_default, {
fontSize: "inherit"
}),
warning: (0, import_jsx_runtime12.jsx)(ReportProblemOutlined_default, {
fontSize: "inherit"
}),
error: (0, import_jsx_runtime12.jsx)(ErrorOutline_default, {
fontSize: "inherit"
}),
info: (0, import_jsx_runtime12.jsx)(InfoOutlined_default, {
fontSize: "inherit"
})
};
var Alert = React11.forwardRef(function Alert2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAlert"
});
const {
action,
children,
className,
closeText = "Close",
color,
components = {},
componentsProps = {},
icon,
iconMapping = defaultIconMapping,
onClose,
role = "alert",
severity = "success",
slotProps = {},
slots = {},
variant = "standard"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded8);
const ownerState = _extends({}, props, {
color,
severity,
variant,
colorSeverity: color || severity
});
const classes = useUtilityClasses6(ownerState);
const externalForwardedProps = {
slots: _extends({
closeButton: components.CloseButton,
closeIcon: components.CloseIcon
}, slots),
slotProps: _extends({}, componentsProps, slotProps)
};
const [CloseButtonSlot, closeButtonProps] = useSlot("closeButton", {
elementType: IconButton_default,
externalForwardedProps,
ownerState
});
const [CloseIconSlot, closeIconProps] = useSlot("closeIcon", {
elementType: Close_default,
externalForwardedProps,
ownerState
});
return (0, import_jsx_runtime13.jsxs)(AlertRoot, _extends({
role,
elevation: 0,
ownerState,
className: clsx_default(classes.root, className),
ref
}, other, {
children: [icon !== false ? (0, import_jsx_runtime12.jsx)(AlertIcon, {
ownerState,
className: classes.icon,
children: icon || iconMapping[severity] || defaultIconMapping[severity]
}) : null, (0, import_jsx_runtime12.jsx)(AlertMessage, {
ownerState,
className: classes.message,
children
}), action != null ? (0, import_jsx_runtime12.jsx)(AlertAction, {
ownerState,
className: classes.action,
children: action
}) : null, action == null && onClose ? (0, import_jsx_runtime12.jsx)(AlertAction, {
ownerState,
className: classes.action,
children: (0, import_jsx_runtime12.jsx)(CloseButtonSlot, _extends({
size: "small",
"aria-label": closeText,
title: closeText,
color: "inherit",
onClick: onClose
}, closeButtonProps, {
children: (0, import_jsx_runtime12.jsx)(CloseIconSlot, _extends({
fontSize: "small"
}, closeIconProps))
}))
}) : null]
}));
});
true ? Alert.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The action to display. It renders after the message, at the end of the alert.
*/
action: import_prop_types6.default.node,
/**
* The content of the component.
*/
children: import_prop_types6.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types6.default.object,
/**
* @ignore
*/
className: import_prop_types6.default.string,
/**
* Override the default label for the *close popup* icon button.
*
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
* @default 'Close'
*/
closeText: import_prop_types6.default.string,
/**
* The color of the component. Unless provided, the value is taken from the `severity` prop.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
*/
color: import_prop_types6.default.oneOfType([import_prop_types6.default.oneOf(["error", "info", "success", "warning"]), import_prop_types6.default.string]),
/**
* The components used for each slot inside.
*
* @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
*
* @default {}
*/
components: import_prop_types6.default.shape({
CloseButton: import_prop_types6.default.elementType,
CloseIcon: import_prop_types6.default.elementType
}),
/**
* The extra props for the slot components.
* You can override the existing props or add new ones.
*
* @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
*
* @default {}
*/
componentsProps: import_prop_types6.default.shape({
closeButton: import_prop_types6.default.object,
closeIcon: import_prop_types6.default.object
}),
/**
* Override the icon displayed before the children.
* Unless provided, the icon is mapped to the value of the `severity` prop.
* Set to `false` to remove the `icon`.
*/
icon: import_prop_types6.default.node,
/**
* The component maps the `severity` prop to a range of different icons,
* for instance success to ``.
* If you wish to change this mapping, you can provide your own.
* Alternatively, you can use the `icon` prop to override the icon displayed.
*/
iconMapping: import_prop_types6.default.shape({
error: import_prop_types6.default.node,
info: import_prop_types6.default.node,
success: import_prop_types6.default.node,
warning: import_prop_types6.default.node
}),
/**
* Callback fired when the component requests to be closed.
* When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
* @param {React.SyntheticEvent} event The event source of the callback.
*/
onClose: import_prop_types6.default.func,
/**
* The ARIA role attribute of the element.
* @default 'alert'
*/
role: import_prop_types6.default.string,
/**
* The severity of the alert. This defines the color and icon used.
* @default 'success'
*/
severity: import_prop_types6.default.oneOfType([import_prop_types6.default.oneOf(["error", "info", "success", "warning"]), import_prop_types6.default.string]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types6.default.shape({
closeButton: import_prop_types6.default.oneOfType([import_prop_types6.default.func, import_prop_types6.default.object]),
closeIcon: import_prop_types6.default.oneOfType([import_prop_types6.default.func, import_prop_types6.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types6.default.shape({
closeButton: import_prop_types6.default.elementType,
closeIcon: import_prop_types6.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types6.default.oneOfType([import_prop_types6.default.arrayOf(import_prop_types6.default.oneOfType([import_prop_types6.default.func, import_prop_types6.default.object, import_prop_types6.default.bool])), import_prop_types6.default.func, import_prop_types6.default.object]),
/**
* The variant to use.
* @default 'standard'
*/
variant: import_prop_types6.default.oneOfType([import_prop_types6.default.oneOf(["filled", "outlined", "standard"]), import_prop_types6.default.string])
} : void 0;
var Alert_default = Alert;
// node_modules/@mui/material/AlertTitle/AlertTitle.js
init_extends();
var React12 = __toESM(require_react());
var import_prop_types7 = __toESM(require_prop_types());
// node_modules/@mui/material/AlertTitle/alertTitleClasses.js
function getAlertTitleUtilityClass(slot) {
return generateUtilityClass("MuiAlertTitle", slot);
}
var alertTitleClasses = generateUtilityClasses("MuiAlertTitle", ["root"]);
var alertTitleClasses_default = alertTitleClasses;
// node_modules/@mui/material/AlertTitle/AlertTitle.js
var import_jsx_runtime14 = __toESM(require_jsx_runtime());
var _excluded9 = ["className"];
var useUtilityClasses7 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
return composeClasses(slots, getAlertTitleUtilityClass, classes);
};
var AlertTitleRoot = styled_default(Typography_default, {
name: "MuiAlertTitle",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})(({
theme
}) => {
return {
fontWeight: theme.typography.fontWeightMedium,
marginTop: -2
};
});
var AlertTitle = React12.forwardRef(function AlertTitle2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAlertTitle"
});
const {
className
} = props, other = _objectWithoutPropertiesLoose(props, _excluded9);
const ownerState = props;
const classes = useUtilityClasses7(ownerState);
return (0, import_jsx_runtime14.jsx)(AlertTitleRoot, _extends({
gutterBottom: true,
component: "div",
ownerState,
ref,
className: clsx_default(classes.root, className)
}, other));
});
true ? AlertTitle.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types7.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types7.default.object,
/**
* @ignore
*/
className: import_prop_types7.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types7.default.oneOfType([import_prop_types7.default.arrayOf(import_prop_types7.default.oneOfType([import_prop_types7.default.func, import_prop_types7.default.object, import_prop_types7.default.bool])), import_prop_types7.default.func, import_prop_types7.default.object])
} : void 0;
var AlertTitle_default = AlertTitle;
// node_modules/@mui/material/AppBar/AppBar.js
init_extends();
var React13 = __toESM(require_react());
var import_prop_types8 = __toESM(require_prop_types());
// node_modules/@mui/material/AppBar/appBarClasses.js
function getAppBarUtilityClass(slot) {
return generateUtilityClass("MuiAppBar", slot);
}
var appBarClasses = generateUtilityClasses("MuiAppBar", ["root", "positionFixed", "positionAbsolute", "positionSticky", "positionStatic", "positionRelative", "colorDefault", "colorPrimary", "colorSecondary", "colorInherit", "colorTransparent", "colorError", "colorInfo", "colorSuccess", "colorWarning"]);
var appBarClasses_default = appBarClasses;
// node_modules/@mui/material/AppBar/AppBar.js
var import_jsx_runtime15 = __toESM(require_jsx_runtime());
var _excluded10 = ["className", "color", "enableColorOnDark", "position"];
var useUtilityClasses8 = (ownerState) => {
const {
color,
position,
classes
} = ownerState;
const slots = {
root: ["root", `color${capitalize_default(color)}`, `position${capitalize_default(position)}`]
};
return composeClasses(slots, getAppBarUtilityClass, classes);
};
var joinVars = (var1, var2) => var1 ? `${var1 == null ? void 0 : var1.replace(")", "")}, ${var2})` : var2;
var AppBarRoot = styled_default(Paper_default, {
name: "MuiAppBar",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[`position${capitalize_default(ownerState.position)}`], styles3[`color${capitalize_default(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.vars || 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.vars || theme).zIndex.appBar,
top: 0,
left: "auto",
right: 0
}, ownerState.position === "sticky" && {
// ⚠️ sticky is not supported by IE11.
position: "sticky",
zIndex: (theme.vars || theme).zIndex.appBar,
top: 0,
left: "auto",
right: 0
}, ownerState.position === "static" && {
position: "static"
}, ownerState.position === "relative" && {
position: "relative"
}, !theme.vars && _extends({}, 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"
})), theme.vars && _extends({}, ownerState.color === "default" && {
"--AppBar-background": ownerState.enableColorOnDark ? theme.vars.palette.AppBar.defaultBg : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette.AppBar.defaultBg),
"--AppBar-color": ownerState.enableColorOnDark ? theme.vars.palette.text.primary : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette.text.primary)
}, ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
"--AppBar-background": ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].main : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette[ownerState.color].main),
"--AppBar-color": ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].contrastText : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette[ownerState.color].contrastText)
}, !["inherit", "transparent"].includes(ownerState.color) && {
backgroundColor: "var(--AppBar-background)"
}, {
color: ownerState.color === "inherit" ? "inherit" : "var(--AppBar-color)"
}, ownerState.color === "transparent" && {
backgroundImage: "none",
backgroundColor: "transparent",
color: "inherit"
}));
});
var AppBar = React13.forwardRef(function AppBar2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAppBar"
});
const {
className,
color = "primary",
enableColorOnDark = false,
position = "fixed"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded10);
const ownerState = _extends({}, props, {
color,
position,
enableColorOnDark
});
const classes = useUtilityClasses8(ownerState);
return (0, import_jsx_runtime15.jsx)(AppBarRoot, _extends({
square: true,
component: "header",
ownerState,
elevation: 4,
className: clsx_default(classes.root, className, position === "fixed" && "mui-fixed"),
ref
}, other));
});
true ? AppBar.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types8.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types8.default.object,
/**
* @ignore
*/
className: import_prop_types8.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'primary'
*/
color: import_prop_types8.default.oneOfType([import_prop_types8.default.oneOf(["default", "inherit", "primary", "secondary", "transparent", "error", "info", "success", "warning"]), import_prop_types8.default.string]),
/**
* If true, the `color` prop is applied in dark mode.
* @default false
*/
enableColorOnDark: import_prop_types8.default.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: import_prop_types8.default.oneOf(["absolute", "fixed", "relative", "static", "sticky"]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types8.default.oneOfType([import_prop_types8.default.arrayOf(import_prop_types8.default.oneOfType([import_prop_types8.default.func, import_prop_types8.default.object, import_prop_types8.default.bool])), import_prop_types8.default.func, import_prop_types8.default.object])
} : void 0;
var AppBar_default = AppBar;
// node_modules/@mui/material/Avatar/Avatar.js
init_extends();
var React15 = __toESM(require_react());
var import_prop_types9 = __toESM(require_prop_types());
// node_modules/@mui/material/internal/svg-icons/Person.js
var React14 = __toESM(require_react());
var import_jsx_runtime16 = __toESM(require_jsx_runtime());
var Person_default = createSvgIcon((0, import_jsx_runtime16.jsx)("path", {
d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
}), "Person");
// node_modules/@mui/material/Avatar/avatarClasses.js
function getAvatarUtilityClass(slot) {
return generateUtilityClass("MuiAvatar", slot);
}
var avatarClasses = generateUtilityClasses("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
var avatarClasses_default = avatarClasses;
// node_modules/@mui/material/Avatar/Avatar.js
var import_jsx_runtime17 = __toESM(require_jsx_runtime());
var _excluded11 = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
var useUtilityClasses9 = (ownerState) => {
const {
classes,
variant,
colorDefault
} = ownerState;
const slots = {
root: ["root", variant, colorDefault && "colorDefault"],
img: ["img"],
fallback: ["fallback"]
};
return composeClasses(slots, getAvatarUtilityClass, classes);
};
var AvatarRoot = styled_default("div", {
name: "MuiAvatar",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[ownerState.variant], ownerState.colorDefault && styles3.colorDefault];
}
})(({
theme
}) => ({
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",
variants: [{
props: {
variant: "rounded"
},
style: {
borderRadius: (theme.vars || theme).shape.borderRadius
}
}, {
props: {
variant: "square"
},
style: {
borderRadius: 0
}
}, {
props: {
colorDefault: true
},
style: _extends({
color: (theme.vars || theme).palette.background.default
}, theme.vars ? {
backgroundColor: theme.vars.palette.Avatar.defaultBg
} : _extends({
backgroundColor: theme.palette.grey[400]
}, theme.applyStyles("dark", {
backgroundColor: theme.palette.grey[600]
})))
}]
}));
var AvatarImg = styled_default("img", {
name: "MuiAvatar",
slot: "Img",
overridesResolver: (props, styles3) => styles3.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: 1e4
});
var AvatarFallback = styled_default(Person_default, {
name: "MuiAvatar",
slot: "Fallback",
overridesResolver: (props, styles3) => styles3.fallback
})({
width: "75%",
height: "75%"
});
function useLoaded({
crossOrigin,
referrerPolicy,
src,
srcSet
}) {
const [loaded, setLoaded] = React15.useState(false);
React15.useEffect(() => {
if (!src && !srcSet) {
return void 0;
}
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;
}
var Avatar = React15.forwardRef(function Avatar2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAvatar"
});
const {
alt,
children: childrenProp,
className,
component = "div",
slots = {},
slotProps = {},
imgProps,
sizes,
src,
srcSet,
variant = "circular"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded11);
let children = null;
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 = useUtilityClasses9(ownerState);
const [ImgSlot, imgSlotProps] = useSlot("img", {
className: classes.img,
elementType: AvatarImg,
externalForwardedProps: {
slots,
slotProps: {
img: _extends({}, imgProps, slotProps.img)
}
},
additionalProps: {
alt,
src,
srcSet,
sizes
},
ownerState
});
if (hasImgNotFailing) {
children = (0, import_jsx_runtime17.jsx)(ImgSlot, _extends({}, imgSlotProps));
} else if (!!childrenProp || childrenProp === 0) {
children = childrenProp;
} else if (hasImg && alt) {
children = alt[0];
} else {
children = (0, import_jsx_runtime17.jsx)(AvatarFallback, {
ownerState,
className: classes.fallback
});
}
return (0, import_jsx_runtime17.jsx)(AvatarRoot, _extends({
as: component,
ownerState,
className: clsx_default(classes.root, className),
ref
}, other, {
children
}));
});
true ? Avatar.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Used in combination with `src` or `srcSet` to
* provide an alt attribute for the rendered `img` element.
*/
alt: import_prop_types9.default.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: import_prop_types9.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types9.default.object,
/**
* @ignore
*/
className: import_prop_types9.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types9.default.elementType,
/**
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#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.
* @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
*/
imgProps: import_prop_types9.default.object,
/**
* The `sizes` attribute for the `img` element.
*/
sizes: import_prop_types9.default.string,
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types9.default.shape({
img: import_prop_types9.default.oneOfType([import_prop_types9.default.func, import_prop_types9.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types9.default.shape({
img: import_prop_types9.default.elementType
}),
/**
* The `src` attribute for the `img` element.
*/
src: import_prop_types9.default.string,
/**
* The `srcSet` attribute for the `img` element.
* Use this attribute for responsive image display.
*/
srcSet: import_prop_types9.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types9.default.oneOfType([import_prop_types9.default.arrayOf(import_prop_types9.default.oneOfType([import_prop_types9.default.func, import_prop_types9.default.object, import_prop_types9.default.bool])), import_prop_types9.default.func, import_prop_types9.default.object]),
/**
* The shape of the avatar.
* @default 'circular'
*/
variant: import_prop_types9.default.oneOfType([import_prop_types9.default.oneOf(["circular", "rounded", "square"]), import_prop_types9.default.string])
} : void 0;
var Avatar_default = Avatar;
// node_modules/@mui/material/AvatarGroup/AvatarGroup.js
init_extends();
var React16 = __toESM(require_react());
var import_prop_types10 = __toESM(require_prop_types());
var import_react_is2 = __toESM(require_react_is());
// node_modules/@mui/material/AvatarGroup/avatarGroupClasses.js
function getAvatarGroupUtilityClass(slot) {
return generateUtilityClass("MuiAvatarGroup", slot);
}
var avatarGroupClasses = generateUtilityClasses("MuiAvatarGroup", ["root", "avatar"]);
var avatarGroupClasses_default = avatarGroupClasses;
// node_modules/@mui/material/AvatarGroup/AvatarGroup.js
var import_jsx_runtime18 = __toESM(require_jsx_runtime());
var import_jsx_runtime19 = __toESM(require_jsx_runtime());
var _excluded12 = ["children", "className", "component", "componentsProps", "max", "renderSurplus", "slotProps", "spacing", "total", "variant"];
var SPACINGS = {
small: -16,
medium: null
};
var useUtilityClasses10 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"],
avatar: ["avatar"]
};
return composeClasses(slots, getAvatarGroupUtilityClass, classes);
};
var AvatarGroupRoot = styled_default("div", {
name: "MuiAvatarGroup",
slot: "Root",
overridesResolver: (props, styles3) => _extends({
[`& .${avatarGroupClasses_default.avatar}`]: styles3.avatar
}, styles3.root)
})(({
theme,
ownerState
}) => {
const marginValue = ownerState.spacing && SPACINGS[ownerState.spacing] !== void 0 ? SPACINGS[ownerState.spacing] : -ownerState.spacing;
return {
[`& .${avatarClasses_default.root}`]: {
border: `2px solid ${(theme.vars || theme).palette.background.default}`,
boxSizing: "content-box",
marginLeft: marginValue != null ? marginValue : -8,
"&:last-child": {
marginLeft: 0
}
},
display: "flex",
flexDirection: "row-reverse"
};
});
var AvatarGroup = React16.forwardRef(function AvatarGroup2(inProps, ref) {
var _slotProps$additional;
const props = useDefaultProps({
props: inProps,
name: "MuiAvatarGroup"
});
const {
children: childrenProp,
className,
component = "div",
componentsProps = {},
max = 5,
renderSurplus,
slotProps = {},
spacing = "medium",
total,
variant = "circular"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded12);
let clampedMax = max < 2 ? 2 : max;
const ownerState = _extends({}, props, {
max,
spacing,
component,
variant
});
const classes = useUtilityClasses10(ownerState);
const children = React16.Children.toArray(childrenProp).filter((child) => {
if (true) {
if ((0, import_react_is2.isFragment)(child)) {
console.error(["MUI: The AvatarGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
}
}
return React16.isValidElement(child);
});
const totalAvatars = total || children.length;
if (totalAvatars === clampedMax) {
clampedMax += 1;
}
clampedMax = Math.min(totalAvatars + 1, clampedMax);
const maxAvatars = Math.min(children.length, clampedMax - 1);
const extraAvatars = Math.max(totalAvatars - clampedMax, totalAvatars - maxAvatars, 0);
const extraAvatarsElement = renderSurplus ? renderSurplus(extraAvatars) : `+${extraAvatars}`;
const additionalAvatarSlotProps = (_slotProps$additional = slotProps.additionalAvatar) != null ? _slotProps$additional : componentsProps.additionalAvatar;
return (0, import_jsx_runtime19.jsxs)(AvatarGroupRoot, _extends({
as: component,
ownerState,
className: clsx_default(classes.root, className),
ref
}, other, {
children: [extraAvatars ? (0, import_jsx_runtime18.jsx)(Avatar_default, _extends({
variant
}, additionalAvatarSlotProps, {
className: clsx_default(classes.avatar, additionalAvatarSlotProps == null ? void 0 : additionalAvatarSlotProps.className),
children: extraAvatarsElement
})) : null, children.slice(0, maxAvatars).reverse().map((child) => {
return React16.cloneElement(child, {
className: clsx_default(child.props.className, classes.avatar),
variant: child.props.variant || variant
});
})]
}));
});
true ? AvatarGroup.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The avatars to stack.
*/
children: import_prop_types10.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types10.default.object,
/**
* @ignore
*/
className: import_prop_types10.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types10.default.elementType,
/**
* The extra props for the slot components.
* You can override the existing props or add new ones.
*
* This prop is an alias for the `slotProps` prop.
* It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
*
* @default {}
*/
componentsProps: import_prop_types10.default.shape({
additionalAvatar: import_prop_types10.default.object
}),
/**
* Max avatars to show before +x.
* @default 5
*/
max: chainPropTypes(import_prop_types10.default.number, (props) => {
if (props.max < 2) {
return new Error(["MUI: The prop `max` should be equal to 2 or above.", "A value below is clamped to 2."].join("\n"));
}
return null;
}),
/**
* custom renderer of extraAvatars
* @param {number} surplus number of extra avatars
* @returns {React.ReactNode} custom element to display
*/
renderSurplus: import_prop_types10.default.func,
/**
* The extra props for the slot components.
* You can override the existing props or add new ones.
*
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
*
* @default {}
*/
slotProps: import_prop_types10.default.shape({
additionalAvatar: import_prop_types10.default.object
}),
/**
* Spacing between avatars.
* @default 'medium'
*/
spacing: import_prop_types10.default.oneOfType([import_prop_types10.default.oneOf(["medium", "small"]), import_prop_types10.default.number]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types10.default.oneOfType([import_prop_types10.default.arrayOf(import_prop_types10.default.oneOfType([import_prop_types10.default.func, import_prop_types10.default.object, import_prop_types10.default.bool])), import_prop_types10.default.func, import_prop_types10.default.object]),
/**
* The total number of avatars. Used for calculating the number of extra avatars.
* @default children.length
*/
total: import_prop_types10.default.number,
/**
* The variant to use.
* @default 'circular'
*/
variant: import_prop_types10.default.oneOfType([import_prop_types10.default.oneOf(["circular", "rounded", "square"]), import_prop_types10.default.string])
} : void 0;
var AvatarGroup_default = AvatarGroup;
// node_modules/@mui/material/BottomNavigation/BottomNavigation.js
init_extends();
var React17 = __toESM(require_react());
var import_react_is3 = __toESM(require_react_is());
var import_prop_types11 = __toESM(require_prop_types());
// node_modules/@mui/material/BottomNavigation/bottomNavigationClasses.js
function getBottomNavigationUtilityClass(slot) {
return generateUtilityClass("MuiBottomNavigation", slot);
}
var bottomNavigationClasses = generateUtilityClasses("MuiBottomNavigation", ["root"]);
var bottomNavigationClasses_default = bottomNavigationClasses;
// node_modules/@mui/material/BottomNavigation/BottomNavigation.js
var import_jsx_runtime20 = __toESM(require_jsx_runtime());
var _excluded13 = ["children", "className", "component", "onChange", "showLabels", "value"];
var useUtilityClasses11 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
return composeClasses(slots, getBottomNavigationUtilityClass, classes);
};
var BottomNavigationRoot = styled_default("div", {
name: "MuiBottomNavigation",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})(({
theme
}) => ({
display: "flex",
justifyContent: "center",
height: 56,
backgroundColor: (theme.vars || theme).palette.background.paper
}));
var BottomNavigation = React17.forwardRef(function BottomNavigation2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiBottomNavigation"
});
const {
children,
className,
component = "div",
onChange,
showLabels = false,
value
} = props, other = _objectWithoutPropertiesLoose(props, _excluded13);
const ownerState = _extends({}, props, {
component,
showLabels
});
const classes = useUtilityClasses11(ownerState);
return (0, import_jsx_runtime20.jsx)(BottomNavigationRoot, _extends({
as: component,
className: clsx_default(classes.root, className),
ref,
ownerState
}, other, {
children: React17.Children.map(children, (child, childIndex) => {
if (!React17.isValidElement(child)) {
return null;
}
if (true) {
if ((0, import_react_is3.isFragment)(child)) {
console.error(["MUI: The BottomNavigation component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
}
}
const childValue = child.props.value === void 0 ? childIndex : child.props.value;
return React17.cloneElement(child, {
selected: childValue === value,
showLabel: child.props.showLabel !== void 0 ? child.props.showLabel : showLabels,
value: childValue,
onChange
});
})
}));
});
true ? BottomNavigation.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types11.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types11.default.object,
/**
* @ignore
*/
className: import_prop_types11.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types11.default.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: import_prop_types11.default.func,
/**
* If `true`, all `BottomNavigationAction`s will show their labels.
* By default, only the selected `BottomNavigationAction` will show its label.
* @default false
*/
showLabels: import_prop_types11.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types11.default.oneOfType([import_prop_types11.default.arrayOf(import_prop_types11.default.oneOfType([import_prop_types11.default.func, import_prop_types11.default.object, import_prop_types11.default.bool])), import_prop_types11.default.func, import_prop_types11.default.object]),
/**
* The value of the currently selected `BottomNavigationAction`.
*/
value: import_prop_types11.default.any
} : void 0;
var BottomNavigation_default = BottomNavigation;
// node_modules/@mui/material/BottomNavigationAction/BottomNavigationAction.js
init_extends();
var React18 = __toESM(require_react());
var import_prop_types12 = __toESM(require_prop_types());
// node_modules/@mui/material/BottomNavigationAction/bottomNavigationActionClasses.js
function getBottomNavigationActionUtilityClass(slot) {
return generateUtilityClass("MuiBottomNavigationAction", slot);
}
var bottomNavigationActionClasses = generateUtilityClasses("MuiBottomNavigationAction", ["root", "iconOnly", "selected", "label"]);
var bottomNavigationActionClasses_default = bottomNavigationActionClasses;
// node_modules/@mui/material/BottomNavigationAction/BottomNavigationAction.js
var import_jsx_runtime21 = __toESM(require_jsx_runtime());
var import_jsx_runtime22 = __toESM(require_jsx_runtime());
var _excluded14 = ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"];
var useUtilityClasses12 = (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);
};
var BottomNavigationActionRoot = styled_default(ButtonBase_default, {
name: "MuiBottomNavigationAction",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, !ownerState.showLabel && !ownerState.selected && styles3.iconOnly];
}
})(({
theme,
ownerState
}) => _extends({
transition: theme.transitions.create(["color", "padding-top"], {
duration: theme.transitions.duration.short
}),
padding: "0px 12px",
minWidth: 80,
maxWidth: 168,
color: (theme.vars || theme).palette.text.secondary,
flexDirection: "column",
flex: "1"
}, !ownerState.showLabel && !ownerState.selected && {
paddingTop: 14
}, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
paddingTop: 0
}, {
[`&.${bottomNavigationActionClasses_default.selected}`]: {
color: (theme.vars || theme).palette.primary.main
}
}));
var BottomNavigationActionLabel = styled_default("span", {
name: "MuiBottomNavigationAction",
slot: "Label",
overridesResolver: (props, styles3) => styles3.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_default.selected}`]: {
fontSize: theme.typography.pxToRem(14)
}
}));
var BottomNavigationAction = React18.forwardRef(function BottomNavigationAction2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiBottomNavigationAction"
});
const {
className,
icon,
label,
onChange,
onClick,
value
} = props, other = _objectWithoutPropertiesLoose(props, _excluded14);
const ownerState = props;
const classes = useUtilityClasses12(ownerState);
const handleChange = (event) => {
if (onChange) {
onChange(event, value);
}
if (onClick) {
onClick(event);
}
};
return (0, import_jsx_runtime22.jsxs)(BottomNavigationActionRoot, _extends({
ref,
className: clsx_default(classes.root, className),
focusRipple: true,
onClick: handleChange,
ownerState
}, other, {
children: [icon, (0, import_jsx_runtime21.jsx)(BottomNavigationActionLabel, {
className: classes.label,
ownerState,
children: label
})]
}));
});
true ? BottomNavigationAction.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* This prop isn't supported.
* Use the `component` prop if you need to change the children structure.
*/
children: unsupportedProp_default,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types12.default.object,
/**
* @ignore
*/
className: import_prop_types12.default.string,
/**
* The icon to display.
*/
icon: import_prop_types12.default.node,
/**
* The label element.
*/
label: import_prop_types12.default.node,
/**
* @ignore
*/
onChange: import_prop_types12.default.func,
/**
* @ignore
*/
onClick: import_prop_types12.default.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: import_prop_types12.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types12.default.oneOfType([import_prop_types12.default.arrayOf(import_prop_types12.default.oneOfType([import_prop_types12.default.func, import_prop_types12.default.object, import_prop_types12.default.bool])), import_prop_types12.default.func, import_prop_types12.default.object]),
/**
* You can provide your own value. Otherwise, we fallback to the child position index.
*/
value: import_prop_types12.default.any
} : void 0;
var BottomNavigationAction_default = BottomNavigationAction;
// node_modules/@mui/material/Breadcrumbs/Breadcrumbs.js
init_extends();
var React21 = __toESM(require_react());
var import_react_is4 = __toESM(require_react_is());
var import_prop_types14 = __toESM(require_prop_types());
// node_modules/@mui/material/Breadcrumbs/BreadcrumbCollapsed.js
init_extends();
var React20 = __toESM(require_react());
var import_prop_types13 = __toESM(require_prop_types());
var import_colorManipulator2 = __toESM(require_colorManipulator());
// node_modules/@mui/material/internal/svg-icons/MoreHoriz.js
var React19 = __toESM(require_react());
var import_jsx_runtime23 = __toESM(require_jsx_runtime());
var MoreHoriz_default = createSvgIcon((0, import_jsx_runtime23.jsx)("path", {
d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
}), "MoreHoriz");
// node_modules/@mui/material/Breadcrumbs/BreadcrumbCollapsed.js
var import_jsx_runtime24 = __toESM(require_jsx_runtime());
var _excluded15 = ["slots", "slotProps"];
var BreadcrumbCollapsedButton = styled_default(ButtonBase_default, {
name: "MuiBreadcrumbCollapsed"
})(({
theme
}) => _extends({
display: "flex",
marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
marginRight: `calc(${theme.spacing(1)} * 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: (0, import_colorManipulator2.emphasize)(theme.palette.grey[200], 0.12)
} : {
backgroundColor: (0, import_colorManipulator2.emphasize)(theme.palette.grey[600], 0.12)
})
}));
var BreadcrumbCollapsedIcon = styled_default(MoreHoriz_default)({
width: 24,
height: 16
});
function BreadcrumbCollapsed(props) {
const {
slots = {},
slotProps = {}
} = props, otherProps = _objectWithoutPropertiesLoose(props, _excluded15);
const ownerState = props;
return (0, import_jsx_runtime24.jsx)("li", {
children: (0, import_jsx_runtime24.jsx)(BreadcrumbCollapsedButton, _extends({
focusRipple: true
}, otherProps, {
ownerState,
children: (0, import_jsx_runtime24.jsx)(BreadcrumbCollapsedIcon, _extends({
as: slots.CollapsedIcon,
ownerState
}, slotProps.collapsedIcon))
}))
});
}
true ? BreadcrumbCollapsed.propTypes = {
/**
* The props used for the CollapsedIcon slot.
* @default {}
*/
slotProps: import_prop_types13.default.shape({
collapsedIcon: import_prop_types13.default.oneOfType([import_prop_types13.default.func, import_prop_types13.default.object])
}),
/**
* The components used for each slot inside the BreadcumbCollapsed.
* Either a string to use a HTML element or a component.
* @default {}
*/
slots: import_prop_types13.default.shape({
CollapsedIcon: import_prop_types13.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types13.default.object
} : void 0;
var BreadcrumbCollapsed_default = BreadcrumbCollapsed;
// node_modules/@mui/material/Breadcrumbs/breadcrumbsClasses.js
function getBreadcrumbsUtilityClass(slot) {
return generateUtilityClass("MuiBreadcrumbs", slot);
}
var breadcrumbsClasses = generateUtilityClasses("MuiBreadcrumbs", ["root", "ol", "li", "separator"]);
var breadcrumbsClasses_default = breadcrumbsClasses;
// node_modules/@mui/material/Breadcrumbs/Breadcrumbs.js
var import_jsx_runtime25 = __toESM(require_jsx_runtime());
var _excluded16 = ["children", "className", "component", "slots", "slotProps", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"];
var useUtilityClasses13 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"],
li: ["li"],
ol: ["ol"],
separator: ["separator"]
};
return composeClasses(slots, getBreadcrumbsUtilityClass, classes);
};
var BreadcrumbsRoot = styled_default(Typography_default, {
name: "MuiBreadcrumbs",
slot: "Root",
overridesResolver: (props, styles3) => {
return [{
[`& .${breadcrumbsClasses_default.li}`]: styles3.li
}, styles3.root];
}
})({});
var BreadcrumbsOl = styled_default("ol", {
name: "MuiBreadcrumbs",
slot: "Ol",
overridesResolver: (props, styles3) => styles3.ol
})({
display: "flex",
flexWrap: "wrap",
alignItems: "center",
padding: 0,
margin: 0,
listStyle: "none"
});
var BreadcrumbsSeparator = styled_default("li", {
name: "MuiBreadcrumbs",
slot: "Separator",
overridesResolver: (props, styles3) => styles3.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, (0, import_jsx_runtime25.jsx)(BreadcrumbsSeparator, {
"aria-hidden": true,
className,
ownerState,
children: separator
}, `separator-${index}`));
} else {
acc.push(current);
}
return acc;
}, []);
}
var Breadcrumbs = React21.forwardRef(function Breadcrumbs2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiBreadcrumbs"
});
const {
children,
className,
component = "nav",
slots = {},
slotProps = {},
expandText = "Show path",
itemsAfterCollapse = 1,
itemsBeforeCollapse = 1,
maxItems = 8,
separator = "/"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded16);
const [expanded, setExpanded] = React21.useState(false);
const ownerState = _extends({}, props, {
component,
expanded,
expandText,
itemsAfterCollapse,
itemsBeforeCollapse,
maxItems,
separator
});
const classes = useUtilityClasses13(ownerState);
const collapsedIconSlotProps = useSlotProps_default({
elementType: slots.CollapsedIcon,
externalSlotProps: slotProps.collapsedIcon,
ownerState
});
const listRef = React21.useRef(null);
const renderItemsBeforeAndAfter = (allItems2) => {
const handleClickExpand = () => {
setExpanded(true);
const focusable = listRef.current.querySelector("a[href],button,[tabindex]");
if (focusable) {
focusable.focus();
}
};
if (itemsBeforeCollapse + itemsAfterCollapse >= allItems2.length) {
if (true) {
console.error(["MUI: You have provided an invalid combination of props to the Breadcrumbs.", `itemsAfterCollapse={${itemsAfterCollapse}} + itemsBeforeCollapse={${itemsBeforeCollapse}} >= maxItems={${maxItems}}`].join("\n"));
}
return allItems2;
}
return [...allItems2.slice(0, itemsBeforeCollapse), (0, import_jsx_runtime25.jsx)(BreadcrumbCollapsed_default, {
"aria-label": expandText,
slots: {
CollapsedIcon: slots.CollapsedIcon
},
slotProps: {
collapsedIcon: collapsedIconSlotProps
},
onClick: handleClickExpand
}, "ellipsis"), ...allItems2.slice(allItems2.length - itemsAfterCollapse, allItems2.length)];
};
const allItems = React21.Children.toArray(children).filter((child) => {
if (true) {
if ((0, import_react_is4.isFragment)(child)) {
console.error(["MUI: The Breadcrumbs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
}
}
return React21.isValidElement(child);
}).map((child, index) => (0, import_jsx_runtime25.jsx)("li", {
className: classes.li,
children: child
}, `child-${index}`));
return (0, import_jsx_runtime25.jsx)(BreadcrumbsRoot, _extends({
ref,
component,
color: "text.secondary",
className: clsx_default(classes.root, className),
ownerState
}, other, {
children: (0, import_jsx_runtime25.jsx)(BreadcrumbsOl, {
className: classes.ol,
ref: listRef,
ownerState,
children: insertSeparators(expanded || maxItems && allItems.length <= maxItems ? allItems : renderItemsBeforeAndAfter(allItems), classes.separator, separator, ownerState)
})
}));
});
true ? Breadcrumbs.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types14.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types14.default.object,
/**
* @ignore
*/
className: import_prop_types14.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types14.default.elementType,
/**
* Override the default label for the expand button.
*
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
* @default 'Show path'
*/
expandText: import_prop_types14.default.string,
/**
* If max items is exceeded, the number of items to show after the ellipsis.
* @default 1
*/
itemsAfterCollapse: integerPropType_default,
/**
* If max items is exceeded, the number of items to show before the ellipsis.
* @default 1
*/
itemsBeforeCollapse: integerPropType_default,
/**
* 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: integerPropType_default,
/**
* Custom separator node.
* @default '/'
*/
separator: import_prop_types14.default.node,
/**
* The props used for each slot inside the Breadcumb.
* @default {}
*/
slotProps: import_prop_types14.default.shape({
collapsedIcon: import_prop_types14.default.oneOfType([import_prop_types14.default.func, import_prop_types14.default.object])
}),
/**
* The components used for each slot inside the Breadcumb.
* Either a string to use a HTML element or a component.
* @default {}
*/
slots: import_prop_types14.default.shape({
CollapsedIcon: import_prop_types14.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types14.default.oneOfType([import_prop_types14.default.arrayOf(import_prop_types14.default.oneOfType([import_prop_types14.default.func, import_prop_types14.default.object, import_prop_types14.default.bool])), import_prop_types14.default.func, import_prop_types14.default.object])
} : void 0;
var Breadcrumbs_default = Breadcrumbs;
// node_modules/@mui/material/ButtonGroup/ButtonGroup.js
init_extends();
var React22 = __toESM(require_react());
var import_prop_types15 = __toESM(require_prop_types());
var import_colorManipulator3 = __toESM(require_colorManipulator());
// node_modules/@mui/material/ButtonGroup/buttonGroupClasses.js
function getButtonGroupUtilityClass(slot) {
return generateUtilityClass("MuiButtonGroup", slot);
}
var buttonGroupClasses = generateUtilityClasses("MuiButtonGroup", ["root", "contained", "outlined", "text", "disableElevation", "disabled", "firstButton", "fullWidth", "vertical", "grouped", "groupedHorizontal", "groupedVertical", "groupedText", "groupedTextHorizontal", "groupedTextVertical", "groupedTextPrimary", "groupedTextSecondary", "groupedOutlined", "groupedOutlinedHorizontal", "groupedOutlinedVertical", "groupedOutlinedPrimary", "groupedOutlinedSecondary", "groupedContained", "groupedContainedHorizontal", "groupedContainedVertical", "groupedContainedPrimary", "groupedContainedSecondary", "lastButton", "middleButton"]);
var buttonGroupClasses_default = buttonGroupClasses;
// node_modules/@mui/material/ButtonGroup/ButtonGroup.js
var import_jsx_runtime26 = __toESM(require_jsx_runtime());
var _excluded17 = ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"];
var overridesResolver = (props, styles3) => {
const {
ownerState
} = props;
return [{
[`& .${buttonGroupClasses_default.grouped}`]: styles3.grouped
}, {
[`& .${buttonGroupClasses_default.grouped}`]: styles3[`grouped${capitalize_default(ownerState.orientation)}`]
}, {
[`& .${buttonGroupClasses_default.grouped}`]: styles3[`grouped${capitalize_default(ownerState.variant)}`]
}, {
[`& .${buttonGroupClasses_default.grouped}`]: styles3[`grouped${capitalize_default(ownerState.variant)}${capitalize_default(ownerState.orientation)}`]
}, {
[`& .${buttonGroupClasses_default.grouped}`]: styles3[`grouped${capitalize_default(ownerState.variant)}${capitalize_default(ownerState.color)}`]
}, {
[`& .${buttonGroupClasses_default.firstButton}`]: styles3.firstButton
}, {
[`& .${buttonGroupClasses_default.lastButton}`]: styles3.lastButton
}, {
[`& .${buttonGroupClasses_default.middleButton}`]: styles3.middleButton
}, styles3.root, styles3[ownerState.variant], ownerState.disableElevation === true && styles3.disableElevation, ownerState.fullWidth && styles3.fullWidth, ownerState.orientation === "vertical" && styles3.vertical];
};
var useUtilityClasses14 = (ownerState) => {
const {
classes,
color,
disabled,
disableElevation,
fullWidth,
orientation,
variant
} = ownerState;
const slots = {
root: ["root", variant, orientation === "vertical" && "vertical", fullWidth && "fullWidth", disableElevation && "disableElevation"],
grouped: ["grouped", `grouped${capitalize_default(orientation)}`, `grouped${capitalize_default(variant)}`, `grouped${capitalize_default(variant)}${capitalize_default(orientation)}`, `grouped${capitalize_default(variant)}${capitalize_default(color)}`, disabled && "disabled"],
firstButton: ["firstButton"],
lastButton: ["lastButton"],
middleButton: ["middleButton"]
};
return composeClasses(slots, getButtonGroupUtilityClass, classes);
};
var ButtonGroupRoot = styled_default("div", {
name: "MuiButtonGroup",
slot: "Root",
overridesResolver
})(({
theme,
ownerState
}) => _extends({
display: "inline-flex",
borderRadius: (theme.vars || theme).shape.borderRadius
}, ownerState.variant === "contained" && {
boxShadow: (theme.vars || theme).shadows[2]
}, ownerState.disableElevation && {
boxShadow: "none"
}, ownerState.fullWidth && {
width: "100%"
}, ownerState.orientation === "vertical" && {
flexDirection: "column"
}, {
[`& .${buttonGroupClasses_default.grouped}`]: _extends({
minWidth: 40,
"&:hover": _extends({}, ownerState.variant === "contained" && {
boxShadow: "none"
})
}, ownerState.variant === "contained" && {
boxShadow: "none"
}),
[`& .${buttonGroupClasses_default.firstButton},& .${buttonGroupClasses_default.middleButton}`]: _extends({}, ownerState.orientation === "horizontal" && {
borderTopRightRadius: 0,
borderBottomRightRadius: 0
}, ownerState.orientation === "vertical" && {
borderBottomRightRadius: 0,
borderBottomLeftRadius: 0
}, ownerState.variant === "text" && ownerState.orientation === "horizontal" && {
borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
[`&.${buttonGroupClasses_default.disabled}`]: {
borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
}
}, ownerState.variant === "text" && ownerState.orientation === "vertical" && {
borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
[`&.${buttonGroupClasses_default.disabled}`]: {
borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
}
}, ownerState.variant === "text" && ownerState.color !== "inherit" && {
borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : (0, import_colorManipulator3.alpha)(theme.palette[ownerState.color].main, 0.5)
}, ownerState.variant === "outlined" && ownerState.orientation === "horizontal" && {
borderRightColor: "transparent"
}, ownerState.variant === "outlined" && ownerState.orientation === "vertical" && {
borderBottomColor: "transparent"
}, ownerState.variant === "contained" && ownerState.orientation === "horizontal" && {
borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
[`&.${buttonGroupClasses_default.disabled}`]: {
borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
}
}, ownerState.variant === "contained" && ownerState.orientation === "vertical" && {
borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
[`&.${buttonGroupClasses_default.disabled}`]: {
borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
}
}, ownerState.variant === "contained" && ownerState.color !== "inherit" && {
borderColor: (theme.vars || theme).palette[ownerState.color].dark
}, {
"&:hover": _extends({}, ownerState.variant === "outlined" && ownerState.orientation === "horizontal" && {
borderRightColor: "currentColor"
}, ownerState.variant === "outlined" && ownerState.orientation === "vertical" && {
borderBottomColor: "currentColor"
})
}),
[`& .${buttonGroupClasses_default.lastButton},& .${buttonGroupClasses_default.middleButton}`]: _extends({}, ownerState.orientation === "horizontal" && {
borderTopLeftRadius: 0,
borderBottomLeftRadius: 0
}, ownerState.orientation === "vertical" && {
borderTopRightRadius: 0,
borderTopLeftRadius: 0
}, ownerState.variant === "outlined" && ownerState.orientation === "horizontal" && {
marginLeft: -1
}, ownerState.variant === "outlined" && ownerState.orientation === "vertical" && {
marginTop: -1
})
}));
var ButtonGroup = React22.forwardRef(function ButtonGroup2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiButtonGroup"
});
const {
children,
className,
color = "primary",
component = "div",
disabled = false,
disableElevation = false,
disableFocusRipple = false,
disableRipple = false,
fullWidth = false,
orientation = "horizontal",
size = "medium",
variant = "outlined"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded17);
const ownerState = _extends({}, props, {
color,
component,
disabled,
disableElevation,
disableFocusRipple,
disableRipple,
fullWidth,
orientation,
size,
variant
});
const classes = useUtilityClasses14(ownerState);
const context = React22.useMemo(() => ({
className: classes.grouped,
color,
disabled,
disableElevation,
disableFocusRipple,
disableRipple,
fullWidth,
size,
variant
}), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
const validChildren = getValidReactChildren(children);
const childrenCount = validChildren.length;
const getButtonPositionClassName = (index) => {
const isFirstButton = index === 0;
const isLastButton = index === childrenCount - 1;
if (isFirstButton && isLastButton) {
return "";
}
if (isFirstButton) {
return classes.firstButton;
}
if (isLastButton) {
return classes.lastButton;
}
return classes.middleButton;
};
return (0, import_jsx_runtime26.jsx)(ButtonGroupRoot, _extends({
as: component,
role: "group",
className: clsx_default(classes.root, className),
ref,
ownerState
}, other, {
children: (0, import_jsx_runtime26.jsx)(ButtonGroupContext_default.Provider, {
value: context,
children: validChildren.map((child, index) => {
return (0, import_jsx_runtime26.jsx)(ButtonGroupButtonContext_default.Provider, {
value: getButtonPositionClassName(index),
children: child
}, index);
})
})
}));
});
true ? ButtonGroup.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types15.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types15.default.object,
/**
* @ignore
*/
className: import_prop_types15.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'primary'
*/
color: import_prop_types15.default.oneOfType([import_prop_types15.default.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), import_prop_types15.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types15.default.elementType,
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types15.default.bool,
/**
* If `true`, no elevation is used.
* @default false
*/
disableElevation: import_prop_types15.default.bool,
/**
* If `true`, the button keyboard focus ripple is disabled.
* @default false
*/
disableFocusRipple: import_prop_types15.default.bool,
/**
* If `true`, the button ripple effect is disabled.
* @default false
*/
disableRipple: import_prop_types15.default.bool,
/**
* If `true`, the buttons will take up the full width of its container.
* @default false
*/
fullWidth: import_prop_types15.default.bool,
/**
* The component orientation (layout flow direction).
* @default 'horizontal'
*/
orientation: import_prop_types15.default.oneOf(["horizontal", "vertical"]),
/**
* The size of the component.
* `small` is equivalent to the dense button styling.
* @default 'medium'
*/
size: import_prop_types15.default.oneOfType([import_prop_types15.default.oneOf(["small", "medium", "large"]), import_prop_types15.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types15.default.oneOfType([import_prop_types15.default.arrayOf(import_prop_types15.default.oneOfType([import_prop_types15.default.func, import_prop_types15.default.object, import_prop_types15.default.bool])), import_prop_types15.default.func, import_prop_types15.default.object]),
/**
* The variant to use.
* @default 'outlined'
*/
variant: import_prop_types15.default.oneOfType([import_prop_types15.default.oneOf(["contained", "outlined", "text"]), import_prop_types15.default.string])
} : void 0;
var ButtonGroup_default = ButtonGroup;
// node_modules/@mui/material/Card/Card.js
init_extends();
var React23 = __toESM(require_react());
var import_prop_types16 = __toESM(require_prop_types());
// node_modules/@mui/material/Card/cardClasses.js
function getCardUtilityClass(slot) {
return generateUtilityClass("MuiCard", slot);
}
var cardClasses = generateUtilityClasses("MuiCard", ["root"]);
var cardClasses_default = cardClasses;
// node_modules/@mui/material/Card/Card.js
var import_jsx_runtime27 = __toESM(require_jsx_runtime());
var _excluded18 = ["className", "raised"];
var useUtilityClasses15 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
return composeClasses(slots, getCardUtilityClass, classes);
};
var CardRoot = styled_default(Paper_default, {
name: "MuiCard",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})(() => {
return {
overflow: "hidden"
};
});
var Card = React23.forwardRef(function Card2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCard"
});
const {
className,
raised = false
} = props, other = _objectWithoutPropertiesLoose(props, _excluded18);
const ownerState = _extends({}, props, {
raised
});
const classes = useUtilityClasses15(ownerState);
return (0, import_jsx_runtime27.jsx)(CardRoot, _extends({
className: clsx_default(classes.root, className),
elevation: raised ? 8 : void 0,
ref,
ownerState
}, other));
});
true ? Card.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types16.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types16.default.object,
/**
* @ignore
*/
className: import_prop_types16.default.string,
/**
* If `true`, the card will use raised styling.
* @default false
*/
raised: chainPropTypes(import_prop_types16.default.bool, (props) => {
if (props.raised && props.variant === "outlined") {
return new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.');
}
return null;
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types16.default.oneOfType([import_prop_types16.default.arrayOf(import_prop_types16.default.oneOfType([import_prop_types16.default.func, import_prop_types16.default.object, import_prop_types16.default.bool])), import_prop_types16.default.func, import_prop_types16.default.object])
} : void 0;
var Card_default = Card;
// node_modules/@mui/material/CardActionArea/CardActionArea.js
init_extends();
var React24 = __toESM(require_react());
var import_prop_types17 = __toESM(require_prop_types());
// node_modules/@mui/material/CardActionArea/cardActionAreaClasses.js
function getCardActionAreaUtilityClass(slot) {
return generateUtilityClass("MuiCardActionArea", slot);
}
var cardActionAreaClasses = generateUtilityClasses("MuiCardActionArea", ["root", "focusVisible", "focusHighlight"]);
var cardActionAreaClasses_default = cardActionAreaClasses;
// node_modules/@mui/material/CardActionArea/CardActionArea.js
var import_jsx_runtime28 = __toESM(require_jsx_runtime());
var import_jsx_runtime29 = __toESM(require_jsx_runtime());
var _excluded19 = ["children", "className", "focusVisibleClassName"];
var useUtilityClasses16 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"],
focusHighlight: ["focusHighlight"]
};
return composeClasses(slots, getCardActionAreaUtilityClass, classes);
};
var CardActionAreaRoot = styled_default(ButtonBase_default, {
name: "MuiCardActionArea",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})(({
theme
}) => ({
display: "block",
textAlign: "inherit",
borderRadius: "inherit",
// for Safari to work https://github.com/mui/material-ui/issues/36285.
width: "100%",
[`&:hover .${cardActionAreaClasses_default.focusHighlight}`]: {
opacity: (theme.vars || theme).palette.action.hoverOpacity,
"@media (hover: none)": {
opacity: 0
}
},
[`&.${cardActionAreaClasses_default.focusVisible} .${cardActionAreaClasses_default.focusHighlight}`]: {
opacity: (theme.vars || theme).palette.action.focusOpacity
}
}));
var CardActionAreaFocusHighlight = styled_default("span", {
name: "MuiCardActionArea",
slot: "FocusHighlight",
overridesResolver: (props, styles3) => styles3.focusHighlight
})(({
theme
}) => ({
overflow: "hidden",
pointerEvents: "none",
position: "absolute",
top: 0,
right: 0,
bottom: 0,
left: 0,
borderRadius: "inherit",
opacity: 0,
backgroundColor: "currentcolor",
transition: theme.transitions.create("opacity", {
duration: theme.transitions.duration.short
})
}));
var CardActionArea = React24.forwardRef(function CardActionArea2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCardActionArea"
});
const {
children,
className,
focusVisibleClassName
} = props, other = _objectWithoutPropertiesLoose(props, _excluded19);
const ownerState = props;
const classes = useUtilityClasses16(ownerState);
return (0, import_jsx_runtime29.jsxs)(CardActionAreaRoot, _extends({
className: clsx_default(classes.root, className),
focusVisibleClassName: clsx_default(focusVisibleClassName, classes.focusVisible),
ref,
ownerState
}, other, {
children: [children, (0, import_jsx_runtime28.jsx)(CardActionAreaFocusHighlight, {
className: classes.focusHighlight,
ownerState
})]
}));
});
true ? CardActionArea.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types17.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types17.default.object,
/**
* @ignore
*/
className: import_prop_types17.default.string,
/**
* @ignore
*/
focusVisibleClassName: import_prop_types17.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types17.default.oneOfType([import_prop_types17.default.arrayOf(import_prop_types17.default.oneOfType([import_prop_types17.default.func, import_prop_types17.default.object, import_prop_types17.default.bool])), import_prop_types17.default.func, import_prop_types17.default.object])
} : void 0;
var CardActionArea_default = CardActionArea;
// node_modules/@mui/material/CardActions/CardActions.js
init_extends();
var React25 = __toESM(require_react());
var import_prop_types18 = __toESM(require_prop_types());
// node_modules/@mui/material/CardActions/cardActionsClasses.js
function getCardActionsUtilityClass(slot) {
return generateUtilityClass("MuiCardActions", slot);
}
var cardActionsClasses = generateUtilityClasses("MuiCardActions", ["root", "spacing"]);
var cardActionsClasses_default = cardActionsClasses;
// node_modules/@mui/material/CardActions/CardActions.js
var import_jsx_runtime30 = __toESM(require_jsx_runtime());
var _excluded20 = ["disableSpacing", "className"];
var useUtilityClasses17 = (ownerState) => {
const {
classes,
disableSpacing
} = ownerState;
const slots = {
root: ["root", !disableSpacing && "spacing"]
};
return composeClasses(slots, getCardActionsUtilityClass, classes);
};
var CardActionsRoot = styled_default("div", {
name: "MuiCardActions",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, !ownerState.disableSpacing && styles3.spacing];
}
})(({
ownerState
}) => _extends({
display: "flex",
alignItems: "center",
padding: 8
}, !ownerState.disableSpacing && {
"& > :not(style) ~ :not(style)": {
marginLeft: 8
}
}));
var CardActions = React25.forwardRef(function CardActions2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCardActions"
});
const {
disableSpacing = false,
className
} = props, other = _objectWithoutPropertiesLoose(props, _excluded20);
const ownerState = _extends({}, props, {
disableSpacing
});
const classes = useUtilityClasses17(ownerState);
return (0, import_jsx_runtime30.jsx)(CardActionsRoot, _extends({
className: clsx_default(classes.root, className),
ownerState,
ref
}, other));
});
true ? CardActions.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types18.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types18.default.object,
/**
* @ignore
*/
className: import_prop_types18.default.string,
/**
* If `true`, the actions do not have additional margin.
* @default false
*/
disableSpacing: import_prop_types18.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types18.default.oneOfType([import_prop_types18.default.arrayOf(import_prop_types18.default.oneOfType([import_prop_types18.default.func, import_prop_types18.default.object, import_prop_types18.default.bool])), import_prop_types18.default.func, import_prop_types18.default.object])
} : void 0;
var CardActions_default = CardActions;
// node_modules/@mui/material/CardContent/CardContent.js
init_extends();
var React26 = __toESM(require_react());
var import_prop_types19 = __toESM(require_prop_types());
// node_modules/@mui/material/CardContent/cardContentClasses.js
function getCardContentUtilityClass(slot) {
return generateUtilityClass("MuiCardContent", slot);
}
var cardContentClasses = generateUtilityClasses("MuiCardContent", ["root"]);
var cardContentClasses_default = cardContentClasses;
// node_modules/@mui/material/CardContent/CardContent.js
var import_jsx_runtime31 = __toESM(require_jsx_runtime());
var _excluded21 = ["className", "component"];
var useUtilityClasses18 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
return composeClasses(slots, getCardContentUtilityClass, classes);
};
var CardContentRoot = styled_default("div", {
name: "MuiCardContent",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})(() => {
return {
padding: 16,
"&:last-child": {
paddingBottom: 24
}
};
});
var CardContent = React26.forwardRef(function CardContent2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCardContent"
});
const {
className,
component = "div"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded21);
const ownerState = _extends({}, props, {
component
});
const classes = useUtilityClasses18(ownerState);
return (0, import_jsx_runtime31.jsx)(CardContentRoot, _extends({
as: component,
className: clsx_default(classes.root, className),
ownerState,
ref
}, other));
});
true ? CardContent.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types19.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types19.default.object,
/**
* @ignore
*/
className: import_prop_types19.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types19.default.elementType,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types19.default.oneOfType([import_prop_types19.default.arrayOf(import_prop_types19.default.oneOfType([import_prop_types19.default.func, import_prop_types19.default.object, import_prop_types19.default.bool])), import_prop_types19.default.func, import_prop_types19.default.object])
} : void 0;
var CardContent_default = CardContent;
// node_modules/@mui/material/CardHeader/CardHeader.js
init_extends();
var React27 = __toESM(require_react());
var import_prop_types20 = __toESM(require_prop_types());
// node_modules/@mui/material/CardHeader/cardHeaderClasses.js
function getCardHeaderUtilityClass(slot) {
return generateUtilityClass("MuiCardHeader", slot);
}
var cardHeaderClasses = generateUtilityClasses("MuiCardHeader", ["root", "avatar", "action", "content", "title", "subheader"]);
var cardHeaderClasses_default = cardHeaderClasses;
// node_modules/@mui/material/CardHeader/CardHeader.js
var import_jsx_runtime32 = __toESM(require_jsx_runtime());
var import_jsx_runtime33 = __toESM(require_jsx_runtime());
var _excluded23 = ["action", "avatar", "className", "component", "disableTypography", "subheader", "subheaderTypographyProps", "title", "titleTypographyProps"];
var useUtilityClasses19 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"],
avatar: ["avatar"],
action: ["action"],
content: ["content"],
title: ["title"],
subheader: ["subheader"]
};
return composeClasses(slots, getCardHeaderUtilityClass, classes);
};
var CardHeaderRoot = styled_default("div", {
name: "MuiCardHeader",
slot: "Root",
overridesResolver: (props, styles3) => _extends({
[`& .${cardHeaderClasses_default.title}`]: styles3.title,
[`& .${cardHeaderClasses_default.subheader}`]: styles3.subheader
}, styles3.root)
})({
display: "flex",
alignItems: "center",
padding: 16
});
var CardHeaderAvatar = styled_default("div", {
name: "MuiCardHeader",
slot: "Avatar",
overridesResolver: (props, styles3) => styles3.avatar
})({
display: "flex",
flex: "0 0 auto",
marginRight: 16
});
var CardHeaderAction = styled_default("div", {
name: "MuiCardHeader",
slot: "Action",
overridesResolver: (props, styles3) => styles3.action
})({
flex: "0 0 auto",
alignSelf: "flex-start",
marginTop: -4,
marginRight: -8,
marginBottom: -4
});
var CardHeaderContent = styled_default("div", {
name: "MuiCardHeader",
slot: "Content",
overridesResolver: (props, styles3) => styles3.content
})({
flex: "1 1 auto"
});
var CardHeader = React27.forwardRef(function CardHeader2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCardHeader"
});
const {
action,
avatar,
className,
component = "div",
disableTypography = false,
subheader: subheaderProp,
subheaderTypographyProps,
title: titleProp,
titleTypographyProps
} = props, other = _objectWithoutPropertiesLoose(props, _excluded23);
const ownerState = _extends({}, props, {
component,
disableTypography
});
const classes = useUtilityClasses19(ownerState);
let title = titleProp;
if (title != null && title.type !== Typography_default && !disableTypography) {
title = (0, import_jsx_runtime32.jsx)(Typography_default, _extends({
variant: avatar ? "body2" : "h5",
className: classes.title,
component: "span",
display: "block"
}, titleTypographyProps, {
children: title
}));
}
let subheader = subheaderProp;
if (subheader != null && subheader.type !== Typography_default && !disableTypography) {
subheader = (0, import_jsx_runtime32.jsx)(Typography_default, _extends({
variant: avatar ? "body2" : "body1",
className: classes.subheader,
color: "text.secondary",
component: "span",
display: "block"
}, subheaderTypographyProps, {
children: subheader
}));
}
return (0, import_jsx_runtime33.jsxs)(CardHeaderRoot, _extends({
className: clsx_default(classes.root, className),
as: component,
ref,
ownerState
}, other, {
children: [avatar && (0, import_jsx_runtime32.jsx)(CardHeaderAvatar, {
className: classes.avatar,
ownerState,
children: avatar
}), (0, import_jsx_runtime33.jsxs)(CardHeaderContent, {
className: classes.content,
ownerState,
children: [title, subheader]
}), action && (0, import_jsx_runtime32.jsx)(CardHeaderAction, {
className: classes.action,
ownerState,
children: action
})]
}));
});
true ? CardHeader.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The action to display in the card header.
*/
action: import_prop_types20.default.node,
/**
* The Avatar element to display.
*/
avatar: import_prop_types20.default.node,
/**
* @ignore
*/
children: import_prop_types20.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types20.default.object,
/**
* @ignore
*/
className: import_prop_types20.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types20.default.elementType,
/**
* If `true`, `subheader` and `title` won't be wrapped by a Typography component.
* This can be useful to render an alternative Typography variant by wrapping
* the `title` text, and optional `subheader` text
* with the Typography component.
* @default false
*/
disableTypography: import_prop_types20.default.bool,
/**
* The content of the component.
*/
subheader: import_prop_types20.default.node,
/**
* These props will be forwarded to the subheader
* (as long as disableTypography is not `true`).
*/
subheaderTypographyProps: import_prop_types20.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types20.default.oneOfType([import_prop_types20.default.arrayOf(import_prop_types20.default.oneOfType([import_prop_types20.default.func, import_prop_types20.default.object, import_prop_types20.default.bool])), import_prop_types20.default.func, import_prop_types20.default.object]),
/**
* The content of the component.
*/
title: import_prop_types20.default.node,
/**
* These props will be forwarded to the title
* (as long as disableTypography is not `true`).
*/
titleTypographyProps: import_prop_types20.default.object
} : void 0;
var CardHeader_default = CardHeader;
// node_modules/@mui/material/CardMedia/CardMedia.js
init_extends();
var React28 = __toESM(require_react());
var import_prop_types21 = __toESM(require_prop_types());
// node_modules/@mui/material/CardMedia/cardMediaClasses.js
function getCardMediaUtilityClass(slot) {
return generateUtilityClass("MuiCardMedia", slot);
}
var cardMediaClasses = generateUtilityClasses("MuiCardMedia", ["root", "media", "img"]);
var cardMediaClasses_default = cardMediaClasses;
// node_modules/@mui/material/CardMedia/CardMedia.js
var import_jsx_runtime34 = __toESM(require_jsx_runtime());
var _excluded24 = ["children", "className", "component", "image", "src", "style"];
var useUtilityClasses20 = (ownerState) => {
const {
classes,
isMediaComponent,
isImageComponent
} = ownerState;
const slots = {
root: ["root", isMediaComponent && "media", isImageComponent && "img"]
};
return composeClasses(slots, getCardMediaUtilityClass, classes);
};
var CardMediaRoot = styled_default("div", {
name: "MuiCardMedia",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
const {
isMediaComponent,
isImageComponent
} = ownerState;
return [styles3.root, isMediaComponent && styles3.media, isImageComponent && styles3.img];
}
})(({
ownerState
}) => _extends({
display: "block",
backgroundSize: "cover",
backgroundRepeat: "no-repeat",
backgroundPosition: "center"
}, ownerState.isMediaComponent && {
width: "100%"
}, ownerState.isImageComponent && {
// ⚠️ object-fit is not supported by IE11.
objectFit: "cover"
}));
var MEDIA_COMPONENTS = ["video", "audio", "picture", "iframe", "img"];
var IMAGE_COMPONENTS = ["picture", "img"];
var CardMedia = React28.forwardRef(function CardMedia2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCardMedia"
});
const {
children,
className,
component = "div",
image,
src,
style
} = props, other = _objectWithoutPropertiesLoose(props, _excluded24);
const isMediaComponent = MEDIA_COMPONENTS.indexOf(component) !== -1;
const composedStyle = !isMediaComponent && image ? _extends({
backgroundImage: `url("${image}")`
}, style) : style;
const ownerState = _extends({}, props, {
component,
isMediaComponent,
isImageComponent: IMAGE_COMPONENTS.indexOf(component) !== -1
});
const classes = useUtilityClasses20(ownerState);
return (0, import_jsx_runtime34.jsx)(CardMediaRoot, _extends({
className: clsx_default(classes.root, className),
as: component,
role: !isMediaComponent && image ? "img" : void 0,
ref,
style: composedStyle,
ownerState,
src: isMediaComponent ? image || src : void 0
}, other, {
children
}));
});
true ? CardMedia.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: chainPropTypes(import_prop_types21.default.node, (props) => {
if (!props.children && !props.image && !props.src && !props.component) {
return new Error("MUI: Either `children`, `image`, `src` or `component` prop must be specified.");
}
return null;
}),
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types21.default.object,
/**
* @ignore
*/
className: import_prop_types21.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types21.default.elementType,
/**
* Image to be displayed as a background image.
* Either `image` or `src` prop must be specified.
* Note that caller must specify height otherwise the image will not be visible.
*/
image: import_prop_types21.default.string,
/**
* An alias for `image` property.
* Available only with media components.
* Media components: `video`, `audio`, `picture`, `iframe`, `img`.
*/
src: import_prop_types21.default.string,
/**
* @ignore
*/
style: import_prop_types21.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types21.default.oneOfType([import_prop_types21.default.arrayOf(import_prop_types21.default.oneOfType([import_prop_types21.default.func, import_prop_types21.default.object, import_prop_types21.default.bool])), import_prop_types21.default.func, import_prop_types21.default.object])
} : void 0;
var CardMedia_default = CardMedia;
// node_modules/@mui/material/Container/Container.js
var import_prop_types22 = __toESM(require_prop_types());
var Container = createContainer({
createStyledComponent: styled_default("div", {
name: "MuiContainer",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[`maxWidth${capitalize_default(String(ownerState.maxWidth))}`], ownerState.fixed && styles3.fixed, ownerState.disableGutters && styles3.disableGutters];
}
}),
useThemeProps: (inProps) => useDefaultProps({
props: inProps,
name: "MuiContainer"
})
});
true ? Container.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* @ignore
*/
children: import_prop_types22.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types22.default.object,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types22.default.elementType,
/**
* If `true`, the left and right padding is removed.
* @default false
*/
disableGutters: import_prop_types22.default.bool,
/**
* Set the max-width to match the min-width of the current breakpoint.
* This is useful if you'd prefer to design for a fixed set of sizes
* instead of trying to accommodate a fully fluid viewport.
* It's fluid by default.
* @default false
*/
fixed: import_prop_types22.default.bool,
/**
* Determine the max-width of the container.
* The container width grows with the size of the screen.
* Set to `false` to disable `maxWidth`.
* @default 'lg'
*/
maxWidth: import_prop_types22.default.oneOfType([import_prop_types22.default.oneOf(["xs", "sm", "md", "lg", "xl", false]), import_prop_types22.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types22.default.oneOfType([import_prop_types22.default.arrayOf(import_prop_types22.default.oneOfType([import_prop_types22.default.func, import_prop_types22.default.object, import_prop_types22.default.bool])), import_prop_types22.default.func, import_prop_types22.default.object])
} : void 0;
var Container_default = Container;
// node_modules/@mui/material/Container/containerClasses.js
function getContainerUtilityClass(slot) {
return generateUtilityClass("MuiContainer", slot);
}
var containerClasses = generateUtilityClasses("MuiContainer", ["root", "disableGutters", "fixed", "maxWidthXs", "maxWidthSm", "maxWidthMd", "maxWidthLg", "maxWidthXl"]);
var containerClasses_default = containerClasses;
// node_modules/@mui/material/darkScrollbar/index.js
var scrollBar = {
track: "#2b2b2b",
thumb: "#6b6b6b",
active: "#959595"
};
function darkScrollbar(options = scrollBar) {
return {
scrollbarColor: `${options.thumb} ${options.track}`,
"&::-webkit-scrollbar, & *::-webkit-scrollbar": {
backgroundColor: options.track
},
"&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
borderRadius: 8,
backgroundColor: options.thumb,
minHeight: 24,
border: `3px solid ${options.track}`
},
"&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus": {
backgroundColor: options.active
},
"&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active": {
backgroundColor: options.active
},
"&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
backgroundColor: options.active
},
"&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
backgroundColor: options.track
}
};
}
// node_modules/@mui/material/Dialog/Dialog.js
init_extends();
var React30 = __toESM(require_react());
var import_prop_types23 = __toESM(require_prop_types());
// node_modules/@mui/material/Dialog/dialogClasses.js
function getDialogUtilityClass(slot) {
return generateUtilityClass("MuiDialog", slot);
}
var dialogClasses = generateUtilityClasses("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]);
var dialogClasses_default = dialogClasses;
// node_modules/@mui/material/Dialog/DialogContext.js
var React29 = __toESM(require_react());
var DialogContext = React29.createContext({});
if (true) {
DialogContext.displayName = "DialogContext";
}
var DialogContext_default = DialogContext;
// node_modules/@mui/material/Dialog/Dialog.js
var import_jsx_runtime35 = __toESM(require_jsx_runtime());
var _excluded25 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
var DialogBackdrop = styled_default(Backdrop_default, {
name: "MuiDialog",
slot: "Backdrop",
overrides: (props, styles3) => styles3.backdrop
})({
// Improve scrollable dialog support.
zIndex: -1
});
var useUtilityClasses21 = (ownerState) => {
const {
classes,
scroll,
maxWidth,
fullWidth,
fullScreen
} = ownerState;
const slots = {
root: ["root"],
container: ["container", `scroll${capitalize_default(scroll)}`],
paper: ["paper", `paperScroll${capitalize_default(scroll)}`, `paperWidth${capitalize_default(String(maxWidth))}`, fullWidth && "paperFullWidth", fullScreen && "paperFullScreen"]
};
return composeClasses(slots, getDialogUtilityClass, classes);
};
var DialogRoot = styled_default(Modal_default, {
name: "MuiDialog",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})({
"@media print": {
// Use !important to override the Modal inline-style.
position: "absolute !important"
}
});
var DialogContainer = styled_default("div", {
name: "MuiDialog",
slot: "Container",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.container, styles3[`scroll${capitalize_default(ownerState.scroll)}`]];
}
})(({
ownerState
}) => _extends({
height: "100%",
"@media print": {
height: "auto"
},
// We disable the focus ring for mouse, touch and keyboard users.
outline: 0
}, ownerState.scroll === "paper" && {
display: "flex",
justifyContent: "center",
alignItems: "center"
}, ownerState.scroll === "body" && {
overflowY: "auto",
overflowX: "hidden",
textAlign: "center",
"&::after": {
content: '""',
display: "inline-block",
verticalAlign: "middle",
height: "100%",
width: "0"
}
}));
var DialogPaper = styled_default(Paper_default, {
name: "MuiDialog",
slot: "Paper",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.paper, styles3[`scrollPaper${capitalize_default(ownerState.scroll)}`], styles3[`paperWidth${capitalize_default(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles3.paperFullWidth, ownerState.fullScreen && styles3.paperFullScreen];
}
})(({
theme,
ownerState
}) => _extends({
margin: 32,
position: "relative",
overflowY: "auto",
// Fix IE11 issue, to remove at some point.
"@media print": {
overflowY: "visible",
boxShadow: "none"
}
}, ownerState.scroll === "paper" && {
display: "flex",
flexDirection: "column",
maxHeight: "calc(100% - 64px)"
}, ownerState.scroll === "body" && {
display: "inline-block",
verticalAlign: "middle",
textAlign: "left"
// 'initial' doesn't work on IE11
}, !ownerState.maxWidth && {
maxWidth: "calc(100% - 64px)"
}, ownerState.maxWidth === "xs" && {
maxWidth: theme.breakpoints.unit === "px" ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
[`&.${dialogClasses_default.paperScrollBody}`]: {
[theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
maxWidth: "calc(100% - 64px)"
}
}
}, ownerState.maxWidth && ownerState.maxWidth !== "xs" && {
maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`,
[`&.${dialogClasses_default.paperScrollBody}`]: {
[theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2)]: {
maxWidth: "calc(100% - 64px)"
}
}
}, ownerState.fullWidth && {
width: "calc(100% - 64px)"
}, ownerState.fullScreen && {
margin: 0,
width: "100%",
maxWidth: "100%",
height: "100%",
maxHeight: "none",
borderRadius: 0,
[`&.${dialogClasses_default.paperScrollBody}`]: {
margin: 0,
maxWidth: "100%"
}
}));
var Dialog = React30.forwardRef(function Dialog2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialog"
});
const theme = useTheme();
const defaultTransitionDuration = {
enter: theme.transitions.duration.enteringScreen,
exit: theme.transitions.duration.leavingScreen
};
const {
"aria-describedby": ariaDescribedby,
"aria-labelledby": ariaLabelledbyProp,
BackdropComponent,
BackdropProps,
children,
className,
disableEscapeKeyDown = false,
fullScreen = false,
fullWidth = false,
maxWidth = "sm",
onBackdropClick,
onClick,
onClose,
open,
PaperComponent = Paper_default,
PaperProps = {},
scroll = "paper",
TransitionComponent = Fade_default,
transitionDuration = defaultTransitionDuration,
TransitionProps
} = props, other = _objectWithoutPropertiesLoose(props, _excluded25);
const ownerState = _extends({}, props, {
disableEscapeKeyDown,
fullScreen,
fullWidth,
maxWidth,
scroll
});
const classes = useUtilityClasses21(ownerState);
const backdropClick = React30.useRef();
const handleMouseDown = (event) => {
backdropClick.current = event.target === event.currentTarget;
};
const handleBackdropClick = (event) => {
if (onClick) {
onClick(event);
}
if (!backdropClick.current) {
return;
}
backdropClick.current = null;
if (onBackdropClick) {
onBackdropClick(event);
}
if (onClose) {
onClose(event, "backdropClick");
}
};
const ariaLabelledby = useId(ariaLabelledbyProp);
const dialogContextValue = React30.useMemo(() => {
return {
titleId: ariaLabelledby
};
}, [ariaLabelledby]);
return (0, import_jsx_runtime35.jsx)(DialogRoot, _extends({
className: clsx_default(classes.root, className),
closeAfterTransition: true,
components: {
Backdrop: DialogBackdrop
},
componentsProps: {
backdrop: _extends({
transitionDuration,
as: BackdropComponent
}, BackdropProps)
},
disableEscapeKeyDown,
onClose,
open,
ref,
onClick: handleBackdropClick,
ownerState
}, other, {
children: (0, import_jsx_runtime35.jsx)(TransitionComponent, _extends({
appear: true,
in: open,
timeout: transitionDuration,
role: "presentation"
}, TransitionProps, {
children: (0, import_jsx_runtime35.jsx)(DialogContainer, {
className: clsx_default(classes.container),
onMouseDown: handleMouseDown,
ownerState,
children: (0, import_jsx_runtime35.jsx)(DialogPaper, _extends({
as: PaperComponent,
elevation: 24,
role: "dialog",
"aria-describedby": ariaDescribedby,
"aria-labelledby": ariaLabelledby
}, PaperProps, {
className: clsx_default(classes.paper, PaperProps.className),
ownerState,
children: (0, import_jsx_runtime35.jsx)(DialogContext_default.Provider, {
value: dialogContextValue,
children
})
}))
})
}))
}));
});
true ? Dialog.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The id(s) of the element(s) that describe the dialog.
*/
"aria-describedby": import_prop_types23.default.string,
/**
* The id(s) of the element(s) that label the dialog.
*/
"aria-labelledby": import_prop_types23.default.string,
/**
* A backdrop component. This prop enables custom backdrop rendering.
* @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
* Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
* @default styled(Backdrop, {
* name: 'MuiModal',
* slot: 'Backdrop',
* overridesResolver: (props, styles) => {
* return styles.backdrop;
* },
* })({
* zIndex: -1,
* })
*/
BackdropComponent: import_prop_types23.default.elementType,
/**
* @ignore
*/
BackdropProps: import_prop_types23.default.object,
/**
* Dialog children, usually the included sub-components.
*/
children: import_prop_types23.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types23.default.object,
/**
* @ignore
*/
className: import_prop_types23.default.string,
/**
* If `true`, hitting escape will not fire the `onClose` callback.
* @default false
*/
disableEscapeKeyDown: import_prop_types23.default.bool,
/**
* If `true`, the dialog is full-screen.
* @default false
*/
fullScreen: import_prop_types23.default.bool,
/**
* If `true`, the dialog stretches to `maxWidth`.
*
* Notice that the dialog width grow is limited by the default margin.
* @default false
*/
fullWidth: import_prop_types23.default.bool,
/**
* Determine the max-width of the dialog.
* The dialog width grows with the size of the screen.
* Set to `false` to disable `maxWidth`.
* @default 'sm'
*/
maxWidth: import_prop_types23.default.oneOfType([import_prop_types23.default.oneOf(["xs", "sm", "md", "lg", "xl", false]), import_prop_types23.default.string]),
/**
* Callback fired when the backdrop is clicked.
* @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
*/
onBackdropClick: import_prop_types23.default.func,
/**
* @ignore
*/
onClick: import_prop_types23.default.func,
/**
* Callback fired when the component requests to be closed.
*
* @param {object} event The event source of the callback.
* @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
*/
onClose: import_prop_types23.default.func,
/**
* If `true`, the component is shown.
*/
open: import_prop_types23.default.bool.isRequired,
/**
* The component used to render the body of the dialog.
* @default Paper
*/
PaperComponent: import_prop_types23.default.elementType,
/**
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
* @default {}
*/
PaperProps: import_prop_types23.default.object,
/**
* Determine the container for scrolling the dialog.
* @default 'paper'
*/
scroll: import_prop_types23.default.oneOf(["body", "paper"]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types23.default.oneOfType([import_prop_types23.default.arrayOf(import_prop_types23.default.oneOfType([import_prop_types23.default.func, import_prop_types23.default.object, import_prop_types23.default.bool])), import_prop_types23.default.func, import_prop_types23.default.object]),
/**
* The component used for the transition.
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
* @default Fade
*/
TransitionComponent: import_prop_types23.default.elementType,
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
* @default {
* enter: theme.transitions.duration.enteringScreen,
* exit: theme.transitions.duration.leavingScreen,
* }
*/
transitionDuration: import_prop_types23.default.oneOfType([import_prop_types23.default.number, import_prop_types23.default.shape({
appear: import_prop_types23.default.number,
enter: import_prop_types23.default.number,
exit: import_prop_types23.default.number
})]),
/**
* Props applied to the transition element.
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
*/
TransitionProps: import_prop_types23.default.object
} : void 0;
var Dialog_default = Dialog;
// node_modules/@mui/material/DialogActions/DialogActions.js
init_extends();
var React31 = __toESM(require_react());
var import_prop_types24 = __toESM(require_prop_types());
// node_modules/@mui/material/DialogActions/dialogActionsClasses.js
function getDialogActionsUtilityClass(slot) {
return generateUtilityClass("MuiDialogActions", slot);
}
var dialogActionsClasses = generateUtilityClasses("MuiDialogActions", ["root", "spacing"]);
var dialogActionsClasses_default = dialogActionsClasses;
// node_modules/@mui/material/DialogActions/DialogActions.js
var import_jsx_runtime36 = __toESM(require_jsx_runtime());
var _excluded26 = ["className", "disableSpacing"];
var useUtilityClasses22 = (ownerState) => {
const {
classes,
disableSpacing
} = ownerState;
const slots = {
root: ["root", !disableSpacing && "spacing"]
};
return composeClasses(slots, getDialogActionsUtilityClass, classes);
};
var DialogActionsRoot = styled_default("div", {
name: "MuiDialogActions",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, !ownerState.disableSpacing && styles3.spacing];
}
})(({
ownerState
}) => _extends({
display: "flex",
alignItems: "center",
padding: 8,
justifyContent: "flex-end",
flex: "0 0 auto"
}, !ownerState.disableSpacing && {
"& > :not(style) ~ :not(style)": {
marginLeft: 8
}
}));
var DialogActions = React31.forwardRef(function DialogActions2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialogActions"
});
const {
className,
disableSpacing = false
} = props, other = _objectWithoutPropertiesLoose(props, _excluded26);
const ownerState = _extends({}, props, {
disableSpacing
});
const classes = useUtilityClasses22(ownerState);
return (0, import_jsx_runtime36.jsx)(DialogActionsRoot, _extends({
className: clsx_default(classes.root, className),
ownerState,
ref
}, other));
});
true ? DialogActions.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types24.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types24.default.object,
/**
* @ignore
*/
className: import_prop_types24.default.string,
/**
* If `true`, the actions do not have additional margin.
* @default false
*/
disableSpacing: import_prop_types24.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types24.default.oneOfType([import_prop_types24.default.arrayOf(import_prop_types24.default.oneOfType([import_prop_types24.default.func, import_prop_types24.default.object, import_prop_types24.default.bool])), import_prop_types24.default.func, import_prop_types24.default.object])
} : void 0;
var DialogActions_default = DialogActions;
// node_modules/@mui/material/DialogContent/DialogContent.js
init_extends();
var React32 = __toESM(require_react());
var import_prop_types25 = __toESM(require_prop_types());
// node_modules/@mui/material/DialogContent/dialogContentClasses.js
function getDialogContentUtilityClass(slot) {
return generateUtilityClass("MuiDialogContent", slot);
}
var dialogContentClasses = generateUtilityClasses("MuiDialogContent", ["root", "dividers"]);
var dialogContentClasses_default = dialogContentClasses;
// node_modules/@mui/material/DialogTitle/dialogTitleClasses.js
function getDialogTitleUtilityClass(slot) {
return generateUtilityClass("MuiDialogTitle", slot);
}
var dialogTitleClasses = generateUtilityClasses("MuiDialogTitle", ["root"]);
var dialogTitleClasses_default = dialogTitleClasses;
// node_modules/@mui/material/DialogContent/DialogContent.js
var import_jsx_runtime37 = __toESM(require_jsx_runtime());
var _excluded27 = ["className", "dividers"];
var useUtilityClasses23 = (ownerState) => {
const {
classes,
dividers
} = ownerState;
const slots = {
root: ["root", dividers && "dividers"]
};
return composeClasses(slots, getDialogContentUtilityClass, classes);
};
var DialogContentRoot = styled_default("div", {
name: "MuiDialogContent",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, ownerState.dividers && styles3.dividers];
}
})(({
theme,
ownerState
}) => _extends({
flex: "1 1 auto",
// Add iOS momentum scrolling for iOS < 13.0
WebkitOverflowScrolling: "touch",
overflowY: "auto",
padding: "20px 24px"
}, ownerState.dividers ? {
padding: "16px 24px",
borderTop: `1px solid ${(theme.vars || theme).palette.divider}`,
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
} : {
[`.${dialogTitleClasses_default.root} + &`]: {
paddingTop: 0
}
}));
var DialogContent = React32.forwardRef(function DialogContent2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialogContent"
});
const {
className,
dividers = false
} = props, other = _objectWithoutPropertiesLoose(props, _excluded27);
const ownerState = _extends({}, props, {
dividers
});
const classes = useUtilityClasses23(ownerState);
return (0, import_jsx_runtime37.jsx)(DialogContentRoot, _extends({
className: clsx_default(classes.root, className),
ownerState,
ref
}, other));
});
true ? DialogContent.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types25.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types25.default.object,
/**
* @ignore
*/
className: import_prop_types25.default.string,
/**
* Display the top and bottom dividers.
* @default false
*/
dividers: import_prop_types25.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types25.default.oneOfType([import_prop_types25.default.arrayOf(import_prop_types25.default.oneOfType([import_prop_types25.default.func, import_prop_types25.default.object, import_prop_types25.default.bool])), import_prop_types25.default.func, import_prop_types25.default.object])
} : void 0;
var DialogContent_default = DialogContent;
// node_modules/@mui/material/DialogContentText/DialogContentText.js
init_extends();
var React33 = __toESM(require_react());
var import_prop_types26 = __toESM(require_prop_types());
// node_modules/@mui/material/DialogContentText/dialogContentTextClasses.js
function getDialogContentTextUtilityClass(slot) {
return generateUtilityClass("MuiDialogContentText", slot);
}
var dialogContentTextClasses = generateUtilityClasses("MuiDialogContentText", ["root"]);
var dialogContentTextClasses_default = dialogContentTextClasses;
// node_modules/@mui/material/DialogContentText/DialogContentText.js
var import_jsx_runtime38 = __toESM(require_jsx_runtime());
var _excluded28 = ["children", "className"];
var useUtilityClasses24 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
const composedClasses = composeClasses(slots, getDialogContentTextUtilityClass, classes);
return _extends({}, classes, composedClasses);
};
var DialogContentTextRoot = styled_default(Typography_default, {
shouldForwardProp: (prop) => rootShouldForwardProp_default(prop) || prop === "classes",
name: "MuiDialogContentText",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})({});
var DialogContentText = React33.forwardRef(function DialogContentText2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialogContentText"
});
const {
className
} = props, ownerState = _objectWithoutPropertiesLoose(props, _excluded28);
const classes = useUtilityClasses24(ownerState);
return (0, import_jsx_runtime38.jsx)(DialogContentTextRoot, _extends({
component: "p",
variant: "body1",
color: "text.secondary",
ref,
ownerState,
className: clsx_default(classes.root, className)
}, props, {
classes
}));
});
true ? DialogContentText.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types26.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types26.default.object,
/**
* @ignore
*/
className: import_prop_types26.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types26.default.oneOfType([import_prop_types26.default.arrayOf(import_prop_types26.default.oneOfType([import_prop_types26.default.func, import_prop_types26.default.object, import_prop_types26.default.bool])), import_prop_types26.default.func, import_prop_types26.default.object])
} : void 0;
var DialogContentText_default = DialogContentText;
// node_modules/@mui/material/DialogTitle/DialogTitle.js
init_extends();
var React34 = __toESM(require_react());
var import_prop_types27 = __toESM(require_prop_types());
var import_jsx_runtime39 = __toESM(require_jsx_runtime());
var _excluded29 = ["className", "id"];
var useUtilityClasses25 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
return composeClasses(slots, getDialogTitleUtilityClass, classes);
};
var DialogTitleRoot = styled_default(Typography_default, {
name: "MuiDialogTitle",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
})({
padding: "16px 24px",
flex: "0 0 auto"
});
var DialogTitle = React34.forwardRef(function DialogTitle2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialogTitle"
});
const {
className,
id: idProp
} = props, other = _objectWithoutPropertiesLoose(props, _excluded29);
const ownerState = props;
const classes = useUtilityClasses25(ownerState);
const {
titleId = idProp
} = React34.useContext(DialogContext_default);
return (0, import_jsx_runtime39.jsx)(DialogTitleRoot, _extends({
component: "h2",
className: clsx_default(classes.root, className),
ownerState,
ref,
variant: "h6",
id: idProp != null ? idProp : titleId
}, other));
});
true ? DialogTitle.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types27.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types27.default.object,
/**
* @ignore
*/
className: import_prop_types27.default.string,
/**
* @ignore
*/
id: import_prop_types27.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types27.default.oneOfType([import_prop_types27.default.arrayOf(import_prop_types27.default.oneOfType([import_prop_types27.default.func, import_prop_types27.default.object, import_prop_types27.default.bool])), import_prop_types27.default.func, import_prop_types27.default.object])
} : void 0;
var DialogTitle_default = DialogTitle;
// node_modules/@mui/material/Drawer/Drawer.js
init_extends();
var React36 = __toESM(require_react());
var import_prop_types29 = __toESM(require_prop_types());
// node_modules/@mui/material/Slide/Slide.js
init_extends();
var React35 = __toESM(require_react());
var import_prop_types28 = __toESM(require_prop_types());
var import_jsx_runtime40 = __toESM(require_jsx_runtime());
var _excluded30 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
function getTranslateValue(direction, node, resolvedContainer) {
const rect = node.getBoundingClientRect();
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
const containerWindow = ownerWindow_default(node);
let transform;
if (node.fakeTransform) {
transform = node.fakeTransform;
} else {
const computedStyle = containerWindow.getComputedStyle(node);
transform = computedStyle.getPropertyValue("-webkit-transform") || computedStyle.getPropertyValue("transform");
}
let offsetX = 0;
let offsetY = 0;
if (transform && transform !== "none" && typeof transform === "string") {
const transformValues = transform.split("(")[1].split(")")[0].split(",");
offsetX = parseInt(transformValues[4], 10);
offsetY = parseInt(transformValues[5], 10);
}
if (direction === "left") {
if (containerRect) {
return `translateX(${containerRect.right + offsetX - rect.left}px)`;
}
return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`;
}
if (direction === "right") {
if (containerRect) {
return `translateX(-${rect.right - containerRect.left - offsetX}px)`;
}
return `translateX(-${rect.left + rect.width - offsetX}px)`;
}
if (direction === "up") {
if (containerRect) {
return `translateY(${containerRect.bottom + offsetY - rect.top}px)`;
}
return `translateY(${containerWindow.innerHeight + offsetY - rect.top}px)`;
}
if (containerRect) {
return `translateY(-${rect.top - containerRect.top + rect.height - offsetY}px)`;
}
return `translateY(-${rect.top + rect.height - offsetY}px)`;
}
function resolveContainer(containerPropProp) {
return typeof containerPropProp === "function" ? containerPropProp() : containerPropProp;
}
function setTranslateValue(direction, node, containerProp) {
const resolvedContainer = resolveContainer(containerProp);
const transform = getTranslateValue(direction, node, resolvedContainer);
if (transform) {
node.style.webkitTransform = transform;
node.style.transform = transform;
}
}
var Slide = React35.forwardRef(function Slide2(props, ref) {
const theme = useTheme();
const defaultEasing = {
enter: theme.transitions.easing.easeOut,
exit: theme.transitions.easing.sharp
};
const defaultTimeout = {
enter: theme.transitions.duration.enteringScreen,
exit: theme.transitions.duration.leavingScreen
};
const {
addEndListener,
appear = true,
children,
container: containerProp,
direction = "down",
easing: easingProp = defaultEasing,
in: inProp,
onEnter,
onEntered,
onEntering,
onExit,
onExited,
onExiting,
style,
timeout = defaultTimeout,
// eslint-disable-next-line react/prop-types
TransitionComponent = Transition_default
} = props, other = _objectWithoutPropertiesLoose(props, _excluded30);
const childrenRef = React35.useRef(null);
const handleRef = useForkRef_default(getReactElementRef(children), childrenRef, ref);
const normalizedTransitionCallback = (callback) => (isAppearing) => {
if (callback) {
if (isAppearing === void 0) {
callback(childrenRef.current);
} else {
callback(childrenRef.current, isAppearing);
}
}
};
const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
setTranslateValue(direction, node, containerProp);
reflow(node);
if (onEnter) {
onEnter(node, isAppearing);
}
});
const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
const transitionProps = getTransitionProps({
timeout,
style,
easing: easingProp
}, {
mode: "enter"
});
node.style.webkitTransition = theme.transitions.create("-webkit-transform", _extends({}, transitionProps));
node.style.transition = theme.transitions.create("transform", _extends({}, transitionProps));
node.style.webkitTransform = "none";
node.style.transform = "none";
if (onEntering) {
onEntering(node, isAppearing);
}
});
const handleEntered = normalizedTransitionCallback(onEntered);
const handleExiting = normalizedTransitionCallback(onExiting);
const handleExit = normalizedTransitionCallback((node) => {
const transitionProps = getTransitionProps({
timeout,
style,
easing: easingProp
}, {
mode: "exit"
});
node.style.webkitTransition = theme.transitions.create("-webkit-transform", transitionProps);
node.style.transition = theme.transitions.create("transform", transitionProps);
setTranslateValue(direction, node, containerProp);
if (onExit) {
onExit(node);
}
});
const handleExited = normalizedTransitionCallback((node) => {
node.style.webkitTransition = "";
node.style.transition = "";
if (onExited) {
onExited(node);
}
});
const handleAddEndListener = (next) => {
if (addEndListener) {
addEndListener(childrenRef.current, next);
}
};
const updatePosition = React35.useCallback(() => {
if (childrenRef.current) {
setTranslateValue(direction, childrenRef.current, containerProp);
}
}, [direction, containerProp]);
React35.useEffect(() => {
if (inProp || direction === "down" || direction === "right") {
return void 0;
}
const handleResize = debounce_default(() => {
if (childrenRef.current) {
setTranslateValue(direction, childrenRef.current, containerProp);
}
});
const containerWindow = ownerWindow_default(childrenRef.current);
containerWindow.addEventListener("resize", handleResize);
return () => {
handleResize.clear();
containerWindow.removeEventListener("resize", handleResize);
};
}, [direction, inProp, containerProp]);
React35.useEffect(() => {
if (!inProp) {
updatePosition();
}
}, [inProp, updatePosition]);
return (0, import_jsx_runtime40.jsx)(TransitionComponent, _extends({
nodeRef: childrenRef,
onEnter: handleEnter,
onEntered: handleEntered,
onEntering: handleEntering,
onExit: handleExit,
onExited: handleExited,
onExiting: handleExiting,
addEndListener: handleAddEndListener,
appear,
in: inProp,
timeout
}, other, {
children: (state, childProps) => {
return React35.cloneElement(children, _extends({
ref: handleRef,
style: _extends({
visibility: state === "exited" && !inProp ? "hidden" : void 0
}, style, children.props.style)
}, childProps));
}
}));
});
true ? Slide.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Add a custom transition end trigger. Called with the transitioning DOM
* node and a done callback. Allows for more fine grained transition end
* logic. Note: Timeouts are still used as a fallback if provided.
*/
addEndListener: import_prop_types28.default.func,
/**
* Perform the enter transition when it first mounts if `in` is also `true`.
* Set this to `false` to disable this behavior.
* @default true
*/
appear: import_prop_types28.default.bool,
/**
* A single child content element.
*/
children: elementAcceptingRef_default.isRequired,
/**
* An HTML element, or a function that returns one.
* It's used to set the container the Slide is transitioning from.
*/
container: chainPropTypes(import_prop_types28.default.oneOfType([HTMLElementType, import_prop_types28.default.func]), (props) => {
if (props.open) {
const resolvedContainer = resolveContainer(props.container);
if (resolvedContainer && resolvedContainer.nodeType === 1) {
const box = resolvedContainer.getBoundingClientRect();
if (box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
return new Error(["MUI: The `container` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join("\n"));
}
} else if (!resolvedContainer || typeof resolvedContainer.getBoundingClientRect !== "function" || resolvedContainer.contextElement != null && resolvedContainer.contextElement.nodeType !== 1) {
return new Error(["MUI: The `container` prop provided to the component is invalid.", "It should be an HTML element instance."].join("\n"));
}
}
return null;
}),
/**
* Direction the child node will enter from.
* @default 'down'
*/
direction: import_prop_types28.default.oneOf(["down", "left", "right", "up"]),
/**
* The transition timing function.
* You may specify a single easing or a object containing enter and exit values.
* @default {
* enter: theme.transitions.easing.easeOut,
* exit: theme.transitions.easing.sharp,
* }
*/
easing: import_prop_types28.default.oneOfType([import_prop_types28.default.shape({
enter: import_prop_types28.default.string,
exit: import_prop_types28.default.string
}), import_prop_types28.default.string]),
/**
* If `true`, the component will transition in.
*/
in: import_prop_types28.default.bool,
/**
* @ignore
*/
onEnter: import_prop_types28.default.func,
/**
* @ignore
*/
onEntered: import_prop_types28.default.func,
/**
* @ignore
*/
onEntering: import_prop_types28.default.func,
/**
* @ignore
*/
onExit: import_prop_types28.default.func,
/**
* @ignore
*/
onExited: import_prop_types28.default.func,
/**
* @ignore
*/
onExiting: import_prop_types28.default.func,
/**
* @ignore
*/
style: import_prop_types28.default.object,
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
* @default {
* enter: theme.transitions.duration.enteringScreen,
* exit: theme.transitions.duration.leavingScreen,
* }
*/
timeout: import_prop_types28.default.oneOfType([import_prop_types28.default.number, import_prop_types28.default.shape({
appear: import_prop_types28.default.number,
enter: import_prop_types28.default.number,
exit: import_prop_types28.default.number
})])
} : void 0;
var Slide_default = Slide;
// node_modules/@mui/material/Drawer/drawerClasses.js
function getDrawerUtilityClass(slot) {
return generateUtilityClass("MuiDrawer", slot);
}
var drawerClasses = generateUtilityClasses("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
var drawerClasses_default = drawerClasses;
// node_modules/@mui/material/Drawer/Drawer.js
var import_jsx_runtime41 = __toESM(require_jsx_runtime());
var _excluded31 = ["BackdropProps"];
var _excluded210 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
var overridesResolver2 = (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, (ownerState.variant === "permanent" || ownerState.variant === "persistent") && styles3.docked, styles3.modal];
};
var useUtilityClasses26 = (ownerState) => {
const {
classes,
anchor,
variant
} = ownerState;
const slots = {
root: ["root"],
docked: [(variant === "permanent" || variant === "persistent") && "docked"],
modal: ["modal"],
paper: ["paper", `paperAnchor${capitalize_default(anchor)}`, variant !== "temporary" && `paperAnchorDocked${capitalize_default(anchor)}`]
};
return composeClasses(slots, getDrawerUtilityClass, classes);
};
var DrawerRoot = styled_default(Modal_default, {
name: "MuiDrawer",
slot: "Root",
overridesResolver: overridesResolver2
})(({
theme
}) => ({
zIndex: (theme.vars || theme).zIndex.drawer
}));
var DrawerDockedRoot = styled_default("div", {
shouldForwardProp: rootShouldForwardProp_default,
name: "MuiDrawer",
slot: "Docked",
skipVariantsResolver: false,
overridesResolver: overridesResolver2
})({
flex: "0 0 auto"
});
var DrawerPaper = styled_default(Paper_default, {
name: "MuiDrawer",
slot: "Paper",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.paper, styles3[`paperAnchor${capitalize_default(ownerState.anchor)}`], ownerState.variant !== "temporary" && styles3[`paperAnchorDocked${capitalize_default(ownerState.anchor)}`]];
}
})(({
theme,
ownerState
}) => _extends({
overflowY: "auto",
display: "flex",
flexDirection: "column",
height: "100%",
flex: "1 0 auto",
zIndex: (theme.vars || theme).zIndex.drawer,
// Add iOS momentum scrolling for iOS < 13.0
WebkitOverflowScrolling: "touch",
// temporary style
position: "fixed",
top: 0,
// We disable the focus ring for mouse, touch and keyboard users.
// At some point, it would be better to keep it for keyboard users.
// :focus-ring CSS pseudo-class will help.
outline: 0
}, ownerState.anchor === "left" && {
left: 0
}, ownerState.anchor === "top" && {
top: 0,
left: 0,
right: 0,
height: "auto",
maxHeight: "100%"
}, ownerState.anchor === "right" && {
right: 0
}, ownerState.anchor === "bottom" && {
top: "auto",
left: 0,
bottom: 0,
right: 0,
height: "auto",
maxHeight: "100%"
}, ownerState.anchor === "left" && ownerState.variant !== "temporary" && {
borderRight: `1px solid ${(theme.vars || theme).palette.divider}`
}, ownerState.anchor === "top" && ownerState.variant !== "temporary" && {
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
}, ownerState.anchor === "right" && ownerState.variant !== "temporary" && {
borderLeft: `1px solid ${(theme.vars || theme).palette.divider}`
}, ownerState.anchor === "bottom" && ownerState.variant !== "temporary" && {
borderTop: `1px solid ${(theme.vars || theme).palette.divider}`
}));
var oppositeDirection = {
left: "right",
right: "left",
top: "down",
bottom: "up"
};
function isHorizontal(anchor) {
return ["left", "right"].indexOf(anchor) !== -1;
}
function getAnchor({
direction
}, anchor) {
return direction === "rtl" && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
}
var Drawer = React36.forwardRef(function Drawer2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDrawer"
});
const theme = useTheme();
const isRtl = useRtl();
const defaultTransitionDuration = {
enter: theme.transitions.duration.enteringScreen,
exit: theme.transitions.duration.leavingScreen
};
const {
anchor: anchorProp = "left",
BackdropProps,
children,
className,
elevation = 16,
hideBackdrop = false,
ModalProps: {
BackdropProps: BackdropPropsProp
} = {},
onClose,
open = false,
PaperProps = {},
SlideProps,
// eslint-disable-next-line react/prop-types
TransitionComponent = Slide_default,
transitionDuration = defaultTransitionDuration,
variant = "temporary"
} = props, ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded31), other = _objectWithoutPropertiesLoose(props, _excluded210);
const mounted = React36.useRef(false);
React36.useEffect(() => {
mounted.current = true;
}, []);
const anchorInvariant = getAnchor({
direction: isRtl ? "rtl" : "ltr"
}, anchorProp);
const anchor = anchorProp;
const ownerState = _extends({}, props, {
anchor,
elevation,
open,
variant
}, other);
const classes = useUtilityClasses26(ownerState);
const drawer = (0, import_jsx_runtime41.jsx)(DrawerPaper, _extends({
elevation: variant === "temporary" ? elevation : 0,
square: true
}, PaperProps, {
className: clsx_default(classes.paper, PaperProps.className),
ownerState,
children
}));
if (variant === "permanent") {
return (0, import_jsx_runtime41.jsx)(DrawerDockedRoot, _extends({
className: clsx_default(classes.root, classes.docked, className),
ownerState,
ref
}, other, {
children: drawer
}));
}
const slidingDrawer = (0, import_jsx_runtime41.jsx)(TransitionComponent, _extends({
in: open,
direction: oppositeDirection[anchorInvariant],
timeout: transitionDuration,
appear: mounted.current
}, SlideProps, {
children: drawer
}));
if (variant === "persistent") {
return (0, import_jsx_runtime41.jsx)(DrawerDockedRoot, _extends({
className: clsx_default(classes.root, classes.docked, className),
ownerState,
ref
}, other, {
children: slidingDrawer
}));
}
return (0, import_jsx_runtime41.jsx)(DrawerRoot, _extends({
BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
transitionDuration
}),
className: clsx_default(classes.root, classes.modal, className),
open,
ownerState,
onClose,
hideBackdrop,
ref
}, other, ModalProps, {
children: slidingDrawer
}));
});
true ? Drawer.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Side from which the drawer will appear.
* @default 'left'
*/
anchor: import_prop_types29.default.oneOf(["bottom", "left", "right", "top"]),
/**
* @ignore
*/
BackdropProps: import_prop_types29.default.object,
/**
* The content of the component.
*/
children: import_prop_types29.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types29.default.object,
/**
* @ignore
*/
className: import_prop_types29.default.string,
/**
* The elevation of the drawer.
* @default 16
*/
elevation: integerPropType_default,
/**
* If `true`, the backdrop is not rendered.
* @default false
*/
hideBackdrop: import_prop_types29.default.bool,
/**
* Props applied to the [`Modal`](/material-ui/api/modal/) element.
* @default {}
*/
ModalProps: import_prop_types29.default.object,
/**
* Callback fired when the component requests to be closed.
* The `reason` parameter can optionally be used to control the response to `onClose`.
*
* @param {object} event The event source of the callback.
* @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
*/
onClose: import_prop_types29.default.func,
/**
* If `true`, the component is shown.
* @default false
*/
open: import_prop_types29.default.bool,
/**
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
* @default {}
*/
PaperProps: import_prop_types29.default.object,
/**
* Props applied to the [`Slide`](/material-ui/api/slide/) element.
*/
SlideProps: import_prop_types29.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types29.default.oneOfType([import_prop_types29.default.arrayOf(import_prop_types29.default.oneOfType([import_prop_types29.default.func, import_prop_types29.default.object, import_prop_types29.default.bool])), import_prop_types29.default.func, import_prop_types29.default.object]),
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
* @default {
* enter: theme.transitions.duration.enteringScreen,
* exit: theme.transitions.duration.leavingScreen,
* }
*/
transitionDuration: import_prop_types29.default.oneOfType([import_prop_types29.default.number, import_prop_types29.default.shape({
appear: import_prop_types29.default.number,
enter: import_prop_types29.default.number,
exit: import_prop_types29.default.number
})]),
/**
* The variant to use.
* @default 'temporary'
*/
variant: import_prop_types29.default.oneOf(["permanent", "persistent", "temporary"])
} : void 0;
var Drawer_default = Drawer;
// node_modules/@mui/material/Fab/Fab.js
init_extends();
var React37 = __toESM(require_react());
var import_prop_types30 = __toESM(require_prop_types());
// node_modules/@mui/material/Fab/fabClasses.js
function getFabUtilityClass(slot) {
return generateUtilityClass("MuiFab", slot);
}
var fabClasses = generateUtilityClasses("MuiFab", ["root", "primary", "secondary", "extended", "circular", "focusVisible", "disabled", "colorInherit", "sizeSmall", "sizeMedium", "sizeLarge", "info", "error", "warning", "success"]);
var fabClasses_default = fabClasses;
// node_modules/@mui/material/Fab/Fab.js
var import_jsx_runtime42 = __toESM(require_jsx_runtime());
var _excluded32 = ["children", "className", "color", "component", "disabled", "disableFocusRipple", "focusVisibleClassName", "size", "variant"];
var useUtilityClasses27 = (ownerState) => {
const {
color,
variant,
classes,
size
} = ownerState;
const slots = {
root: ["root", variant, `size${capitalize_default(size)}`, color === "inherit" ? "colorInherit" : color]
};
const composedClasses = composeClasses(slots, getFabUtilityClass, classes);
return _extends({}, classes, composedClasses);
};
var FabRoot = styled_default(ButtonBase_default, {
name: "MuiFab",
slot: "Root",
shouldForwardProp: (prop) => rootShouldForwardProp_default(prop) || prop === "classes",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[ownerState.variant], styles3[`size${capitalize_default(ownerState.size)}`], ownerState.color === "inherit" && styles3.colorInherit, styles3[capitalize_default(ownerState.size)], styles3[ownerState.color]];
}
})(({
theme,
ownerState
}) => {
var _theme$palette$getCon, _theme$palette;
return _extends({}, theme.typography.button, {
minHeight: 36,
transition: theme.transitions.create(["background-color", "box-shadow", "border-color"], {
duration: theme.transitions.duration.short
}),
borderRadius: "50%",
padding: 0,
minWidth: 0,
width: 56,
height: 56,
zIndex: (theme.vars || theme).zIndex.fab,
boxShadow: (theme.vars || theme).shadows[6],
"&:active": {
boxShadow: (theme.vars || theme).shadows[12]
},
color: theme.vars ? theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
backgroundColor: (theme.vars || theme).palette.grey[300],
"&:hover": {
backgroundColor: (theme.vars || theme).palette.grey.A100,
// Reset on touch devices, it doesn't add specificity
"@media (hover: none)": {
backgroundColor: (theme.vars || theme).palette.grey[300]
},
textDecoration: "none"
},
[`&.${fabClasses_default.focusVisible}`]: {
boxShadow: (theme.vars || theme).shadows[6]
}
}, ownerState.size === "small" && {
width: 40,
height: 40
}, ownerState.size === "medium" && {
width: 48,
height: 48
}, ownerState.variant === "extended" && {
borderRadius: 48 / 2,
padding: "0 16px",
width: "auto",
minHeight: "auto",
minWidth: 48,
height: 48
}, ownerState.variant === "extended" && ownerState.size === "small" && {
width: "auto",
padding: "0 8px",
borderRadius: 34 / 2,
minWidth: 34,
height: 34
}, ownerState.variant === "extended" && ownerState.size === "medium" && {
width: "auto",
padding: "0 16px",
borderRadius: 40 / 2,
minWidth: 40,
height: 40
}, ownerState.color === "inherit" && {
color: "inherit"
});
}, ({
theme,
ownerState
}) => _extends({}, ownerState.color !== "inherit" && ownerState.color !== "default" && (theme.vars || theme).palette[ownerState.color] != null && {
color: (theme.vars || theme).palette[ownerState.color].contrastText,
backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
"&:hover": {
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
// Reset on touch devices, it doesn't add specificity
"@media (hover: none)": {
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
}
}
}), ({
theme
}) => ({
[`&.${fabClasses_default.disabled}`]: {
color: (theme.vars || theme).palette.action.disabled,
boxShadow: (theme.vars || theme).shadows[0],
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
}
}));
var Fab = React37.forwardRef(function Fab2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiFab"
});
const {
children,
className,
color = "default",
component = "button",
disabled = false,
disableFocusRipple = false,
focusVisibleClassName,
size = "large",
variant = "circular"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded32);
const ownerState = _extends({}, props, {
color,
component,
disabled,
disableFocusRipple,
size,
variant
});
const classes = useUtilityClasses27(ownerState);
return (0, import_jsx_runtime42.jsx)(FabRoot, _extends({
className: clsx_default(classes.root, className),
component,
disabled,
focusRipple: !disableFocusRipple,
focusVisibleClassName: clsx_default(classes.focusVisible, focusVisibleClassName),
ownerState,
ref
}, other, {
classes,
children
}));
});
true ? Fab.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types30.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types30.default.object,
/**
* @ignore
*/
className: import_prop_types30.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'default'
*/
color: import_prop_types30.default.oneOfType([import_prop_types30.default.oneOf(["default", "error", "info", "inherit", "primary", "secondary", "success", "warning"]), import_prop_types30.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types30.default.elementType,
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types30.default.bool,
/**
* If `true`, the keyboard focus ripple is disabled.
* @default false
*/
disableFocusRipple: import_prop_types30.default.bool,
/**
* If `true`, the ripple effect is disabled.
*/
disableRipple: import_prop_types30.default.bool,
/**
* @ignore
*/
focusVisibleClassName: import_prop_types30.default.string,
/**
* The URL to link to when the button is clicked.
* If defined, an `a` element will be used as the root node.
*/
href: import_prop_types30.default.string,
/**
* The size of the component.
* `small` is equivalent to the dense button styling.
* @default 'large'
*/
size: import_prop_types30.default.oneOfType([import_prop_types30.default.oneOf(["small", "medium", "large"]), import_prop_types30.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types30.default.oneOfType([import_prop_types30.default.arrayOf(import_prop_types30.default.oneOfType([import_prop_types30.default.func, import_prop_types30.default.object, import_prop_types30.default.bool])), import_prop_types30.default.func, import_prop_types30.default.object]),
/**
* The variant to use.
* @default 'circular'
*/
variant: import_prop_types30.default.oneOfType([import_prop_types30.default.oneOf(["circular", "extended"]), import_prop_types30.default.string])
} : void 0;
var Fab_default = Fab;
// node_modules/@mui/material/FormGroup/FormGroup.js
init_extends();
var React38 = __toESM(require_react());
var import_prop_types31 = __toESM(require_prop_types());
// node_modules/@mui/material/FormGroup/formGroupClasses.js
function getFormGroupUtilityClass(slot) {
return generateUtilityClass("MuiFormGroup", slot);
}
var formGroupClasses = generateUtilityClasses("MuiFormGroup", ["root", "row", "error"]);
var formGroupClasses_default = formGroupClasses;
// node_modules/@mui/material/FormGroup/FormGroup.js
var import_jsx_runtime43 = __toESM(require_jsx_runtime());
var _excluded33 = ["className", "row"];
var useUtilityClasses28 = (ownerState) => {
const {
classes,
row,
error
} = ownerState;
const slots = {
root: ["root", row && "row", error && "error"]
};
return composeClasses(slots, getFormGroupUtilityClass, classes);
};
var FormGroupRoot = styled_default("div", {
name: "MuiFormGroup",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, ownerState.row && styles3.row];
}
})(({
ownerState
}) => _extends({
display: "flex",
flexDirection: "column",
flexWrap: "wrap"
}, ownerState.row && {
flexDirection: "row"
}));
var FormGroup = React38.forwardRef(function FormGroup2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiFormGroup"
});
const {
className,
row = false
} = props, other = _objectWithoutPropertiesLoose(props, _excluded33);
const muiFormControl = useFormControl();
const fcs = formControlState({
props,
muiFormControl,
states: ["error"]
});
const ownerState = _extends({}, props, {
row,
error: fcs.error
});
const classes = useUtilityClasses28(ownerState);
return (0, import_jsx_runtime43.jsx)(FormGroupRoot, _extends({
className: clsx_default(classes.root, className),
ownerState,
ref
}, other));
});
true ? FormGroup.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types31.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types31.default.object,
/**
* @ignore
*/
className: import_prop_types31.default.string,
/**
* Display group of elements in a compact row.
* @default false
*/
row: import_prop_types31.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types31.default.oneOfType([import_prop_types31.default.arrayOf(import_prop_types31.default.oneOfType([import_prop_types31.default.func, import_prop_types31.default.object, import_prop_types31.default.bool])), import_prop_types31.default.func, import_prop_types31.default.object])
} : void 0;
var FormGroup_default = FormGroup;
// node_modules/@mui/material/Grid/Grid.js
init_extends();
var React40 = __toESM(require_react());
var import_prop_types32 = __toESM(require_prop_types());
// node_modules/@mui/material/Grid/GridContext.js
var React39 = __toESM(require_react());
var GridContext = React39.createContext();
if (true) {
GridContext.displayName = "GridContext";
}
var GridContext_default = GridContext;
// node_modules/@mui/material/Grid/gridClasses.js
function getGridUtilityClass(slot) {
return generateUtilityClass("MuiGrid", slot);
}
var SPACINGS2 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var DIRECTIONS = ["column-reverse", "column", "row-reverse", "row"];
var WRAPS = ["nowrap", "wrap-reverse", "wrap"];
var GRID_SIZES = ["auto", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var gridClasses = generateUtilityClasses("MuiGrid", [
"root",
"container",
"item",
"zeroMinWidth",
// spacings
...SPACINGS2.map((spacing) => `spacing-xs-${spacing}`),
// direction values
...DIRECTIONS.map((direction) => `direction-xs-${direction}`),
// wrap values
...WRAPS.map((wrap) => `wrap-xs-${wrap}`),
// grid sizes for all breakpoints
...GRID_SIZES.map((size) => `grid-xs-${size}`),
...GRID_SIZES.map((size) => `grid-sm-${size}`),
...GRID_SIZES.map((size) => `grid-md-${size}`),
...GRID_SIZES.map((size) => `grid-lg-${size}`),
...GRID_SIZES.map((size) => `grid-xl-${size}`)
]);
var gridClasses_default = gridClasses;
// node_modules/@mui/material/Grid/Grid.js
var import_jsx_runtime44 = __toESM(require_jsx_runtime());
var _excluded34 = ["className", "columns", "columnSpacing", "component", "container", "direction", "item", "rowSpacing", "spacing", "wrap", "zeroMinWidth"];
function getOffset(val) {
const parse = parseFloat(val);
return `${parse}${String(val).replace(String(parse), "") || "px"}`;
}
function generateGrid({
theme,
ownerState
}) {
let size;
return theme.breakpoints.keys.reduce((globalStyles, breakpoint) => {
let styles3 = {};
if (ownerState[breakpoint]) {
size = ownerState[breakpoint];
}
if (!size) {
return globalStyles;
}
if (size === true) {
styles3 = {
flexBasis: 0,
flexGrow: 1,
maxWidth: "100%"
};
} else if (size === "auto") {
styles3 = {
flexBasis: "auto",
flexGrow: 0,
flexShrink: 0,
maxWidth: "none",
width: "auto"
};
} else {
const columnsBreakpointValues = resolveBreakpointValues({
values: ownerState.columns,
breakpoints: theme.breakpoints.values
});
const columnValue = typeof columnsBreakpointValues === "object" ? columnsBreakpointValues[breakpoint] : columnsBreakpointValues;
if (columnValue === void 0 || columnValue === null) {
return globalStyles;
}
const width = `${Math.round(size / columnValue * 1e8) / 1e6}%`;
let more = {};
if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
const themeSpacing = theme.spacing(ownerState.columnSpacing);
if (themeSpacing !== "0px") {
const fullWidth = `calc(${width} + ${getOffset(themeSpacing)})`;
more = {
flexBasis: fullWidth,
maxWidth: fullWidth
};
}
}
styles3 = _extends({
flexBasis: width,
flexGrow: 0,
maxWidth: width
}, more);
}
if (theme.breakpoints.values[breakpoint] === 0) {
Object.assign(globalStyles, styles3);
} else {
globalStyles[theme.breakpoints.up(breakpoint)] = styles3;
}
return globalStyles;
}, {});
}
function generateDirection({
theme,
ownerState
}) {
const directionValues = resolveBreakpointValues({
values: ownerState.direction,
breakpoints: theme.breakpoints.values
});
return handleBreakpoints({
theme
}, directionValues, (propValue) => {
const output = {
flexDirection: propValue
};
if (propValue.indexOf("column") === 0) {
output[`& > .${gridClasses_default.item}`] = {
maxWidth: "none"
};
}
return output;
});
}
function extractZeroValueBreakpointKeys({
breakpoints,
values
}) {
let nonZeroKey = "";
Object.keys(values).forEach((key) => {
if (nonZeroKey !== "") {
return;
}
if (values[key] !== 0) {
nonZeroKey = key;
}
});
const sortedBreakpointKeysByValue = Object.keys(breakpoints).sort((a, b) => {
return breakpoints[a] - breakpoints[b];
});
return sortedBreakpointKeysByValue.slice(0, sortedBreakpointKeysByValue.indexOf(nonZeroKey));
}
function generateRowGap({
theme,
ownerState
}) {
const {
container,
rowSpacing
} = ownerState;
let styles3 = {};
if (container && rowSpacing !== 0) {
const rowSpacingValues = resolveBreakpointValues({
values: rowSpacing,
breakpoints: theme.breakpoints.values
});
let zeroValueBreakpointKeys;
if (typeof rowSpacingValues === "object") {
zeroValueBreakpointKeys = extractZeroValueBreakpointKeys({
breakpoints: theme.breakpoints.values,
values: rowSpacingValues
});
}
styles3 = handleBreakpoints({
theme
}, rowSpacingValues, (propValue, breakpoint) => {
var _zeroValueBreakpointK;
const themeSpacing = theme.spacing(propValue);
if (themeSpacing !== "0px") {
return {
marginTop: `-${getOffset(themeSpacing)}`,
[`& > .${gridClasses_default.item}`]: {
paddingTop: getOffset(themeSpacing)
}
};
}
if ((_zeroValueBreakpointK = zeroValueBreakpointKeys) != null && _zeroValueBreakpointK.includes(breakpoint)) {
return {};
}
return {
marginTop: 0,
[`& > .${gridClasses_default.item}`]: {
paddingTop: 0
}
};
});
}
return styles3;
}
function generateColumnGap({
theme,
ownerState
}) {
const {
container,
columnSpacing
} = ownerState;
let styles3 = {};
if (container && columnSpacing !== 0) {
const columnSpacingValues = resolveBreakpointValues({
values: columnSpacing,
breakpoints: theme.breakpoints.values
});
let zeroValueBreakpointKeys;
if (typeof columnSpacingValues === "object") {
zeroValueBreakpointKeys = extractZeroValueBreakpointKeys({
breakpoints: theme.breakpoints.values,
values: columnSpacingValues
});
}
styles3 = handleBreakpoints({
theme
}, columnSpacingValues, (propValue, breakpoint) => {
var _zeroValueBreakpointK2;
const themeSpacing = theme.spacing(propValue);
if (themeSpacing !== "0px") {
return {
width: `calc(100% + ${getOffset(themeSpacing)})`,
marginLeft: `-${getOffset(themeSpacing)}`,
[`& > .${gridClasses_default.item}`]: {
paddingLeft: getOffset(themeSpacing)
}
};
}
if ((_zeroValueBreakpointK2 = zeroValueBreakpointKeys) != null && _zeroValueBreakpointK2.includes(breakpoint)) {
return {};
}
return {
width: "100%",
marginLeft: 0,
[`& > .${gridClasses_default.item}`]: {
paddingLeft: 0
}
};
});
}
return styles3;
}
function resolveSpacingStyles(spacing, breakpoints, styles3 = {}) {
if (!spacing || spacing <= 0) {
return [];
}
if (typeof spacing === "string" && !Number.isNaN(Number(spacing)) || typeof spacing === "number") {
return [styles3[`spacing-xs-${String(spacing)}`]];
}
const spacingStyles = [];
breakpoints.forEach((breakpoint) => {
const value = spacing[breakpoint];
if (Number(value) > 0) {
spacingStyles.push(styles3[`spacing-${breakpoint}-${String(value)}`]);
}
});
return spacingStyles;
}
var GridRoot = styled_default("div", {
name: "MuiGrid",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
const {
container,
direction,
item,
spacing,
wrap,
zeroMinWidth,
breakpoints
} = ownerState;
let spacingStyles = [];
if (container) {
spacingStyles = resolveSpacingStyles(spacing, breakpoints, styles3);
}
const breakpointsStyles = [];
breakpoints.forEach((breakpoint) => {
const value = ownerState[breakpoint];
if (value) {
breakpointsStyles.push(styles3[`grid-${breakpoint}-${String(value)}`]);
}
});
return [styles3.root, container && styles3.container, item && styles3.item, zeroMinWidth && styles3.zeroMinWidth, ...spacingStyles, direction !== "row" && styles3[`direction-xs-${String(direction)}`], wrap !== "wrap" && styles3[`wrap-xs-${String(wrap)}`], ...breakpointsStyles];
}
})(({
ownerState
}) => _extends({
boxSizing: "border-box"
}, ownerState.container && {
display: "flex",
flexWrap: "wrap",
width: "100%"
}, ownerState.item && {
margin: 0
// For instance, it's useful when used with a `figure` element.
}, ownerState.zeroMinWidth && {
minWidth: 0
}, ownerState.wrap !== "wrap" && {
flexWrap: ownerState.wrap
}), generateDirection, generateRowGap, generateColumnGap, generateGrid);
function resolveSpacingClasses(spacing, breakpoints) {
if (!spacing || spacing <= 0) {
return [];
}
if (typeof spacing === "string" && !Number.isNaN(Number(spacing)) || typeof spacing === "number") {
return [`spacing-xs-${String(spacing)}`];
}
const classes = [];
breakpoints.forEach((breakpoint) => {
const value = spacing[breakpoint];
if (Number(value) > 0) {
const className = `spacing-${breakpoint}-${String(value)}`;
classes.push(className);
}
});
return classes;
}
var useUtilityClasses29 = (ownerState) => {
const {
classes,
container,
direction,
item,
spacing,
wrap,
zeroMinWidth,
breakpoints
} = ownerState;
let spacingClasses = [];
if (container) {
spacingClasses = resolveSpacingClasses(spacing, breakpoints);
}
const breakpointsClasses = [];
breakpoints.forEach((breakpoint) => {
const value = ownerState[breakpoint];
if (value) {
breakpointsClasses.push(`grid-${breakpoint}-${String(value)}`);
}
});
const slots = {
root: ["root", container && "container", item && "item", zeroMinWidth && "zeroMinWidth", ...spacingClasses, direction !== "row" && `direction-xs-${String(direction)}`, wrap !== "wrap" && `wrap-xs-${String(wrap)}`, ...breakpointsClasses]
};
return composeClasses(slots, getGridUtilityClass, classes);
};
var Grid = React40.forwardRef(function Grid2(inProps, ref) {
const themeProps = useDefaultProps({
props: inProps,
name: "MuiGrid"
});
const {
breakpoints
} = useTheme();
const props = extendSxProp(themeProps);
const {
className,
columns: columnsProp,
columnSpacing: columnSpacingProp,
component = "div",
container = false,
direction = "row",
item = false,
rowSpacing: rowSpacingProp,
spacing = 0,
wrap = "wrap",
zeroMinWidth = false
} = props, other = _objectWithoutPropertiesLoose(props, _excluded34);
const rowSpacing = rowSpacingProp || spacing;
const columnSpacing = columnSpacingProp || spacing;
const columnsContext = React40.useContext(GridContext_default);
const columns = container ? columnsProp || 12 : columnsContext;
const breakpointsValues = {};
const otherFiltered = _extends({}, other);
breakpoints.keys.forEach((breakpoint) => {
if (other[breakpoint] != null) {
breakpointsValues[breakpoint] = other[breakpoint];
delete otherFiltered[breakpoint];
}
});
const ownerState = _extends({}, props, {
columns,
container,
direction,
item,
rowSpacing,
columnSpacing,
wrap,
zeroMinWidth,
spacing
}, breakpointsValues, {
breakpoints: breakpoints.keys
});
const classes = useUtilityClasses29(ownerState);
return (0, import_jsx_runtime44.jsx)(GridContext_default.Provider, {
value: columns,
children: (0, import_jsx_runtime44.jsx)(GridRoot, _extends({
ownerState,
className: clsx_default(classes.root, className),
as: component,
ref
}, otherFiltered))
});
});
true ? Grid.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types32.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types32.default.object,
/**
* @ignore
*/
className: import_prop_types32.default.string,
/**
* The number of columns.
* @default 12
*/
columns: import_prop_types32.default.oneOfType([import_prop_types32.default.arrayOf(import_prop_types32.default.number), import_prop_types32.default.number, import_prop_types32.default.object]),
/**
* Defines the horizontal space between the type `item` components.
* It overrides the value of the `spacing` prop.
*/
columnSpacing: import_prop_types32.default.oneOfType([import_prop_types32.default.arrayOf(import_prop_types32.default.oneOfType([import_prop_types32.default.number, import_prop_types32.default.string])), import_prop_types32.default.number, import_prop_types32.default.object, import_prop_types32.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types32.default.elementType,
/**
* If `true`, the component will have the flex *container* behavior.
* You should be wrapping *items* with a *container*.
* @default false
*/
container: import_prop_types32.default.bool,
/**
* Defines the `flex-direction` style property.
* It is applied for all screen sizes.
* @default 'row'
*/
direction: import_prop_types32.default.oneOfType([import_prop_types32.default.oneOf(["column-reverse", "column", "row-reverse", "row"]), import_prop_types32.default.arrayOf(import_prop_types32.default.oneOf(["column-reverse", "column", "row-reverse", "row"])), import_prop_types32.default.object]),
/**
* If `true`, the component will have the flex *item* behavior.
* You should be wrapping *items* with a *container*.
* @default false
*/
item: import_prop_types32.default.bool,
/**
* If a number, it sets the number of columns the grid item uses.
* It can't be greater than the total number of columns of the container (12 by default).
* If 'auto', the grid item's width matches its content.
* If false, the prop is ignored.
* If true, the grid item's width grows to use the space available in the grid container.
* The value is applied for the `lg` breakpoint and wider screens if not overridden.
* @default false
*/
lg: import_prop_types32.default.oneOfType([import_prop_types32.default.oneOf(["auto"]), import_prop_types32.default.number, import_prop_types32.default.bool]),
/**
* If a number, it sets the number of columns the grid item uses.
* It can't be greater than the total number of columns of the container (12 by default).
* If 'auto', the grid item's width matches its content.
* If false, the prop is ignored.
* If true, the grid item's width grows to use the space available in the grid container.
* The value is applied for the `md` breakpoint and wider screens if not overridden.
* @default false
*/
md: import_prop_types32.default.oneOfType([import_prop_types32.default.oneOf(["auto"]), import_prop_types32.default.number, import_prop_types32.default.bool]),
/**
* Defines the vertical space between the type `item` components.
* It overrides the value of the `spacing` prop.
*/
rowSpacing: import_prop_types32.default.oneOfType([import_prop_types32.default.arrayOf(import_prop_types32.default.oneOfType([import_prop_types32.default.number, import_prop_types32.default.string])), import_prop_types32.default.number, import_prop_types32.default.object, import_prop_types32.default.string]),
/**
* If a number, it sets the number of columns the grid item uses.
* It can't be greater than the total number of columns of the container (12 by default).
* If 'auto', the grid item's width matches its content.
* If false, the prop is ignored.
* If true, the grid item's width grows to use the space available in the grid container.
* The value is applied for the `sm` breakpoint and wider screens if not overridden.
* @default false
*/
sm: import_prop_types32.default.oneOfType([import_prop_types32.default.oneOf(["auto"]), import_prop_types32.default.number, import_prop_types32.default.bool]),
/**
* Defines the space between the type `item` components.
* It can only be used on a type `container` component.
* @default 0
*/
spacing: import_prop_types32.default.oneOfType([import_prop_types32.default.arrayOf(import_prop_types32.default.oneOfType([import_prop_types32.default.number, import_prop_types32.default.string])), import_prop_types32.default.number, import_prop_types32.default.object, import_prop_types32.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types32.default.oneOfType([import_prop_types32.default.arrayOf(import_prop_types32.default.oneOfType([import_prop_types32.default.func, import_prop_types32.default.object, import_prop_types32.default.bool])), import_prop_types32.default.func, import_prop_types32.default.object]),
/**
* Defines the `flex-wrap` style property.
* It's applied for all screen sizes.
* @default 'wrap'
*/
wrap: import_prop_types32.default.oneOf(["nowrap", "wrap-reverse", "wrap"]),
/**
* If a number, it sets the number of columns the grid item uses.
* It can't be greater than the total number of columns of the container (12 by default).
* If 'auto', the grid item's width matches its content.
* If false, the prop is ignored.
* If true, the grid item's width grows to use the space available in the grid container.
* The value is applied for the `xl` breakpoint and wider screens if not overridden.
* @default false
*/
xl: import_prop_types32.default.oneOfType([import_prop_types32.default.oneOf(["auto"]), import_prop_types32.default.number, import_prop_types32.default.bool]),
/**
* If a number, it sets the number of columns the grid item uses.
* It can't be greater than the total number of columns of the container (12 by default).
* If 'auto', the grid item's width matches its content.
* If false, the prop is ignored.
* If true, the grid item's width grows to use the space available in the grid container.
* The value is applied for all the screen sizes with the lowest priority.
* @default false
*/
xs: import_prop_types32.default.oneOfType([import_prop_types32.default.oneOf(["auto"]), import_prop_types32.default.number, import_prop_types32.default.bool]),
/**
* If `true`, it sets `min-width: 0` on the item.
* Refer to the limitations section of the documentation to better understand the use case.
* @default false
*/
zeroMinWidth: import_prop_types32.default.bool
} : void 0;
if (true) {
const requireProp = requirePropFactory_default("Grid", Grid);
Grid["propTypes"] = _extends({}, Grid.propTypes, {
direction: requireProp("container"),
lg: requireProp("item"),
md: requireProp("item"),
sm: requireProp("item"),
spacing: requireProp("container"),
wrap: requireProp("container"),
xs: requireProp("item"),
zeroMinWidth: requireProp("item")
});
}
var Grid_default = Grid;
// node_modules/@mui/material/Unstable_Grid2/Grid2.js
var import_prop_types33 = __toESM(require_prop_types());
var Grid22 = createGrid({
createStyledComponent: styled_default("div", {
name: "MuiGrid2",
slot: "Root",
overridesResolver: (props, styles3) => styles3.root
}),
componentName: "MuiGrid2",
useThemeProps: (inProps) => useDefaultProps({
props: inProps,
name: "MuiGrid2"
})
});
true ? Grid22.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types33.default.node,
/**
* @ignore
*/
sx: import_prop_types33.default.oneOfType([import_prop_types33.default.arrayOf(import_prop_types33.default.oneOfType([import_prop_types33.default.func, import_prop_types33.default.object, import_prop_types33.default.bool])), import_prop_types33.default.func, import_prop_types33.default.object])
} : void 0;
var Grid2_default = Grid22;
// node_modules/@mui/material/Unstable_Grid2/grid2Classes.js
function getGrid2UtilityClass(slot) {
return generateUtilityClass("MuiGrid2", slot);
}
var SPACINGS3 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var DIRECTIONS2 = ["column-reverse", "column", "row-reverse", "row"];
var WRAPS2 = ["nowrap", "wrap-reverse", "wrap"];
var GRID_SIZES2 = ["auto", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var grid2Classes = generateUtilityClasses("MuiGrid2", [
"root",
"container",
"item",
"zeroMinWidth",
// spacings
...SPACINGS3.map((spacing) => `spacing-xs-${spacing}`),
// direction values
...DIRECTIONS2.map((direction) => `direction-xs-${direction}`),
// wrap values
...WRAPS2.map((wrap) => `wrap-xs-${wrap}`),
// grid sizes for all breakpoints
...GRID_SIZES2.map((size) => `grid-xs-${size}`),
...GRID_SIZES2.map((size) => `grid-sm-${size}`),
...GRID_SIZES2.map((size) => `grid-md-${size}`),
...GRID_SIZES2.map((size) => `grid-lg-${size}`),
...GRID_SIZES2.map((size) => `grid-xl-${size}`)
]);
var grid2Classes_default = grid2Classes;
// node_modules/@mui/material/Hidden/Hidden.js
init_extends();
var React44 = __toESM(require_react());
var import_prop_types37 = __toESM(require_prop_types());
// node_modules/@mui/material/Hidden/HiddenJs.js
var React42 = __toESM(require_react());
var import_prop_types35 = __toESM(require_prop_types());
// node_modules/@mui/material/Hidden/withWidth.js
init_extends();
var React41 = __toESM(require_react());
var import_prop_types34 = __toESM(require_prop_types());
init_getDisplayName();
var import_jsx_runtime45 = __toESM(require_jsx_runtime());
var _excluded35 = ["initialWidth", "width"];
var breakpointKeys = ["xs", "sm", "md", "lg", "xl"];
var isWidthUp = (breakpoint, width, inclusive = true) => {
if (inclusive) {
return breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(width);
}
return breakpointKeys.indexOf(breakpoint) < breakpointKeys.indexOf(width);
};
var isWidthDown = (breakpoint, width, inclusive = false) => {
if (inclusive) {
return breakpointKeys.indexOf(width) <= breakpointKeys.indexOf(breakpoint);
}
return breakpointKeys.indexOf(width) < breakpointKeys.indexOf(breakpoint);
};
var withWidth = (options = {}) => (Component) => {
const {
withTheme: withThemeOption = false,
noSSR = false,
initialWidth: initialWidthOption
} = options;
function WithWidth(props) {
const contextTheme = useTheme();
const theme = props.theme || contextTheme;
const _getThemeProps = getThemeProps({
theme,
name: "MuiWithWidth",
props
}), {
initialWidth,
width
} = _getThemeProps, other = _objectWithoutPropertiesLoose(_getThemeProps, _excluded35);
const [mountedState, setMountedState] = React41.useState(false);
useEnhancedEffect_default2(() => {
setMountedState(true);
}, []);
const keys = theme.breakpoints.keys.slice().reverse();
const widthComputed = keys.reduce((output, key) => {
const matches = useMediaQuery(theme.breakpoints.up(key));
return !output && matches ? key : output;
}, null);
const more = _extends({
width: width || (mountedState || noSSR ? widthComputed : void 0) || initialWidth || initialWidthOption
}, withThemeOption ? {
theme
} : {}, other);
if (more.width === void 0) {
return null;
}
return (0, import_jsx_runtime45.jsx)(Component, _extends({}, more));
}
true ? WithWidth.propTypes = {
/**
* As `window.innerWidth` is unavailable on the server,
* we default to rendering an empty component during the first mount.
* You might want to use a heuristic to approximate
* the screen width of the client browser screen width.
*
* For instance, you could be using the user-agent or the client-hints.
* https://caniuse.com/#search=client%20hint
*/
initialWidth: import_prop_types34.default.oneOf(["xs", "sm", "md", "lg", "xl"]),
/**
* @ignore
*/
theme: import_prop_types34.default.object,
/**
* Bypass the width calculation logic.
*/
width: import_prop_types34.default.oneOf(["xs", "sm", "md", "lg", "xl"])
} : void 0;
if (true) {
WithWidth.displayName = `WithWidth(${getDisplayName(Component)})`;
}
return WithWidth;
};
var withWidth_default = withWidth;
// node_modules/@mui/material/Hidden/HiddenJs.js
var import_jsx_runtime46 = __toESM(require_jsx_runtime());
function HiddenJs(props) {
const {
children,
only,
width
} = props;
const theme = useTheme();
let visible = true;
if (only) {
if (Array.isArray(only)) {
for (let i = 0; i < only.length; i += 1) {
const breakpoint = only[i];
if (width === breakpoint) {
visible = false;
break;
}
}
} else if (only && width === only) {
visible = false;
}
}
if (visible) {
for (let i = 0; i < theme.breakpoints.keys.length; i += 1) {
const breakpoint = theme.breakpoints.keys[i];
const breakpointUp = props[`${breakpoint}Up`];
const breakpointDown = props[`${breakpoint}Down`];
if (breakpointUp && isWidthUp(breakpoint, width) || breakpointDown && isWidthDown(breakpoint, width)) {
visible = false;
break;
}
}
}
if (!visible) {
return null;
}
return (0, import_jsx_runtime46.jsx)(React42.Fragment, {
children
});
}
true ? HiddenJs.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types35.default.node,
/**
* If `true`, screens this size and down are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
lgDown: import_prop_types35.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
lgUp: import_prop_types35.default.bool,
/**
* If `true`, screens this size and down are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
mdDown: import_prop_types35.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
mdUp: import_prop_types35.default.bool,
/**
* Hide the given breakpoint(s).
*/
only: import_prop_types35.default.oneOfType([import_prop_types35.default.oneOf(["xs", "sm", "md", "lg", "xl"]), import_prop_types35.default.arrayOf(import_prop_types35.default.oneOf(["xs", "sm", "md", "lg", "xl"]))]),
/**
* If `true`, screens this size and down are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
smDown: import_prop_types35.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
smUp: import_prop_types35.default.bool,
/**
* @ignore
* width prop provided by withWidth decorator.
*/
width: import_prop_types35.default.string.isRequired,
/**
* If `true`, screens this size and down are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
xlDown: import_prop_types35.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
xlUp: import_prop_types35.default.bool,
/**
* If `true`, screens this size and down are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
xsDown: import_prop_types35.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
// eslint-disable-next-line react/no-unused-prop-types
xsUp: import_prop_types35.default.bool
} : void 0;
if (true) {
true ? HiddenJs.propTypes = exactProp(HiddenJs.propTypes) : void 0;
}
var HiddenJs_default = withWidth_default()(HiddenJs);
// node_modules/@mui/material/Hidden/HiddenCss.js
init_extends();
var React43 = __toESM(require_react());
var import_prop_types36 = __toESM(require_prop_types());
// node_modules/@mui/material/Hidden/hiddenCssClasses.js
function getHiddenCssUtilityClass(slot) {
return generateUtilityClass("PrivateHiddenCss", slot);
}
var hiddenCssClasses = generateUtilityClasses("PrivateHiddenCss", ["root", "xlDown", "xlUp", "onlyXl", "lgDown", "lgUp", "onlyLg", "mdDown", "mdUp", "onlyMd", "smDown", "smUp", "onlySm", "xsDown", "xsUp", "onlyXs"]);
// node_modules/@mui/material/Hidden/HiddenCss.js
var import_jsx_runtime47 = __toESM(require_jsx_runtime());
var _excluded36 = ["children", "className", "only"];
var useUtilityClasses30 = (ownerState) => {
const {
classes,
breakpoints
} = ownerState;
const slots = {
root: ["root", ...breakpoints.map(({
breakpoint,
dir
}) => {
return dir === "only" ? `${dir}${capitalize_default(breakpoint)}` : `${breakpoint}${capitalize_default(dir)}`;
})]
};
return composeClasses(slots, getHiddenCssUtilityClass, classes);
};
var HiddenCssRoot = styled_default("div", {
name: "PrivateHiddenCss",
slot: "Root"
})(({
theme,
ownerState
}) => {
const hidden = {
display: "none"
};
return _extends({}, ownerState.breakpoints.map(({
breakpoint,
dir
}) => {
if (dir === "only") {
return {
[theme.breakpoints.only(breakpoint)]: hidden
};
}
return dir === "up" ? {
[theme.breakpoints.up(breakpoint)]: hidden
} : {
[theme.breakpoints.down(breakpoint)]: hidden
};
}).reduce((r, o) => {
Object.keys(o).forEach((k) => {
r[k] = o[k];
});
return r;
}, {}));
});
function HiddenCss(props) {
const {
children,
className,
only
} = props, other = _objectWithoutPropertiesLoose(props, _excluded36);
const theme = useTheme();
if (true) {
const unknownProps = Object.keys(other).filter((propName) => {
const isUndeclaredBreakpoint = !theme.breakpoints.keys.some((breakpoint) => {
return `${breakpoint}Up` === propName || `${breakpoint}Down` === propName;
});
return !["classes", "theme", "isRtl", "sx"].includes(propName) && isUndeclaredBreakpoint;
});
if (unknownProps.length > 0) {
console.error(`MUI: Unsupported props received by \`\`: ${unknownProps.join(", ")}. Did you forget to wrap this component in a ThemeProvider declaring these breakpoints?`);
}
}
const breakpoints = [];
for (let i = 0; i < theme.breakpoints.keys.length; i += 1) {
const breakpoint = theme.breakpoints.keys[i];
const breakpointUp = other[`${breakpoint}Up`];
const breakpointDown = other[`${breakpoint}Down`];
if (breakpointUp) {
breakpoints.push({
breakpoint,
dir: "up"
});
}
if (breakpointDown) {
breakpoints.push({
breakpoint,
dir: "down"
});
}
}
if (only) {
const onlyBreakpoints = Array.isArray(only) ? only : [only];
onlyBreakpoints.forEach((breakpoint) => {
breakpoints.push({
breakpoint,
dir: "only"
});
});
}
const ownerState = _extends({}, props, {
breakpoints
});
const classes = useUtilityClasses30(ownerState);
return (0, import_jsx_runtime47.jsx)(HiddenCssRoot, {
className: clsx_default(classes.root, className),
ownerState,
children
});
}
true ? HiddenCss.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types36.default.node,
/**
* @ignore
*/
className: import_prop_types36.default.string,
/**
* Specify which implementation to use. 'js' is the default, 'css' works better for
* server-side rendering.
*/
implementation: import_prop_types36.default.oneOf(["js", "css"]),
/**
* If `true`, screens this size and down are hidden.
*/
lgDown: import_prop_types36.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
lgUp: import_prop_types36.default.bool,
/**
* If `true`, screens this size and down are hidden.
*/
mdDown: import_prop_types36.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
mdUp: import_prop_types36.default.bool,
/**
* Hide the given breakpoint(s).
*/
only: import_prop_types36.default.oneOfType([import_prop_types36.default.oneOf(["xs", "sm", "md", "lg", "xl"]), import_prop_types36.default.arrayOf(import_prop_types36.default.oneOf(["xs", "sm", "md", "lg", "xl"]))]),
/**
* If `true`, screens this size and down are hidden.
*/
smDown: import_prop_types36.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
smUp: import_prop_types36.default.bool,
/**
* If `true`, screens this size and down are hidden.
*/
xlDown: import_prop_types36.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
xlUp: import_prop_types36.default.bool,
/**
* If `true`, screens this size and down are hidden.
*/
xsDown: import_prop_types36.default.bool,
/**
* If `true`, screens this size and up are hidden.
*/
xsUp: import_prop_types36.default.bool
} : void 0;
var HiddenCss_default = HiddenCss;
// node_modules/@mui/material/Hidden/Hidden.js
var import_jsx_runtime48 = __toESM(require_jsx_runtime());
var _excluded37 = ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"];
function Hidden(props) {
const {
implementation = "js",
lgDown = false,
lgUp = false,
mdDown = false,
mdUp = false,
smDown = false,
smUp = false,
xlDown = false,
xlUp = false,
xsDown = false,
xsUp = false
} = props, other = _objectWithoutPropertiesLoose(props, _excluded37);
if (implementation === "js") {
return (0, import_jsx_runtime48.jsx)(HiddenJs_default, _extends({
lgDown,
lgUp,
mdDown,
mdUp,
smDown,
smUp,
xlDown,
xlUp,
xsDown,
xsUp
}, other));
}
return (0, import_jsx_runtime48.jsx)(HiddenCss_default, _extends({
lgDown,
lgUp,
mdDown,
mdUp,
smDown,
smUp,
xlDown,
xlUp,
xsDown,
xsUp
}, other));
}
true ? Hidden.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types37.default.node,
/**
* Specify which implementation to use. 'js' is the default, 'css' works better for
* server-side rendering.
* @default 'js'
*/
implementation: import_prop_types37.default.oneOf(["css", "js"]),
/**
* You can use this prop when choosing the `js` implementation with server-side rendering.
*
* As `window.innerWidth` is unavailable on the server,
* we default to rendering an empty component during the first mount.
* You might want to use a heuristic to approximate
* the screen width of the client browser screen width.
*
* For instance, you could be using the user-agent or the client-hints.
* https://caniuse.com/#search=client%20hint
*/
initialWidth: import_prop_types37.default.oneOf(["xs", "sm", "md", "lg", "xl"]),
/**
* If `true`, component is hidden on screens below (but not including) this size.
* @default false
*/
lgDown: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens this size and above.
* @default false
*/
lgUp: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens below (but not including) this size.
* @default false
*/
mdDown: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens this size and above.
* @default false
*/
mdUp: import_prop_types37.default.bool,
/**
* Hide the given breakpoint(s).
*/
only: import_prop_types37.default.oneOfType([import_prop_types37.default.oneOf(["xs", "sm", "md", "lg", "xl"]), import_prop_types37.default.arrayOf(import_prop_types37.default.oneOf(["xs", "sm", "md", "lg", "xl"]).isRequired)]),
/**
* If `true`, component is hidden on screens below (but not including) this size.
* @default false
*/
smDown: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens this size and above.
* @default false
*/
smUp: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens below (but not including) this size.
* @default false
*/
xlDown: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens this size and above.
* @default false
*/
xlUp: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens below (but not including) this size.
* @default false
*/
xsDown: import_prop_types37.default.bool,
/**
* If `true`, component is hidden on screens this size and above.
* @default false
*/
xsUp: import_prop_types37.default.bool
} : void 0;
var Hidden_default = Hidden;
// node_modules/@mui/material/Icon/Icon.js
init_extends();
var React45 = __toESM(require_react());
var import_prop_types38 = __toESM(require_prop_types());
// node_modules/@mui/material/Icon/iconClasses.js
function getIconUtilityClass(slot) {
return generateUtilityClass("MuiIcon", slot);
}
var iconClasses = generateUtilityClasses("MuiIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
var iconClasses_default = iconClasses;
// node_modules/@mui/material/Icon/Icon.js
var import_jsx_runtime49 = __toESM(require_jsx_runtime());
var _excluded38 = ["baseClassName", "className", "color", "component", "fontSize"];
var useUtilityClasses31 = (ownerState) => {
const {
color,
fontSize,
classes
} = ownerState;
const slots = {
root: ["root", color !== "inherit" && `color${capitalize_default(color)}`, `fontSize${capitalize_default(fontSize)}`]
};
return composeClasses(slots, getIconUtilityClass, classes);
};
var IconRoot = styled_default("span", {
name: "MuiIcon",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, ownerState.color !== "inherit" && styles3[`color${capitalize_default(ownerState.color)}`], styles3[`fontSize${capitalize_default(ownerState.fontSize)}`]];
}
})(({
theme,
ownerState
}) => ({
userSelect: "none",
width: "1em",
height: "1em",
// Chrome fix for https://bugs.chromium.org/p/chromium/issues/detail?id=820541
// To remove at some point.
overflow: "hidden",
display: "inline-block",
// allow overflow hidden to take action
textAlign: "center",
// support non-square icon
flexShrink: 0,
fontSize: {
inherit: "inherit",
small: theme.typography.pxToRem(20),
medium: theme.typography.pxToRem(24),
large: theme.typography.pxToRem(36)
}[ownerState.fontSize],
// TODO v5 deprecate, v6 remove for sx
color: {
primary: (theme.vars || theme).palette.primary.main,
secondary: (theme.vars || theme).palette.secondary.main,
info: (theme.vars || theme).palette.info.main,
success: (theme.vars || theme).palette.success.main,
warning: (theme.vars || theme).palette.warning.main,
action: (theme.vars || theme).palette.action.active,
error: (theme.vars || theme).palette.error.main,
disabled: (theme.vars || theme).palette.action.disabled,
inherit: void 0
}[ownerState.color]
}));
var Icon = React45.forwardRef(function Icon2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiIcon"
});
const {
baseClassName = "material-icons",
className,
color = "inherit",
component: Component = "span",
fontSize = "medium"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded38);
const ownerState = _extends({}, props, {
baseClassName,
color,
component: Component,
fontSize
});
const classes = useUtilityClasses31(ownerState);
return (0, import_jsx_runtime49.jsx)(IconRoot, _extends({
as: Component,
className: clsx_default(
baseClassName,
// Prevent the translation of the text content.
// The font relies on the exact text content to render the icon.
"notranslate",
classes.root,
className
),
ownerState,
"aria-hidden": true,
ref
}, other));
});
true ? Icon.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The base class applied to the icon. Defaults to 'material-icons', but can be changed to any
* other base class that suits the icon font you're using (for example material-icons-rounded, fas, etc).
* @default 'material-icons'
*/
baseClassName: import_prop_types38.default.string,
/**
* The name of the icon font ligature.
*/
children: import_prop_types38.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types38.default.object,
/**
* @ignore
*/
className: import_prop_types38.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'inherit'
*/
color: import_prop_types38.default.oneOfType([import_prop_types38.default.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), import_prop_types38.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types38.default.elementType,
/**
* The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
* @default 'medium'
*/
fontSize: import_prop_types38.default.oneOfType([import_prop_types38.default.oneOf(["inherit", "large", "medium", "small"]), import_prop_types38.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types38.default.oneOfType([import_prop_types38.default.arrayOf(import_prop_types38.default.oneOfType([import_prop_types38.default.func, import_prop_types38.default.object, import_prop_types38.default.bool])), import_prop_types38.default.func, import_prop_types38.default.object])
} : void 0;
Icon.muiName = "Icon";
var Icon_default = Icon;
// node_modules/@mui/material/ImageList/ImageList.js
init_extends();
var import_prop_types39 = __toESM(require_prop_types());
var React47 = __toESM(require_react());
// node_modules/@mui/material/ImageList/imageListClasses.js
function getImageListUtilityClass(slot) {
return generateUtilityClass("MuiImageList", slot);
}
var imageListClasses = generateUtilityClasses("MuiImageList", ["root", "masonry", "quilted", "standard", "woven"]);
var imageListClasses_default = imageListClasses;
// node_modules/@mui/material/ImageList/ImageListContext.js
var React46 = __toESM(require_react());
var ImageListContext = React46.createContext({});
if (true) {
ImageListContext.displayName = "ImageListContext";
}
var ImageListContext_default = ImageListContext;
// node_modules/@mui/material/ImageList/ImageList.js
var import_jsx_runtime50 = __toESM(require_jsx_runtime());
var _excluded39 = ["children", "className", "cols", "component", "rowHeight", "gap", "style", "variant"];
var useUtilityClasses32 = (ownerState) => {
const {
classes,
variant
} = ownerState;
const slots = {
root: ["root", variant]
};
return composeClasses(slots, getImageListUtilityClass, classes);
};
var ImageListRoot = styled_default("ul", {
name: "MuiImageList",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[ownerState.variant]];
}
})(({
ownerState
}) => {
return _extends({
display: "grid",
overflowY: "auto",
listStyle: "none",
padding: 0,
// Add iOS momentum scrolling for iOS < 13.0
WebkitOverflowScrolling: "touch"
}, ownerState.variant === "masonry" && {
display: "block"
});
});
var ImageList = React47.forwardRef(function ImageList2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiImageList"
});
const {
children,
className,
cols = 2,
component = "ul",
rowHeight = "auto",
gap = 4,
style: styleProp,
variant = "standard"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded39);
const contextValue = React47.useMemo(() => ({
rowHeight,
gap,
variant
}), [rowHeight, gap, variant]);
React47.useEffect(() => {
if (true) {
if (document !== void 0 && "objectFit" in document.documentElement.style === false) {
console.error(["MUI: ImageList v5+ no longer natively supports Internet Explorer.", "Use v4 of this component instead, or polyfill CSS object-fit."].join("\n"));
}
}
}, []);
const style = variant === "masonry" ? _extends({
columnCount: cols,
columnGap: gap
}, styleProp) : _extends({
gridTemplateColumns: `repeat(${cols}, 1fr)`,
gap
}, styleProp);
const ownerState = _extends({}, props, {
component,
gap,
rowHeight,
variant
});
const classes = useUtilityClasses32(ownerState);
return (0, import_jsx_runtime50.jsx)(ImageListRoot, _extends({
as: component,
className: clsx_default(classes.root, classes[variant], className),
ref,
style,
ownerState
}, other, {
children: (0, import_jsx_runtime50.jsx)(ImageListContext_default.Provider, {
value: contextValue,
children
})
}));
});
true ? ImageList.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component, normally `ImageListItem`s.
*/
children: import_prop_types39.default.node.isRequired,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types39.default.object,
/**
* @ignore
*/
className: import_prop_types39.default.string,
/**
* Number of columns.
* @default 2
*/
cols: integerPropType_default,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types39.default.elementType,
/**
* The gap between items in px.
* @default 4
*/
gap: import_prop_types39.default.number,
/**
* The height of one row in px.
* @default 'auto'
*/
rowHeight: import_prop_types39.default.oneOfType([import_prop_types39.default.oneOf(["auto"]), import_prop_types39.default.number]),
/**
* @ignore
*/
style: import_prop_types39.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types39.default.oneOfType([import_prop_types39.default.arrayOf(import_prop_types39.default.oneOfType([import_prop_types39.default.func, import_prop_types39.default.object, import_prop_types39.default.bool])), import_prop_types39.default.func, import_prop_types39.default.object]),
/**
* The variant to use.
* @default 'standard'
*/
variant: import_prop_types39.default.oneOfType([import_prop_types39.default.oneOf(["masonry", "quilted", "standard", "woven"]), import_prop_types39.default.string])
} : void 0;
var ImageList_default = ImageList;
// node_modules/@mui/material/ImageListItem/ImageListItem.js
init_extends();
var import_prop_types40 = __toESM(require_prop_types());
var React48 = __toESM(require_react());
var import_react_is5 = __toESM(require_react_is());
// node_modules/@mui/material/ImageListItem/imageListItemClasses.js
function getImageListItemUtilityClass(slot) {
return generateUtilityClass("MuiImageListItem", slot);
}
var imageListItemClasses = generateUtilityClasses("MuiImageListItem", ["root", "img", "standard", "woven", "masonry", "quilted"]);
var imageListItemClasses_default = imageListItemClasses;
// node_modules/@mui/material/ImageListItem/ImageListItem.js
var import_jsx_runtime51 = __toESM(require_jsx_runtime());
var _excluded40 = ["children", "className", "cols", "component", "rows", "style"];
var useUtilityClasses33 = (ownerState) => {
const {
classes,
variant
} = ownerState;
const slots = {
root: ["root", variant],
img: ["img"]
};
return composeClasses(slots, getImageListItemUtilityClass, classes);
};
var ImageListItemRoot = styled_default("li", {
name: "MuiImageListItem",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [{
[`& .${imageListItemClasses_default.img}`]: styles3.img
}, styles3.root, styles3[ownerState.variant]];
}
})(({
ownerState
}) => _extends({
display: "block",
position: "relative"
}, ownerState.variant === "standard" && {
// For titlebar under list item
display: "flex",
flexDirection: "column"
}, ownerState.variant === "woven" && {
height: "100%",
alignSelf: "center",
"&:nth-of-type(even)": {
height: "70%"
}
}, {
[`& .${imageListItemClasses_default.img}`]: _extends({
objectFit: "cover",
width: "100%",
height: "100%",
display: "block"
}, ownerState.variant === "standard" && {
height: "auto",
flexGrow: 1
})
}));
var ImageListItem = React48.forwardRef(function ImageListItem2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiImageListItem"
});
const {
children,
className,
cols = 1,
component = "li",
rows = 1,
style
} = props, other = _objectWithoutPropertiesLoose(props, _excluded40);
const {
rowHeight = "auto",
gap,
variant
} = React48.useContext(ImageListContext_default);
let height = "auto";
if (variant === "woven") {
height = void 0;
} else if (rowHeight !== "auto") {
height = rowHeight * rows + gap * (rows - 1);
}
const ownerState = _extends({}, props, {
cols,
component,
gap,
rowHeight,
rows,
variant
});
const classes = useUtilityClasses33(ownerState);
return (0, import_jsx_runtime51.jsx)(ImageListItemRoot, _extends({
as: component,
className: clsx_default(classes.root, classes[variant], className),
ref,
style: _extends({
height,
gridColumnEnd: variant !== "masonry" ? `span ${cols}` : void 0,
gridRowEnd: variant !== "masonry" ? `span ${rows}` : void 0,
marginBottom: variant === "masonry" ? gap : void 0,
breakInside: variant === "masonry" ? "avoid" : void 0
}, style),
ownerState
}, other, {
children: React48.Children.map(children, (child) => {
if (!React48.isValidElement(child)) {
return null;
}
if (true) {
if ((0, import_react_is5.isFragment)(child)) {
console.error(["MUI: The ImageListItem component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
}
}
if (child.type === "img" || isMuiElement_default(child, ["Image"])) {
return React48.cloneElement(child, {
className: clsx_default(classes.img, child.props.className)
});
}
return child;
})
}));
});
true ? ImageListItem.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component, normally an `![]()
`.
*/
children: import_prop_types40.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types40.default.object,
/**
* @ignore
*/
className: import_prop_types40.default.string,
/**
* Width of the item in number of grid columns.
* @default 1
*/
cols: integerPropType_default,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types40.default.elementType,
/**
* Height of the item in number of grid rows.
* @default 1
*/
rows: integerPropType_default,
/**
* @ignore
*/
style: import_prop_types40.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types40.default.oneOfType([import_prop_types40.default.arrayOf(import_prop_types40.default.oneOfType([import_prop_types40.default.func, import_prop_types40.default.object, import_prop_types40.default.bool])), import_prop_types40.default.func, import_prop_types40.default.object])
} : void 0;
var ImageListItem_default = ImageListItem;
// node_modules/@mui/material/ImageListItemBar/ImageListItemBar.js
init_extends();
var import_prop_types41 = __toESM(require_prop_types());
var React49 = __toESM(require_react());
// node_modules/@mui/material/ImageListItemBar/imageListItemBarClasses.js
function getImageListItemBarUtilityClass(slot) {
return generateUtilityClass("MuiImageListItemBar", slot);
}
var imageListItemBarClasses = generateUtilityClasses("MuiImageListItemBar", ["root", "positionBottom", "positionTop", "positionBelow", "titleWrap", "titleWrapBottom", "titleWrapTop", "titleWrapBelow", "titleWrapActionPosLeft", "titleWrapActionPosRight", "title", "subtitle", "actionIcon", "actionIconActionPosLeft", "actionIconActionPosRight"]);
var imageListItemBarClasses_default = imageListItemBarClasses;
// node_modules/@mui/material/ImageListItemBar/ImageListItemBar.js
var import_jsx_runtime52 = __toESM(require_jsx_runtime());
var import_jsx_runtime53 = __toESM(require_jsx_runtime());
var _excluded41 = ["actionIcon", "actionPosition", "className", "subtitle", "title", "position"];
var useUtilityClasses34 = (ownerState) => {
const {
classes,
position,
actionIcon,
actionPosition
} = ownerState;
const slots = {
root: ["root", `position${capitalize_default(position)}`],
titleWrap: ["titleWrap", `titleWrap${capitalize_default(position)}`, actionIcon && `titleWrapActionPos${capitalize_default(actionPosition)}`],
title: ["title"],
subtitle: ["subtitle"],
actionIcon: ["actionIcon", `actionIconActionPos${capitalize_default(actionPosition)}`]
};
return composeClasses(slots, getImageListItemBarUtilityClass, classes);
};
var ImageListItemBarRoot = styled_default("div", {
name: "MuiImageListItemBar",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[`position${capitalize_default(ownerState.position)}`]];
}
})(({
theme,
ownerState
}) => {
return _extends({
position: "absolute",
left: 0,
right: 0,
background: "rgba(0, 0, 0, 0.5)",
display: "flex",
alignItems: "center",
fontFamily: theme.typography.fontFamily
}, ownerState.position === "bottom" && {
bottom: 0
}, ownerState.position === "top" && {
top: 0
}, ownerState.position === "below" && {
position: "relative",
background: "transparent",
alignItems: "normal"
});
});
var ImageListItemBarTitleWrap = styled_default("div", {
name: "MuiImageListItemBar",
slot: "TitleWrap",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.titleWrap, styles3[`titleWrap${capitalize_default(ownerState.position)}`], ownerState.actionIcon && styles3[`titleWrapActionPos${capitalize_default(ownerState.actionPosition)}`]];
}
})(({
theme,
ownerState
}) => {
return _extends({
flexGrow: 1,
padding: "12px 16px",
color: (theme.vars || theme).palette.common.white,
overflow: "hidden"
}, ownerState.position === "below" && {
padding: "6px 0 12px",
color: "inherit"
}, ownerState.actionIcon && ownerState.actionPosition === "left" && {
paddingLeft: 0
}, ownerState.actionIcon && ownerState.actionPosition === "right" && {
paddingRight: 0
});
});
var ImageListItemBarTitle = styled_default("div", {
name: "MuiImageListItemBar",
slot: "Title",
overridesResolver: (props, styles3) => styles3.title
})(({
theme
}) => {
return {
fontSize: theme.typography.pxToRem(16),
lineHeight: "24px",
textOverflow: "ellipsis",
overflow: "hidden",
whiteSpace: "nowrap"
};
});
var ImageListItemBarSubtitle = styled_default("div", {
name: "MuiImageListItemBar",
slot: "Subtitle",
overridesResolver: (props, styles3) => styles3.subtitle
})(({
theme
}) => {
return {
fontSize: theme.typography.pxToRem(12),
lineHeight: 1,
textOverflow: "ellipsis",
overflow: "hidden",
whiteSpace: "nowrap"
};
});
var ImageListItemBarActionIcon = styled_default("div", {
name: "MuiImageListItemBar",
slot: "ActionIcon",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.actionIcon, styles3[`actionIconActionPos${capitalize_default(ownerState.actionPosition)}`]];
}
})(({
ownerState
}) => {
return _extends({}, ownerState.actionPosition === "left" && {
order: -1
});
});
var ImageListItemBar = React49.forwardRef(function ImageListItemBar2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiImageListItemBar"
});
const {
actionIcon,
actionPosition = "right",
className,
subtitle,
title,
position = "bottom"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded41);
const ownerState = _extends({}, props, {
position,
actionPosition
});
const classes = useUtilityClasses34(ownerState);
return (0, import_jsx_runtime53.jsxs)(ImageListItemBarRoot, _extends({
ownerState,
className: clsx_default(classes.root, className),
ref
}, other, {
children: [(0, import_jsx_runtime53.jsxs)(ImageListItemBarTitleWrap, {
ownerState,
className: classes.titleWrap,
children: [(0, import_jsx_runtime52.jsx)(ImageListItemBarTitle, {
className: classes.title,
children: title
}), subtitle ? (0, import_jsx_runtime52.jsx)(ImageListItemBarSubtitle, {
className: classes.subtitle,
children: subtitle
}) : null]
}), actionIcon ? (0, import_jsx_runtime52.jsx)(ImageListItemBarActionIcon, {
ownerState,
className: classes.actionIcon,
children: actionIcon
}) : null]
}));
});
true ? ImageListItemBar.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* An IconButton element to be used as secondary action target
* (primary action target is the item itself).
*/
actionIcon: import_prop_types41.default.node,
/**
* Position of secondary action IconButton.
* @default 'right'
*/
actionPosition: import_prop_types41.default.oneOf(["left", "right"]),
/**
* @ignore
*/
children: import_prop_types41.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types41.default.object,
/**
* @ignore
*/
className: import_prop_types41.default.string,
/**
* Position of the title bar.
* @default 'bottom'
*/
position: import_prop_types41.default.oneOf(["below", "bottom", "top"]),
/**
* String or element serving as subtitle (support text).
*/
subtitle: import_prop_types41.default.node,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types41.default.oneOfType([import_prop_types41.default.arrayOf(import_prop_types41.default.oneOfType([import_prop_types41.default.func, import_prop_types41.default.object, import_prop_types41.default.bool])), import_prop_types41.default.func, import_prop_types41.default.object]),
/**
* Title to be displayed.
*/
title: import_prop_types41.default.node
} : void 0;
var ImageListItemBar_default = ImageListItemBar;
// node_modules/@mui/material/LinearProgress/LinearProgress.js
init_extends();
var React50 = __toESM(require_react());
var import_prop_types42 = __toESM(require_prop_types());
var import_colorManipulator4 = __toESM(require_colorManipulator());
// node_modules/@mui/material/LinearProgress/linearProgressClasses.js
function getLinearProgressUtilityClass(slot) {
return generateUtilityClass("MuiLinearProgress", slot);
}
var linearProgressClasses = generateUtilityClasses("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
var linearProgressClasses_default = linearProgressClasses;
// node_modules/@mui/material/LinearProgress/LinearProgress.js
var import_jsx_runtime54 = __toESM(require_jsx_runtime());
var import_jsx_runtime55 = __toESM(require_jsx_runtime());
var _excluded42 = ["className", "color", "value", "valueBuffer", "variant"];
var _ = (t) => t;
var _t;
var _t2;
var _t3;
var _t4;
var _t5;
var _t6;
var TRANSITION_DURATION = 4;
var indeterminate1Keyframe = keyframes(_t || (_t = _`
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
`));
var indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
`));
var bufferKeyframe = keyframes(_t3 || (_t3 = _`
0% {
opacity: 1;
background-position: 0 -23px;
}
60% {
opacity: 0;
background-position: 0 -23px;
}
100% {
opacity: 1;
background-position: -200px -23px;
}
`));
var useUtilityClasses35 = (ownerState) => {
const {
classes,
variant,
color
} = ownerState;
const slots = {
root: ["root", `color${capitalize_default(color)}`, variant],
dashed: ["dashed", `dashedColor${capitalize_default(color)}`],
bar1: ["bar", `barColor${capitalize_default(color)}`, (variant === "indeterminate" || variant === "query") && "bar1Indeterminate", variant === "determinate" && "bar1Determinate", variant === "buffer" && "bar1Buffer"],
bar2: ["bar", variant !== "buffer" && `barColor${capitalize_default(color)}`, variant === "buffer" && `color${capitalize_default(color)}`, (variant === "indeterminate" || variant === "query") && "bar2Indeterminate", variant === "buffer" && "bar2Buffer"]
};
return composeClasses(slots, getLinearProgressUtilityClass, classes);
};
var getColorShade = (theme, color) => {
if (color === "inherit") {
return "currentColor";
}
if (theme.vars) {
return theme.vars.palette.LinearProgress[`${color}Bg`];
}
return theme.palette.mode === "light" ? (0, import_colorManipulator4.lighten)(theme.palette[color].main, 0.62) : (0, import_colorManipulator4.darken)(theme.palette[color].main, 0.5);
};
var LinearProgressRoot = styled_default("span", {
name: "MuiLinearProgress",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[`color${capitalize_default(ownerState.color)}`], styles3[ownerState.variant]];
}
})(({
ownerState,
theme
}) => _extends({
position: "relative",
overflow: "hidden",
display: "block",
height: 4,
zIndex: 0,
// Fix Safari's bug during composition of different paint.
"@media print": {
colorAdjust: "exact"
},
backgroundColor: getColorShade(theme, ownerState.color)
}, ownerState.color === "inherit" && ownerState.variant !== "buffer" && {
backgroundColor: "none",
"&::before": {
content: '""',
position: "absolute",
left: 0,
top: 0,
right: 0,
bottom: 0,
backgroundColor: "currentColor",
opacity: 0.3
}
}, ownerState.variant === "buffer" && {
backgroundColor: "transparent"
}, ownerState.variant === "query" && {
transform: "rotate(180deg)"
}));
var LinearProgressDashed = styled_default("span", {
name: "MuiLinearProgress",
slot: "Dashed",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.dashed, styles3[`dashedColor${capitalize_default(ownerState.color)}`]];
}
})(({
ownerState,
theme
}) => {
const backgroundColor = getColorShade(theme, ownerState.color);
return _extends({
position: "absolute",
marginTop: 0,
height: "100%",
width: "100%"
}, ownerState.color === "inherit" && {
opacity: 0.3
}, {
backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
backgroundSize: "10px 10px",
backgroundPosition: "0 -23px"
});
}, css(_t4 || (_t4 = _`
animation: ${0} 3s infinite linear;
`), bufferKeyframe));
var LinearProgressBar1 = styled_default("span", {
name: "MuiLinearProgress",
slot: "Bar1",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.bar, styles3[`barColor${capitalize_default(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles3.bar1Indeterminate, ownerState.variant === "determinate" && styles3.bar1Determinate, ownerState.variant === "buffer" && styles3.bar1Buffer];
}
})(({
ownerState,
theme
}) => _extends({
width: "100%",
position: "absolute",
left: 0,
bottom: 0,
top: 0,
transition: "transform 0.2s linear",
transformOrigin: "left",
backgroundColor: ownerState.color === "inherit" ? "currentColor" : (theme.vars || theme).palette[ownerState.color].main
}, ownerState.variant === "determinate" && {
transition: `transform .${TRANSITION_DURATION}s linear`
}, ownerState.variant === "buffer" && {
zIndex: 1,
transition: `transform .${TRANSITION_DURATION}s linear`
}), ({
ownerState
}) => (ownerState.variant === "indeterminate" || ownerState.variant === "query") && css(_t5 || (_t5 = _`
width: auto;
animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
`), indeterminate1Keyframe));
var LinearProgressBar2 = styled_default("span", {
name: "MuiLinearProgress",
slot: "Bar2",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.bar, styles3[`barColor${capitalize_default(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles3.bar2Indeterminate, ownerState.variant === "buffer" && styles3.bar2Buffer];
}
})(({
ownerState,
theme
}) => _extends({
width: "100%",
position: "absolute",
left: 0,
bottom: 0,
top: 0,
transition: "transform 0.2s linear",
transformOrigin: "left"
}, ownerState.variant !== "buffer" && {
backgroundColor: ownerState.color === "inherit" ? "currentColor" : (theme.vars || theme).palette[ownerState.color].main
}, ownerState.color === "inherit" && {
opacity: 0.3
}, ownerState.variant === "buffer" && {
backgroundColor: getColorShade(theme, ownerState.color),
transition: `transform .${TRANSITION_DURATION}s linear`
}), ({
ownerState
}) => (ownerState.variant === "indeterminate" || ownerState.variant === "query") && css(_t6 || (_t6 = _`
width: auto;
animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
`), indeterminate2Keyframe));
var LinearProgress = React50.forwardRef(function LinearProgress2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiLinearProgress"
});
const {
className,
color = "primary",
value,
valueBuffer,
variant = "indeterminate"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded42);
const ownerState = _extends({}, props, {
color,
variant
});
const classes = useUtilityClasses35(ownerState);
const isRtl = useRtl();
const rootProps = {};
const inlineStyles = {
bar1: {},
bar2: {}
};
if (variant === "determinate" || variant === "buffer") {
if (value !== void 0) {
rootProps["aria-valuenow"] = Math.round(value);
rootProps["aria-valuemin"] = 0;
rootProps["aria-valuemax"] = 100;
let transform = value - 100;
if (isRtl) {
transform = -transform;
}
inlineStyles.bar1.transform = `translateX(${transform}%)`;
} else if (true) {
console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
}
}
if (variant === "buffer") {
if (valueBuffer !== void 0) {
let transform = (valueBuffer || 0) - 100;
if (isRtl) {
transform = -transform;
}
inlineStyles.bar2.transform = `translateX(${transform}%)`;
} else if (true) {
console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
}
}
return (0, import_jsx_runtime55.jsxs)(LinearProgressRoot, _extends({
className: clsx_default(classes.root, className),
ownerState,
role: "progressbar"
}, rootProps, {
ref
}, other, {
children: [variant === "buffer" ? (0, import_jsx_runtime54.jsx)(LinearProgressDashed, {
className: classes.dashed,
ownerState
}) : null, (0, import_jsx_runtime54.jsx)(LinearProgressBar1, {
className: classes.bar1,
ownerState,
style: inlineStyles.bar1
}), variant === "determinate" ? null : (0, import_jsx_runtime54.jsx)(LinearProgressBar2, {
className: classes.bar2,
ownerState,
style: inlineStyles.bar2
})]
}));
});
true ? LinearProgress.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types42.default.object,
/**
* @ignore
*/
className: import_prop_types42.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'primary'
*/
color: import_prop_types42.default.oneOfType([import_prop_types42.default.oneOf(["inherit", "primary", "secondary"]), import_prop_types42.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types42.default.oneOfType([import_prop_types42.default.arrayOf(import_prop_types42.default.oneOfType([import_prop_types42.default.func, import_prop_types42.default.object, import_prop_types42.default.bool])), import_prop_types42.default.func, import_prop_types42.default.object]),
/**
* The value of the progress indicator for the determinate and buffer variants.
* Value between 0 and 100.
*/
value: import_prop_types42.default.number,
/**
* The value for the buffer variant.
* Value between 0 and 100.
*/
valueBuffer: import_prop_types42.default.number,
/**
* The variant to use.
* Use indeterminate or query when there is no progress value.
* @default 'indeterminate'
*/
variant: import_prop_types42.default.oneOf(["buffer", "determinate", "indeterminate", "query"])
} : void 0;
var LinearProgress_default = LinearProgress;
// node_modules/@mui/material/Link/Link.js
init_extends();
var React51 = __toESM(require_react());
var import_prop_types43 = __toESM(require_prop_types());
// node_modules/@mui/material/Link/linkClasses.js
function getLinkUtilityClass(slot) {
return generateUtilityClass("MuiLink", slot);
}
var linkClasses = generateUtilityClasses("MuiLink", ["root", "underlineNone", "underlineHover", "underlineAlways", "button", "focusVisible"]);
var linkClasses_default = linkClasses;
// node_modules/@mui/material/Link/getTextDecoration.js
var import_colorManipulator5 = __toESM(require_colorManipulator());
var colorTransformations = {
primary: "primary.main",
textPrimary: "text.primary",
secondary: "secondary.main",
textSecondary: "text.secondary",
error: "error.main"
};
var transformDeprecatedColors = (color) => {
return colorTransformations[color] || color;
};
var getTextDecoration = ({
theme,
ownerState
}) => {
const transformedColor = transformDeprecatedColors(ownerState.color);
const color = getPath(theme, `palette.${transformedColor}`, false) || ownerState.color;
const channelColor = getPath(theme, `palette.${transformedColor}Channel`);
if ("vars" in theme && channelColor) {
return `rgba(${channelColor} / 0.4)`;
}
return (0, import_colorManipulator5.alpha)(color, 0.4);
};
var getTextDecoration_default = getTextDecoration;
// node_modules/@mui/material/Link/Link.js
var import_jsx_runtime56 = __toESM(require_jsx_runtime());
var _excluded43 = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
var useUtilityClasses36 = (ownerState) => {
const {
classes,
component,
focusVisible,
underline
} = ownerState;
const slots = {
root: ["root", `underline${capitalize_default(underline)}`, component === "button" && "button", focusVisible && "focusVisible"]
};
return composeClasses(slots, getLinkUtilityClass, classes);
};
var LinkRoot = styled_default(Typography_default, {
name: "MuiLink",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[`underline${capitalize_default(ownerState.underline)}`], ownerState.component === "button" && styles3.button];
}
})(({
theme,
ownerState
}) => {
return _extends({}, ownerState.underline === "none" && {
textDecoration: "none"
}, ownerState.underline === "hover" && {
textDecoration: "none",
"&:hover": {
textDecoration: "underline"
}
}, ownerState.underline === "always" && _extends({
textDecoration: "underline"
}, ownerState.color !== "inherit" && {
textDecorationColor: getTextDecoration_default({
theme,
ownerState
})
}, {
"&:hover": {
textDecorationColor: "inherit"
}
}), ownerState.component === "button" && {
position: "relative",
WebkitTapHighlightColor: "transparent",
backgroundColor: "transparent",
// Reset default value
// We disable the focus ring for mouse, touch and keyboard users.
outline: 0,
border: 0,
margin: 0,
// Remove the margin in Safari
borderRadius: 0,
padding: 0,
// Remove the padding in Firefox
cursor: "pointer",
userSelect: "none",
verticalAlign: "middle",
MozAppearance: "none",
// Reset
WebkitAppearance: "none",
// Reset
"&::-moz-focus-inner": {
borderStyle: "none"
// Remove Firefox dotted outline.
},
[`&.${linkClasses_default.focusVisible}`]: {
outline: "auto"
}
});
});
var Link = React51.forwardRef(function Link2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiLink"
});
const {
className,
color = "primary",
component = "a",
onBlur,
onFocus,
TypographyClasses,
underline = "always",
variant = "inherit",
sx
} = props, other = _objectWithoutPropertiesLoose(props, _excluded43);
const {
isFocusVisibleRef,
onBlur: handleBlurVisible,
onFocus: handleFocusVisible,
ref: focusVisibleRef
} = useIsFocusVisible_default();
const [focusVisible, setFocusVisible] = React51.useState(false);
const handlerRef = useForkRef_default(ref, focusVisibleRef);
const handleBlur = (event) => {
handleBlurVisible(event);
if (isFocusVisibleRef.current === false) {
setFocusVisible(false);
}
if (onBlur) {
onBlur(event);
}
};
const handleFocus = (event) => {
handleFocusVisible(event);
if (isFocusVisibleRef.current === true) {
setFocusVisible(true);
}
if (onFocus) {
onFocus(event);
}
};
const ownerState = _extends({}, props, {
color,
component,
focusVisible,
underline,
variant
});
const classes = useUtilityClasses36(ownerState);
return (0, import_jsx_runtime56.jsx)(LinkRoot, _extends({
color,
className: clsx_default(classes.root, className),
classes: TypographyClasses,
component,
onBlur: handleBlur,
onFocus: handleFocus,
ref: handlerRef,
ownerState,
variant,
sx: [...!Object.keys(colorTransformations).includes(color) ? [{
color
}] : [], ...Array.isArray(sx) ? sx : [sx]]
}, other));
});
true ? Link.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component.
*/
children: import_prop_types43.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types43.default.object,
/**
* @ignore
*/
className: import_prop_types43.default.string,
/**
* The color of the link.
* @default 'primary'
*/
color: import_prop_types43.default.any,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: elementTypeAcceptingRef_default,
/**
* @ignore
*/
onBlur: import_prop_types43.default.func,
/**
* @ignore
*/
onFocus: import_prop_types43.default.func,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types43.default.oneOfType([import_prop_types43.default.arrayOf(import_prop_types43.default.oneOfType([import_prop_types43.default.func, import_prop_types43.default.object, import_prop_types43.default.bool])), import_prop_types43.default.func, import_prop_types43.default.object]),
/**
* `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
*/
TypographyClasses: import_prop_types43.default.object,
/**
* Controls when the link should have an underline.
* @default 'always'
*/
underline: import_prop_types43.default.oneOf(["always", "hover", "none"]),
/**
* Applies the theme typography styles.
* @default 'inherit'
*/
variant: import_prop_types43.default.oneOfType([import_prop_types43.default.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), import_prop_types43.default.string])
} : void 0;
var Link_default = Link;
// node_modules/@mui/material/ListItem/ListItem.js
init_extends();
var React54 = __toESM(require_react());
var import_prop_types46 = __toESM(require_prop_types());
var import_colorManipulator7 = __toESM(require_colorManipulator());
// node_modules/@mui/material/ListItem/listItemClasses.js
function getListItemUtilityClass(slot) {
return generateUtilityClass("MuiListItem", slot);
}
var listItemClasses = generateUtilityClasses("MuiListItem", ["root", "container", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "padding", "button", "secondaryAction", "selected"]);
var listItemClasses_default = listItemClasses;
// node_modules/@mui/material/ListItemButton/ListItemButton.js
init_extends();
var React52 = __toESM(require_react());
var import_prop_types44 = __toESM(require_prop_types());
var import_colorManipulator6 = __toESM(require_colorManipulator());
// node_modules/@mui/material/ListItemButton/listItemButtonClasses.js
function getListItemButtonUtilityClass(slot) {
return generateUtilityClass("MuiListItemButton", slot);
}
var listItemButtonClasses = generateUtilityClasses("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]);
var listItemButtonClasses_default = listItemButtonClasses;
// node_modules/@mui/material/ListItemButton/ListItemButton.js
var import_jsx_runtime57 = __toESM(require_jsx_runtime());
var _excluded44 = ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"];
var overridesResolver3 = (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, ownerState.dense && styles3.dense, ownerState.alignItems === "flex-start" && styles3.alignItemsFlexStart, ownerState.divider && styles3.divider, !ownerState.disableGutters && styles3.gutters];
};
var useUtilityClasses37 = (ownerState) => {
const {
alignItems,
classes,
dense,
disabled,
disableGutters,
divider,
selected
} = ownerState;
const slots = {
root: ["root", dense && "dense", !disableGutters && "gutters", divider && "divider", disabled && "disabled", alignItems === "flex-start" && "alignItemsFlexStart", selected && "selected"]
};
const composedClasses = composeClasses(slots, getListItemButtonUtilityClass, classes);
return _extends({}, classes, composedClasses);
};
var ListItemButtonRoot = styled_default(ButtonBase_default, {
shouldForwardProp: (prop) => rootShouldForwardProp_default(prop) || prop === "classes",
name: "MuiListItemButton",
slot: "Root",
overridesResolver: overridesResolver3
})(({
theme,
ownerState
}) => _extends({
display: "flex",
flexGrow: 1,
justifyContent: "flex-start",
alignItems: "center",
position: "relative",
textDecoration: "none",
minWidth: 0,
boxSizing: "border-box",
textAlign: "left",
paddingTop: 8,
paddingBottom: 8,
transition: theme.transitions.create("background-color", {
duration: theme.transitions.duration.shortest
}),
"&:hover": {
textDecoration: "none",
backgroundColor: (theme.vars || theme).palette.action.hover,
// Reset on touch devices, it doesn't add specificity
"@media (hover: none)": {
backgroundColor: "transparent"
}
},
[`&.${listItemButtonClasses_default.selected}`]: {
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, import_colorManipulator6.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
[`&.${listItemButtonClasses_default.focusVisible}`]: {
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : (0, import_colorManipulator6.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
}
},
[`&.${listItemButtonClasses_default.selected}:hover`]: {
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, import_colorManipulator6.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.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, import_colorManipulator6.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
}
},
[`&.${listItemButtonClasses_default.focusVisible}`]: {
backgroundColor: (theme.vars || theme).palette.action.focus
},
[`&.${listItemButtonClasses_default.disabled}`]: {
opacity: (theme.vars || theme).palette.action.disabledOpacity
}
}, ownerState.divider && {
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
backgroundClip: "padding-box"
}, ownerState.alignItems === "flex-start" && {
alignItems: "flex-start"
}, !ownerState.disableGutters && {
paddingLeft: 16,
paddingRight: 16
}, ownerState.dense && {
paddingTop: 4,
paddingBottom: 4
}));
var ListItemButton = React52.forwardRef(function ListItemButton2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiListItemButton"
});
const {
alignItems = "center",
autoFocus = false,
component = "div",
children,
dense = false,
disableGutters = false,
divider = false,
focusVisibleClassName,
selected = false,
className
} = props, other = _objectWithoutPropertiesLoose(props, _excluded44);
const context = React52.useContext(ListContext_default);
const childContext = React52.useMemo(() => ({
dense: dense || context.dense || false,
alignItems,
disableGutters
}), [alignItems, context.dense, dense, disableGutters]);
const listItemRef = React52.useRef(null);
useEnhancedEffect_default2(() => {
if (autoFocus) {
if (listItemRef.current) {
listItemRef.current.focus();
} else if (true) {
console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered.");
}
}
}, [autoFocus]);
const ownerState = _extends({}, props, {
alignItems,
dense: childContext.dense,
disableGutters,
divider,
selected
});
const classes = useUtilityClasses37(ownerState);
const handleRef = useForkRef_default(listItemRef, ref);
return (0, import_jsx_runtime57.jsx)(ListContext_default.Provider, {
value: childContext,
children: (0, import_jsx_runtime57.jsx)(ListItemButtonRoot, _extends({
ref: handleRef,
href: other.href || other.to,
component: (other.href || other.to) && component === "div" ? "button" : component,
focusVisibleClassName: clsx_default(classes.focusVisible, focusVisibleClassName),
ownerState,
className: clsx_default(classes.root, className)
}, other, {
classes,
children
}))
});
});
true ? ListItemButton.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Defines the `align-items` style property.
* @default 'center'
*/
alignItems: import_prop_types44.default.oneOf(["center", "flex-start"]),
/**
* If `true`, the list item is focused during the first mount.
* Focus will also be triggered if the value changes from false to true.
* @default false
*/
autoFocus: import_prop_types44.default.bool,
/**
* The content of the component if a `ListItemSecondaryAction` is used it must
* be the last child.
*/
children: import_prop_types44.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types44.default.object,
/**
* @ignore
*/
className: import_prop_types44.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types44.default.elementType,
/**
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
* The prop defaults to the value inherited from the parent List component.
* @default false
*/
dense: import_prop_types44.default.bool,
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types44.default.bool,
/**
* If `true`, the left and right padding is removed.
* @default false
*/
disableGutters: import_prop_types44.default.bool,
/**
* If `true`, a 1px light border is added to the bottom of the list item.
* @default false
*/
divider: import_prop_types44.default.bool,
/**
* This prop can help identify which element has keyboard focus.
* The class name will be applied when the element gains the focus through keyboard interaction.
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
* if needed.
*/
focusVisibleClassName: import_prop_types44.default.string,
/**
* @ignore
*/
href: import_prop_types44.default.string,
/**
* Use to apply selected styling.
* @default false
*/
selected: import_prop_types44.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types44.default.oneOfType([import_prop_types44.default.arrayOf(import_prop_types44.default.oneOfType([import_prop_types44.default.func, import_prop_types44.default.object, import_prop_types44.default.bool])), import_prop_types44.default.func, import_prop_types44.default.object])
} : void 0;
var ListItemButton_default = ListItemButton;
// node_modules/@mui/material/ListItemSecondaryAction/ListItemSecondaryAction.js
init_extends();
var React53 = __toESM(require_react());
var import_prop_types45 = __toESM(require_prop_types());
// node_modules/@mui/material/ListItemSecondaryAction/listItemSecondaryActionClasses.js
function getListItemSecondaryActionClassesUtilityClass(slot) {
return generateUtilityClass("MuiListItemSecondaryAction", slot);
}
var listItemSecondaryActionClasses = generateUtilityClasses("MuiListItemSecondaryAction", ["root", "disableGutters"]);
var listItemSecondaryActionClasses_default = listItemSecondaryActionClasses;
// node_modules/@mui/material/ListItemSecondaryAction/ListItemSecondaryAction.js
var import_jsx_runtime58 = __toESM(require_jsx_runtime());
var _excluded45 = ["className"];
var useUtilityClasses38 = (ownerState) => {
const {
disableGutters,
classes
} = ownerState;
const slots = {
root: ["root", disableGutters && "disableGutters"]
};
return composeClasses(slots, getListItemSecondaryActionClassesUtilityClass, classes);
};
var ListItemSecondaryActionRoot = styled_default("div", {
name: "MuiListItemSecondaryAction",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, ownerState.disableGutters && styles3.disableGutters];
}
})(({
ownerState
}) => _extends({
position: "absolute",
right: 16,
top: "50%",
transform: "translateY(-50%)"
}, ownerState.disableGutters && {
right: 0
}));
var ListItemSecondaryAction = React53.forwardRef(function ListItemSecondaryAction2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiListItemSecondaryAction"
});
const {
className
} = props, other = _objectWithoutPropertiesLoose(props, _excluded45);
const context = React53.useContext(ListContext_default);
const ownerState = _extends({}, props, {
disableGutters: context.disableGutters
});
const classes = useUtilityClasses38(ownerState);
return (0, import_jsx_runtime58.jsx)(ListItemSecondaryActionRoot, _extends({
className: clsx_default(classes.root, className),
ownerState,
ref
}, other));
});
true ? ListItemSecondaryAction.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component, normally an `IconButton` or selection control.
*/
children: import_prop_types45.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types45.default.object,
/**
* @ignore
*/
className: import_prop_types45.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types45.default.oneOfType([import_prop_types45.default.arrayOf(import_prop_types45.default.oneOfType([import_prop_types45.default.func, import_prop_types45.default.object, import_prop_types45.default.bool])), import_prop_types45.default.func, import_prop_types45.default.object])
} : void 0;
ListItemSecondaryAction.muiName = "ListItemSecondaryAction";
var ListItemSecondaryAction_default = ListItemSecondaryAction;
// node_modules/@mui/material/ListItem/ListItem.js
var import_jsx_runtime59 = __toESM(require_jsx_runtime());
var import_jsx_runtime60 = __toESM(require_jsx_runtime());
var _excluded46 = ["className"];
var _excluded211 = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"];
var overridesResolver4 = (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, ownerState.dense && styles3.dense, ownerState.alignItems === "flex-start" && styles3.alignItemsFlexStart, ownerState.divider && styles3.divider, !ownerState.disableGutters && styles3.gutters, !ownerState.disablePadding && styles3.padding, ownerState.button && styles3.button, ownerState.hasSecondaryAction && styles3.secondaryAction];
};
var useUtilityClasses39 = (ownerState) => {
const {
alignItems,
button,
classes,
dense,
disabled,
disableGutters,
disablePadding,
divider,
hasSecondaryAction,
selected
} = ownerState;
const slots = {
root: ["root", dense && "dense", !disableGutters && "gutters", !disablePadding && "padding", divider && "divider", disabled && "disabled", button && "button", alignItems === "flex-start" && "alignItemsFlexStart", hasSecondaryAction && "secondaryAction", selected && "selected"],
container: ["container"]
};
return composeClasses(slots, getListItemUtilityClass, classes);
};
var ListItemRoot = styled_default("div", {
name: "MuiListItem",
slot: "Root",
overridesResolver: overridesResolver4
})(({
theme,
ownerState
}) => _extends({
display: "flex",
justifyContent: "flex-start",
alignItems: "center",
position: "relative",
textDecoration: "none",
width: "100%",
boxSizing: "border-box",
textAlign: "left"
}, !ownerState.disablePadding && _extends({
paddingTop: 8,
paddingBottom: 8
}, ownerState.dense && {
paddingTop: 4,
paddingBottom: 4
}, !ownerState.disableGutters && {
paddingLeft: 16,
paddingRight: 16
}, !!ownerState.secondaryAction && {
// Add some space to avoid collision as `ListItemSecondaryAction`
// is absolutely positioned.
paddingRight: 48
}), !!ownerState.secondaryAction && {
[`& > .${listItemButtonClasses_default.root}`]: {
paddingRight: 48
}
}, {
[`&.${listItemClasses_default.focusVisible}`]: {
backgroundColor: (theme.vars || theme).palette.action.focus
},
[`&.${listItemClasses_default.selected}`]: {
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, import_colorManipulator7.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
[`&.${listItemClasses_default.focusVisible}`]: {
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : (0, import_colorManipulator7.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
}
},
[`&.${listItemClasses_default.disabled}`]: {
opacity: (theme.vars || theme).palette.action.disabledOpacity
}
}, ownerState.alignItems === "flex-start" && {
alignItems: "flex-start"
}, ownerState.divider && {
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
backgroundClip: "padding-box"
}, ownerState.button && {
transition: theme.transitions.create("background-color", {
duration: theme.transitions.duration.shortest
}),
"&:hover": {
textDecoration: "none",
backgroundColor: (theme.vars || theme).palette.action.hover,
// Reset on touch devices, it doesn't add specificity
"@media (hover: none)": {
backgroundColor: "transparent"
}
},
[`&.${listItemClasses_default.selected}:hover`]: {
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, import_colorManipulator7.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.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, import_colorManipulator7.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
}
}
}, ownerState.hasSecondaryAction && {
// Add some space to avoid collision as `ListItemSecondaryAction`
// is absolutely positioned.
paddingRight: 48
}));
var ListItemContainer = styled_default("li", {
name: "MuiListItem",
slot: "Container",
overridesResolver: (props, styles3) => styles3.container
})({
position: "relative"
});
var ListItem = React54.forwardRef(function ListItem2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiListItem"
});
const {
alignItems = "center",
autoFocus = false,
button = false,
children: childrenProp,
className,
component: componentProp,
components = {},
componentsProps = {},
ContainerComponent = "li",
ContainerProps: {
className: ContainerClassName
} = {},
dense = false,
disabled = false,
disableGutters = false,
disablePadding = false,
divider = false,
focusVisibleClassName,
secondaryAction,
selected = false,
slotProps = {},
slots = {}
} = props, ContainerProps = _objectWithoutPropertiesLoose(props.ContainerProps, _excluded46), other = _objectWithoutPropertiesLoose(props, _excluded211);
const context = React54.useContext(ListContext_default);
const childContext = React54.useMemo(() => ({
dense: dense || context.dense || false,
alignItems,
disableGutters
}), [alignItems, context.dense, dense, disableGutters]);
const listItemRef = React54.useRef(null);
useEnhancedEffect_default2(() => {
if (autoFocus) {
if (listItemRef.current) {
listItemRef.current.focus();
} else if (true) {
console.error("MUI: Unable to set focus to a ListItem whose component has not been rendered.");
}
}
}, [autoFocus]);
const children = React54.Children.toArray(childrenProp);
const hasSecondaryAction = children.length && isMuiElement_default(children[children.length - 1], ["ListItemSecondaryAction"]);
const ownerState = _extends({}, props, {
alignItems,
autoFocus,
button,
dense: childContext.dense,
disabled,
disableGutters,
disablePadding,
divider,
hasSecondaryAction,
selected
});
const classes = useUtilityClasses39(ownerState);
const handleRef = useForkRef_default(listItemRef, ref);
const Root = slots.root || components.Root || ListItemRoot;
const rootProps = slotProps.root || componentsProps.root || {};
const componentProps = _extends({
className: clsx_default(classes.root, rootProps.className, className),
disabled
}, other);
let Component = componentProp || "li";
if (button) {
componentProps.component = componentProp || "div";
componentProps.focusVisibleClassName = clsx_default(listItemClasses_default.focusVisible, focusVisibleClassName);
Component = ButtonBase_default;
}
if (hasSecondaryAction) {
Component = !componentProps.component && !componentProp ? "div" : Component;
if (ContainerComponent === "li") {
if (Component === "li") {
Component = "div";
} else if (componentProps.component === "li") {
componentProps.component = "div";
}
}
return (0, import_jsx_runtime59.jsx)(ListContext_default.Provider, {
value: childContext,
children: (0, import_jsx_runtime60.jsxs)(ListItemContainer, _extends({
as: ContainerComponent,
className: clsx_default(classes.container, ContainerClassName),
ref: handleRef,
ownerState
}, ContainerProps, {
children: [(0, import_jsx_runtime59.jsx)(Root, _extends({}, rootProps, !isHostComponent_default(Root) && {
as: Component,
ownerState: _extends({}, ownerState, rootProps.ownerState)
}, componentProps, {
children
})), children.pop()]
}))
});
}
return (0, import_jsx_runtime59.jsx)(ListContext_default.Provider, {
value: childContext,
children: (0, import_jsx_runtime60.jsxs)(Root, _extends({}, rootProps, {
as: Component,
ref: handleRef
}, !isHostComponent_default(Root) && {
ownerState: _extends({}, ownerState, rootProps.ownerState)
}, componentProps, {
children: [children, secondaryAction && (0, import_jsx_runtime59.jsx)(ListItemSecondaryAction_default, {
children: secondaryAction
})]
}))
});
});
true ? ListItem.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Defines the `align-items` style property.
* @default 'center'
*/
alignItems: import_prop_types46.default.oneOf(["center", "flex-start"]),
/**
* If `true`, the list item is focused during the first mount.
* Focus will also be triggered if the value changes from false to true.
* @default false
* @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
*/
autoFocus: import_prop_types46.default.bool,
/**
* If `true`, the list item is a button (using `ButtonBase`). Props intended
* for `ButtonBase` can then be applied to `ListItem`.
* @default false
* @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
*/
button: import_prop_types46.default.bool,
/**
* The content of the component if a `ListItemSecondaryAction` is used it must
* be the last child.
*/
children: chainPropTypes(import_prop_types46.default.node, (props) => {
const children = React54.Children.toArray(props.children);
let secondaryActionIndex = -1;
for (let i = children.length - 1; i >= 0; i -= 1) {
const child = children[i];
if (isMuiElement_default(child, ["ListItemSecondaryAction"])) {
secondaryActionIndex = i;
break;
}
}
if (secondaryActionIndex !== -1 && secondaryActionIndex !== children.length - 1) {
return new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem.");
}
return null;
}),
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types46.default.object,
/**
* @ignore
*/
className: import_prop_types46.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types46.default.elementType,
/**
* The components used for each slot inside.
*
* This prop is an alias for the `slots` prop.
* It's recommended to use the `slots` prop instead.
*
* @default {}
*/
components: import_prop_types46.default.shape({
Root: import_prop_types46.default.elementType
}),
/**
* The extra props for the slot components.
* You can override the existing props or add new ones.
*
* This prop is an alias for the `slotProps` prop.
* It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
*
* @default {}
*/
componentsProps: import_prop_types46.default.shape({
root: import_prop_types46.default.object
}),
/**
* The container component used when a `ListItemSecondaryAction` is the last child.
* @default 'li'
* @deprecated
*/
ContainerComponent: elementTypeAcceptingRef_default,
/**
* Props applied to the container component if used.
* @default {}
* @deprecated
*/
ContainerProps: import_prop_types46.default.object,
/**
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
* The prop defaults to the value inherited from the parent List component.
* @default false
*/
dense: import_prop_types46.default.bool,
/**
* If `true`, the component is disabled.
* @default false
* @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
*/
disabled: import_prop_types46.default.bool,
/**
* If `true`, the left and right padding is removed.
* @default false
*/
disableGutters: import_prop_types46.default.bool,
/**
* If `true`, all padding is removed.
* @default false
*/
disablePadding: import_prop_types46.default.bool,
/**
* If `true`, a 1px light border is added to the bottom of the list item.
* @default false
*/
divider: import_prop_types46.default.bool,
/**
* @ignore
*/
focusVisibleClassName: import_prop_types46.default.string,
/**
* The element to display at the end of ListItem.
*/
secondaryAction: import_prop_types46.default.node,
/**
* Use to apply selected styling.
* @default false
* @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
*/
selected: import_prop_types46.default.bool,
/**
* The extra props for the slot components.
* You can override the existing props or add new ones.
*
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
*
* @default {}
*/
slotProps: import_prop_types46.default.shape({
root: import_prop_types46.default.object
}),
/**
* The components used for each slot inside.
*
* This prop is an alias for the `components` prop, which will be deprecated in the future.
*
* @default {}
*/
slots: import_prop_types46.default.shape({
root: import_prop_types46.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types46.default.oneOfType([import_prop_types46.default.arrayOf(import_prop_types46.default.oneOfType([import_prop_types46.default.func, import_prop_types46.default.object, import_prop_types46.default.bool])), import_prop_types46.default.func, import_prop_types46.default.object])
} : void 0;
var ListItem_default = ListItem;
// node_modules/@mui/material/ListItemAvatar/ListItemAvatar.js
init_extends();
var React55 = __toESM(require_react());
var import_prop_types47 = __toESM(require_prop_types());
// node_modules/@mui/material/ListItemAvatar/listItemAvatarClasses.js
function getListItemAvatarUtilityClass(slot) {
return generateUtilityClass("MuiListItemAvatar", slot);
}
var listItemAvatarClasses = generateUtilityClasses("MuiListItemAvatar", ["root", "alignItemsFlexStart"]);
var listItemAvatarClasses_default = listItemAvatarClasses;
// node_modules/@mui/material/ListItemAvatar/ListItemAvatar.js
var import_jsx_runtime61 = __toESM(require_jsx_runtime());
var _excluded47 = ["className"];
var useUtilityClasses40 = (ownerState) => {
const {
alignItems,
classes
} = ownerState;
const slots = {
root: ["root", alignItems === "flex-start" && "alignItemsFlexStart"]
};
return composeClasses(slots, getListItemAvatarUtilityClass, classes);
};
var ListItemAvatarRoot = styled_default("div", {
name: "MuiListItemAvatar",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, ownerState.alignItems === "flex-start" && styles3.alignItemsFlexStart];
}
})(({
ownerState
}) => _extends({
minWidth: 56,
flexShrink: 0
}, ownerState.alignItems === "flex-start" && {
marginTop: 8
}));
var ListItemAvatar = React55.forwardRef(function ListItemAvatar2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiListItemAvatar"
});
const {
className
} = props, other = _objectWithoutPropertiesLoose(props, _excluded47);
const context = React55.useContext(ListContext_default);
const ownerState = _extends({}, props, {
alignItems: context.alignItems
});
const classes = useUtilityClasses40(ownerState);
return (0, import_jsx_runtime61.jsx)(ListItemAvatarRoot, _extends({
className: clsx_default(classes.root, className),
ownerState,
ref
}, other));
});
true ? ListItemAvatar.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The content of the component, normally an `Avatar`.
*/
children: import_prop_types47.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types47.default.object,
/**
* @ignore
*/
className: import_prop_types47.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types47.default.oneOfType([import_prop_types47.default.arrayOf(import_prop_types47.default.oneOfType([import_prop_types47.default.func, import_prop_types47.default.object, import_prop_types47.default.bool])), import_prop_types47.default.func, import_prop_types47.default.object])
} : void 0;
var ListItemAvatar_default = ListItemAvatar;
// node_modules/@mui/material/MobileStepper/MobileStepper.js
init_extends();
var React56 = __toESM(require_react());
var import_prop_types48 = __toESM(require_prop_types());
// node_modules/@mui/material/MobileStepper/mobileStepperClasses.js
function getMobileStepperUtilityClass(slot) {
return generateUtilityClass("MuiMobileStepper", slot);
}
var mobileStepperClasses = generateUtilityClasses("MuiMobileStepper", ["root", "positionBottom", "positionTop", "positionStatic", "dots", "dot", "dotActive", "progress"]);
var mobileStepperClasses_default = mobileStepperClasses;
// node_modules/@mui/material/MobileStepper/MobileStepper.js
var import_jsx_runtime62 = __toESM(require_jsx_runtime());
var import_jsx_runtime63 = __toESM(require_jsx_runtime());
var _excluded48 = ["activeStep", "backButton", "className", "LinearProgressProps", "nextButton", "position", "steps", "variant"];
var useUtilityClasses41 = (ownerState) => {
const {
classes,
position
} = ownerState;
const slots = {
root: ["root", `position${capitalize_default(position)}`],
dots: ["dots"],
dot: ["dot"],
dotActive: ["dotActive"],
progress: ["progress"]
};
return composeClasses(slots, getMobileStepperUtilityClass, classes);
};
var MobileStepperRoot = styled_default(Paper_default, {
name: "MuiMobileStepper",
slot: "Root",
overridesResolver: (props, styles3) => {
const {
ownerState
} = props;
return [styles3.root, styles3[`position${capitalize_default(ownerState.position)}`]];
}
})(({
theme,
ownerState
}) => _extends({
display: "flex",
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
background: (theme.vars || theme).palette.background.default,
padding: 8
}, ownerState.position === "bottom" && {
position: "fixed",
bottom: 0,
left: 0,
right: 0,
zIndex: (theme.vars || theme).zIndex.mobileStepper
}, ownerState.position === "top" && {
position: "fixed",
top: 0,
left: 0,
right: 0,
zIndex: (theme.vars || theme).zIndex.mobileStepper
}));
var MobileStepperDots = styled_default("div", {
name: "MuiMobileStepper",
slot: "Dots",
overridesResolver: (props, styles3) => styles3.dots
})(({
ownerState
}) => _extends({}, ownerState.variant === "dots" && {
display: "flex",
flexDirection: "row"
}));
var MobileStepperDot = styled_default("div", {
name: "MuiMobileStepper",
slot: "Dot",
shouldForwardProp: (prop) => slotShouldForwardProp_default(prop) && prop !== "dotActive",
overridesResolver: (props, styles3) => {
const {
dotActive
} = props;
return [styles3.dot, dotActive && styles3.dotActive];
}
})(({
theme,
ownerState,
dotActive
}) => _extends({}, ownerState.variant === "dots" && _extends({
transition: theme.transitions.create("background-color", {
duration: theme.transitions.duration.shortest
}),
backgroundColor: (theme.vars || theme).palette.action.disabled,
borderRadius: "50%",
width: 8,
height: 8,
margin: "0 2px"
}, dotActive && {
backgroundColor: (theme.vars || theme).palette.primary.main
})));
var MobileStepperProgress = styled_default(LinearProgress_default, {
name: "MuiMobileStepper",
slot: "Progress",
overridesResolver: (props, styles3) => styles3.progress
})(({
ownerState
}) => _extends({}, ownerState.variant === "progress" && {
width: "50%"
}));
var MobileStepper = React56.forwardRef(function MobileStepper2(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiMobileStepper"
});
const {
activeStep = 0,
backButton,
className,
LinearProgressProps,
nextButton,
position = "bottom",
steps,
variant = "dots"
} = props, other = _objectWithoutPropertiesLoose(props, _excluded48);
const ownerState = _extends({}, props, {
activeStep,
position,
variant
});
let value;
if (variant === "progress") {
if (steps === 1) {
value = 100;
} else {
value = Math.ceil(activeStep / (steps - 1) * 100);
}
}
const classes = useUtilityClasses41(ownerState);
return (0, import_jsx_runtime62.jsxs)(MobileStepperRoot, _extends({
square: true,
elevation: 0,
className: clsx_default(classes.root, className),
ref,
ownerState
}, other, {
children: [backButton, variant === "text" && (0, import_jsx_runtime62.jsxs)(React56.Fragment, {
children: [activeStep + 1, " / ", steps]
}), variant === "dots" && (0, import_jsx_runtime63.jsx)(MobileStepperDots, {
ownerState,
className: classes.dots,
children: [...new Array(steps)].map((_2, index) => (0, import_jsx_runtime63.jsx)(MobileStepperDot, {
className: clsx_default(classes.dot, index === activeStep && classes.dotActive),
ownerState,
dotActive: index === activeStep
}, index))
}), variant === "progress" && (0, import_jsx_runtime63.jsx)(MobileStepperProgress, _extends({
ownerState,
className: classes.progress,
variant: "determinate",
value
}, LinearProgressProps)), nextButton]
}));
});
true ? MobileStepper.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Set the active step (zero based index).
* Defines which dot is highlighted when the variant is 'dots'.
* @default 0
*/
activeStep: integerPropType_default,
/**
* A back button element. For instance, it can be a `Button` or an `IconButton`.
*/
backButton: import_prop_types48.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types48.default.object,
/**
* @ignore
*/
className: import_prop_types48.default.string,
/**
* Props applied to the `LinearProgress` element.
*/
LinearProgressProps: import_prop_types48.default.object,
/**
* A next button element. For instance, it can be a `Button` or an `IconButton`.
*/
nextButton: import_prop_types48.default.node,
/**
* Set the positioning type.
* @default 'bottom'
*/
position: import_prop_types48.default.oneOf(["bottom", "static", "top"]),
/**
* The total steps.
*/
steps: integerPropType_default.isRequired,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types48.default.oneOfType([import_prop_types48.default.arrayOf(import_prop_types48.default.oneOfType([import_prop_types48.default.func, import_prop_types48.default.object, import_prop_types48.default.bool])), import_prop_types48.default.func, import_prop_types48.default.object]),
/**
* The variant to use.
* @default 'dots'
*/
variant: import_prop_types48.default.oneOf(["dots", "progress", "text"])
} : void 0;
var MobileStepper_default = MobileStepper;
// node_modules/@mui/material/NativeSelect/NativeSelect.js
init_extends();
var React57 = __toESM(require_react());
var import_prop_types49 = __toESM(require_prop_types());
var import_jsx_runtime64 = __toESM(require_jsx_runtime());
var _excluded49 = ["className", "children", "classes", "IconComponent", "input", "inputProps", "variant"];
var _excluded212 = ["root"];
var useUtilityClasses42 = (ownerState) => {
const {
classes
} = ownerState;
const slots = {
root: ["root"]
};
return composeClasses(slots, getNativeSelectUtilityClasses, classes);
};
var defaultInput = (0, import_jsx_runtime64.jsx)(Input_default, {});
var NativeSelect = React57.forwardRef(function NativeSelect2(inProps, ref) {
const props = useDefaultProps({
name: "MuiNativeSelect",
props: inProps
});
const {
className,
children,
classes: classesProp = {},
IconComponent = ArrowDropDown_default,
input = defaultInput,
inputProps
} = props, other = _objectWithoutPropertiesLoose(props, _excluded49);
const muiFormControl = useFormControl();
const fcs = formControlState({
props,
muiFormControl,
states: ["variant"]
});
const ownerState = _extends({}, props, {
classes: classesProp
});
const classes = useUtilityClasses42(ownerState);
const otherClasses = _objectWithoutPropertiesLoose(classesProp, _excluded212);
return (0, import_jsx_runtime64.jsx)(React57.Fragment, {
children: React57.cloneElement(input, _extends({
// Most of the logic is implemented in `NativeSelectInput`.
// The `Select` component is a simple API wrapper to expose something better to play with.
inputComponent: NativeSelectInput_default,
inputProps: _extends({
children,
classes: otherClasses,
IconComponent,
variant: fcs.variant,
type: void 0
}, inputProps, input ? input.props.inputProps : {}),
ref
}, other, {
className: clsx_default(classes.root, input.props.className, className)
}))
});
});
true ? NativeSelect.propTypes = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* The option elements to populate the select with.
* Can be some `