@clearstory/drywall-react 0.10.5 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Accordion-S-9ig5iB.js → Accordion-Cih5mCWA.js} +9 -9
- package/dist/{AccordionActions-Bj2rMlya.js → AccordionActions-CZKFRLeD.js} +4 -4
- package/dist/{AccordionDetails-BH0wSMCY.js → AccordionDetails-CJX0wSGS.js} +5 -5
- package/dist/{AccordionSummary-Cpq-mrc1.js → AccordionSummary-CyBq5RDz.js} +6 -6
- package/dist/{Alert-eOC_FMFQ.js → Alert-BeTk_0H1.js} +9 -9
- package/dist/{AlertTitle-DvV8RlwB.js → AlertTitle-CQOcedyw.js} +6 -6
- package/dist/{ArrowDropDown-BgQPKyVo.js → ArrowDropDown-O4JpwP7g.js} +4 -4
- package/dist/{Autocomplete-DwK9vbLW.js → Autocomplete-Cy7Ibl9l.js} +15 -15
- package/dist/{Avatar-jgabqf4T.js → Avatar-CJG_wB8n.js} +6 -6
- package/dist/{AvatarGroup-BiPpV3V0.js → AvatarGroup-DuwcaWXO.js} +6 -6
- package/dist/{Backdrop-CM_4XVMy.js → Backdrop-Bgq-4GgZ.js} +7 -7
- package/dist/{Badge-CyhvuA_Z.js → Badge-DCa5JieT.js} +5 -5
- package/dist/{Box-CxNOPJvz.js → Box-DfxM9AWa.js} +15 -14
- package/dist/{Breadcrumbs-Cft4j-hV.js → Breadcrumbs-Bf85QeMJ.js} +8 -8
- package/dist/{Button-COL4iRlU.js → Button-CgoTX2TU.js} +8 -8
- package/dist/{ButtonBase-CpUw-QtE.js → ButtonBase-DCiJbdwe.js} +18 -17
- package/dist/{ButtonGroup-C87f8QmR.js → ButtonGroup-UBMaUXnY.js} +5 -5
- package/dist/{Card-BxPi1p3n.js → Card-Dq-P1pz6.js} +5 -5
- package/dist/{CardActionArea-DHzdBQvU.js → CardActionArea-DmdBq04-.js} +6 -6
- package/dist/{CardActions-RYw2HlUT.js → CardActions-C69Q7QKd.js} +4 -4
- package/dist/{CardContent-h4MaBuw4.js → CardContent-C5nTWSzs.js} +4 -4
- package/dist/{CardHeader-BTyRiOBj.js → CardHeader-BwCBjPel.js} +5 -5
- package/dist/{CardMedia-HLO9pYNb.js → CardMedia-C6dO35VD.js} +4 -4
- package/dist/{Checkbox-D9sim04m.js → Checkbox-D5SnLWie.js} +7 -7
- package/dist/{Chip-CSO1vkft.js → Chip-BMPA6GZV.js} +7 -7
- package/dist/{CircularProgress-B1iR03OJ.js → CircularProgress-B8xCR_YK.js} +6 -6
- package/dist/{Clear-B6UFhYkq.js → Clear-CqNb0Dn5.js} +1 -1
- package/dist/{Close-BwH3TA4O.js → Close-ComaZWzF.js} +1 -1
- package/dist/{CssBaseline-ChXW-lDm.js → CssBaseline-BKowmfAC.js} +3 -3
- package/dist/{DefaultPropsProvider-DUOqS8L2.js → DefaultPropsProvider-Beomajhe.js} +1 -1
- package/dist/{DefaultPropsProvider-KSFdt1Vj.js → DefaultPropsProvider-Bz3RqgcW.js} +2 -2
- package/dist/{Dialog-i3nzBMT2.js → Dialog-CdqDM9xt.js} +9 -9
- package/dist/{DialogActions-pMkPlDJa.js → DialogActions-DWv9dV9d.js} +4 -4
- package/dist/{DialogContent-DYtiCcix.js → DialogContent-DTUuT4-m.js} +6 -6
- package/dist/{DialogContentText-C2WdpAcs.js → DialogContentText-Dco20Lvw.js} +5 -5
- package/dist/{DialogTitle-BK6jv59S.js → DialogTitle-AeunzDgb.js} +5 -5
- package/dist/{Divider-DDV0xOjn.js → Divider-DWpOVS52.js} +5 -5
- package/dist/{Drawer-B0oUvU3L.js → Drawer-CiSmLkR8.js} +12 -12
- package/dist/{FormControl-0xfvuzUE.js → FormControl-B7JL8EuG.js} +4 -4
- package/dist/{FormControlLabel-AEewOdP0.js → FormControlLabel-DesDT37a.js} +7 -7
- package/dist/{FormGroup-_rBOc32r.js → FormGroup-JwhVUQCA.js} +4 -4
- package/dist/{FormHelperText-CKvEXrjK.js → FormHelperText-BhkQ5_hB.js} +5 -5
- package/dist/{FormLabel-CMnHFXtL.js → FormLabel-PC7aAn3t.js} +5 -5
- package/dist/{GlobalStyles-pxjq1n4M.js → GlobalStyles-BSzzpdnX.js} +12 -11
- package/dist/{Grow-BCRgt21D.js → Grow-BtxpW1dC.js} +4 -4
- package/dist/{IconButton-BQ_D5F4O.js → IconButton-Cu1bCs6U.js} +7 -7
- package/dist/{Info-D8oILDHh.js → Info-BYC5DFVn.js} +1 -1
- package/dist/{Input-CGI65XMK.js → Input-DQrOd2UB.js} +59 -53
- package/dist/{InputAdornment-BYsadbzw.js → InputAdornment-CzwVRVQa.js} +6 -6
- package/dist/{LinearProgress-Dv2-wGUT.js → LinearProgress-BEzKf95q.js} +7 -7
- package/dist/{Link-DtMUkZ_j.js → Link-Cu8Vv81I.js} +8 -8
- package/dist/{List-NhDqHGIf.js → List-DEcL1ZIH.js} +4 -4
- package/dist/{ListItem-D3_gMUFO.js → ListItem-lqQfZlib.js} +7 -7
- package/dist/{ListItemAvatar-DoreDYzA.js → ListItemAvatar-5x2VAuVt.js} +4 -4
- package/dist/{ListItemButton-3mIYKPuf.js → ListItemButton-BIfAZMKH.js} +6 -6
- package/dist/{ListItemIcon-Ct627wOe.js → ListItemIcon-DyzHrrZ1.js} +5 -5
- package/dist/{ListItemText-DvemitEx.js → ListItemText-N6tIRVu7.js} +5 -5
- package/dist/{ListSubheader-CrcukSIN.js → ListSubheader-8yBF27fw.js} +5 -5
- package/dist/{Menu-RfPRttR9.js → Menu-DRHRxgXM.js} +12 -12
- package/dist/{MenuItem-BI539mdA.js → MenuItem-CZZ8Q03L.js} +9 -9
- package/dist/{MenuList-Cw5m9Dnj.js → MenuList-BuMX30Nu.js} +2 -2
- package/dist/{Modal-CkkQlR8f.js → Modal-CvPRZ9ia.js} +8 -8
- package/dist/{Paper-cpl9lHzy.js → Paper-C__CjfAR.js} +6 -6
- package/dist/{Popper-D6ngG2Rt.js → Popper-DarIdO5_.js} +7 -7
- package/dist/{Portal-BnonSZqn.js → Portal-BXbCjN4B.js} +1 -1
- package/dist/{Radio-CkKki1U2.js → Radio-a-_byMf2.js} +8 -8
- package/dist/{RadioGroup-BSjm8fVu.js → RadioGroup-D3j4stGh.js} +3 -3
- package/dist/{Select-PSJab9wR.js → Select-D4_Tfb3v.js} +9 -9
- package/dist/{SelectControl-DIp6AKWn.js → SelectControl-C27kiG31.js} +70 -69
- package/dist/{Skeleton-DxQ6mAsY.js → Skeleton-CPIYLtjM.js} +6 -6
- package/dist/{Snackbar-CiJ0tBj3.js → Snackbar-DrJUYY3q.js} +9 -9
- package/dist/{SvgIcon-xRzoI1sK.js → SvgIcon-DnWxuDIh.js} +5 -5
- package/dist/{Switch-BML-6IUD.js → Switch-Y_O2PXuD.js} +7 -7
- package/dist/{SwitchBase-BEG8DxOU.js → SwitchBase-DLZfokgs.js} +5 -5
- package/dist/{Tab-Bx22IZfB.js → Tab-CkO6g07h.js} +6 -6
- package/dist/{Tabs-im_gEiJr.js → Tabs-BEojaum9.js} +10 -10
- package/dist/ThemeProviderWithVars-BAdUW-CW.js +629 -0
- package/dist/{Toolbar-CGm_jgRX.js → Toolbar-BVNIzEmz.js} +5 -5
- package/dist/{Tooltip-Be3G-mmr.js → Tooltip-8sUPKn9t.js} +10 -10
- package/dist/{Typography-D2qnm7G7.js → Typography-DPGyy9yl.js} +6 -6
- package/dist/{WarningAmberOutlined-BAU1Dvpm.js → WarningAmberOutlined-75H0G63B.js} +1 -1
- package/dist/{ZoomOut-CmItyBpP.js → ZoomOut-Cd5BQiWB.js} +1 -1
- package/dist/components/Accordion/index.js +1 -1
- package/dist/components/AccordionActions/index.js +1 -1
- package/dist/components/AccordionDetails/index.js +1 -1
- package/dist/components/AccordionSummary/index.js +1 -1
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/AlertTitle/index.js +1 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +3 -3
- package/dist/components/Autocomplete/Autocomplete.js +3 -3
- package/dist/components/Autocomplete/Autocomplete.theme.js +5 -5
- package/dist/components/Autocomplete/index.js +1 -1
- package/dist/components/AutocompleteControl/AutocompleteControl.d.ts +4 -4
- package/dist/components/AutocompleteControl/AutocompleteControl.js +12 -11
- package/dist/components/AutocompleteControl/index.js +1 -1
- package/dist/components/Avatar/index.js +1 -1
- package/dist/components/AvatarGroup/index.js +1 -1
- package/dist/components/Backdrop/index.js +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Box/index.js +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/Button.theme.js +7 -7
- package/dist/components/Button/index.js +1 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/Card/index.js +1 -1
- package/dist/components/CardActionArea/index.js +1 -1
- package/dist/components/CardActions/index.js +1 -1
- package/dist/components/CardContent/index.js +1 -1
- package/dist/components/CardHeader/index.js +1 -1
- package/dist/components/CardMedia/index.js +1 -1
- package/dist/components/Checkbox/Checkbox.theme.js +3 -3
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Chip/Chip.theme.js +6 -6
- package/dist/components/Chip/index.js +1 -1
- package/dist/components/CircularProgress/index.js +1 -1
- package/dist/components/Container/index.js +1 -1
- package/dist/components/CssBaseline/index.js +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/DialogActions/index.js +1 -1
- package/dist/components/DialogContent/index.js +1 -1
- package/dist/components/DialogContentText/index.js +1 -1
- package/dist/components/DialogTitle/index.js +2 -2
- package/dist/components/Divider/index.js +2 -2
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/FormControl/index.js +1 -1
- package/dist/components/FormControlLabel/FormControlLabel.theme.js +4 -1
- package/dist/components/FormControlLabel/index.js +1 -1
- package/dist/components/FormGroup/index.js +1 -1
- package/dist/components/FormHelperText/index.js +1 -1
- package/dist/components/FormLabel/FormLabel.theme.js +1 -1
- package/dist/components/FormLabel/index.js +1 -1
- package/dist/components/FormSublabel/FormSublabel.d.ts +1 -1
- package/dist/components/FormSublabel/FormSublabel.js +9 -8
- package/dist/components/FormSublabel/index.js +1 -1
- package/dist/components/IconButton/IconButton.theme.js +4 -4
- package/dist/components/IconButton/index.js +1 -1
- package/dist/components/Input/Input.d.ts +1 -0
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.theme.js +10 -10
- package/dist/components/Input/index.js +1 -1
- package/dist/components/InputAdornment/index.js +1 -1
- package/dist/components/InputControl/InputControl.js +12 -11
- package/dist/components/InputControl/index.js +1 -1
- package/dist/components/LinearProgress/index.js +1 -1
- package/dist/components/Link/Link.theme.js +6 -6
- package/dist/components/Link/index.js +1 -1
- package/dist/components/List/index.js +1 -1
- package/dist/components/ListItem/index.js +1 -1
- package/dist/components/ListItemAvatar/index.js +1 -1
- package/dist/components/ListItemButton/ListItemButton.theme.js +3 -3
- package/dist/components/ListItemButton/index.js +2 -2
- package/dist/components/ListItemIcon/index.js +2 -2
- package/dist/components/ListItemText/index.js +2 -2
- package/dist/components/ListSubheader/index.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/MenuItem/index.js +1 -1
- package/dist/components/MenuList/index.js +1 -1
- package/dist/components/Paper/index.js +1 -1
- package/dist/components/Radio/Radio.theme.js +3 -3
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Select/index.js +1 -1
- package/dist/components/SelectControl/SelectControl.js +12 -11
- package/dist/components/SelectControl/index.js +1 -1
- package/dist/components/Skeleton/index.js +1 -1
- package/dist/components/Snackbar/index.js +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/SvgIcon/index.js +1 -1
- package/dist/components/Switch/index.js +1 -1
- package/dist/components/Tab/Tab.theme.js +4 -4
- package/dist/components/Tab/index.js +1 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +4 -0
- package/dist/components/ThemeProvider/ThemeProvider.js +41 -0
- package/dist/components/ThemeProvider/index.d.ts +1 -0
- package/dist/components/ThemeProvider/index.js +4 -0
- package/dist/components/ToastContainer/ToastContainer.js +1 -1
- package/dist/components/ToastContainer/useToast.js +22 -22
- package/dist/components/Toolbar/index.js +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/Typography/index.js +1 -1
- package/dist/{containerClasses-WD1oPqvi.js → containerClasses-9MgW-eDQ.js} +5 -5
- package/dist/{createSvgIcon-B5dNNGNe.js → createSvgIcon-B6lLJ6SQ.js} +1 -1
- package/dist/createTheme-ClKgUYqI.js +2996 -0
- package/dist/defaultTheme-BCpI3G0-.js +5 -0
- package/dist/{dialogTitleClasses-BrdYpbJj.js → dialogTitleClasses-C0b2NPYf.js} +2 -2
- package/dist/{dividerClasses-D4U5QaQb.js → dividerClasses-S6hIlqSw.js} +2 -2
- package/dist/{elementAcceptingRef-BrOmU6_C.js → elementAcceptingRef-FI2fQ839.js} +1 -1
- package/dist/{elementTypeAcceptingRef-CN74EK8m.js → elementTypeAcceptingRef-xtWcjb-H.js} +1 -1
- package/dist/{emotion-react.browser.esm-u0rxjRnw.js → emotion-react.browser.esm-BjB7nKpZ.js} +16 -15
- package/dist/{extendSxProp-Cv0iAAcm.js → extendSxProp-Dm0QGK7k.js} +1 -1
- package/dist/{generateUtilityClasses-BF4UvZq0.js → generateUtilityClasses-rljrgfNm.js} +1 -1
- package/dist/{getThemeProps-C9yJOf57.js → getThemeProps-CCAJ-g7Y.js} +1 -1
- package/dist/icons/ClearstoryIcon.js +1 -1
- package/dist/icons/MoneyBucketIcon.js +1 -1
- package/dist/icons/MoreCircleOutlineIcon.js +1 -1
- package/dist/icons/index.js +4 -4
- package/dist/{index-jotyvgZz.js → index-BN81QKuS.js} +12 -11
- package/dist/index-BlCNRXSk.js +1144 -0
- package/dist/{index-BbrhLBzi.js → index-DsW7ANTQ.js} +1 -1
- package/dist/{listItemButtonClasses-CY51gpaL.js → listItemButtonClasses-CXaJB1sX.js} +2 -2
- package/dist/{listItemIconClasses-GTAjqE_t.js → listItemIconClasses-DWsqk-RI.js} +2 -2
- package/dist/{listItemTextClasses-CH4OOGtx.js → listItemTextClasses-D6MIiKuu.js} +2 -2
- package/dist/main.d.ts +1 -0
- package/dist/main.js +311 -311
- package/dist/{memoTheme-CT5ASlO0.js → memoTheme-CAyAl_br.js} +1 -1
- package/dist/{refType-6b2zMXMt.js → refType-BThyJhbZ.js} +1 -1
- package/dist/{stackClasses-ChsLhvi3.js → stackClasses-ar_uEgY1.js} +6 -6
- package/dist/{styled-fdBsD-TS.js → styled-Dc7N_6Ot.js} +23 -22
- package/dist/theme/index.d.ts +1 -4
- package/dist/theme/index.js +126 -790
- package/dist/theme/internal.d.ts +2 -0
- package/dist/theme/internal.js +17 -0
- package/dist/useTheme-B3mEBCfZ.js +18 -0
- package/dist/{useTheme-DfOBLgm9.js → useTheme-CtzJwniR.js} +3 -3
- package/dist/{useThemeProps-CHaP_Lh8.js → useThemeProps-BgF3CPen.js} +3 -3
- package/dist/{utils-ptmMtPUp.js → utils-CSpgf_MW.js} +1 -1
- package/package.json +3 -2
- package/dist/createTheme-BgdHpTWD.js +0 -4138
- package/dist/defaultTheme-BI-WDwG-.js +0 -5
- package/dist/useTheme-DxGoyakm.js +0 -17
|
@@ -0,0 +1,629 @@
|
|
|
1
|
+
import * as d from "react";
|
|
2
|
+
import { P as s, f as Ve, z as Le, u as Pe } from "./createTheme-ClKgUYqI.js";
|
|
3
|
+
import { a as je, T as Ie } from "./index-BlCNRXSk.js";
|
|
4
|
+
import { jsx as w, jsxs as be } from "react/jsx-runtime";
|
|
5
|
+
import { u as Te } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
6
|
+
import { R as Ae } from "./index-DsW7ANTQ.js";
|
|
7
|
+
import { a as Ee } from "./useTheme-B3mEBCfZ.js";
|
|
8
|
+
import { u as Ke } from "./useId-CK6Kn3Tn.js";
|
|
9
|
+
import { G as Re, a as Ue } from "./GlobalStyles-BSzzpdnX.js";
|
|
10
|
+
import { e as Me } from "./exactProp-C1Lmtwf_.js";
|
|
11
|
+
import { D as qe } from "./DefaultPropsProvider-Beomajhe.js";
|
|
12
|
+
const ee = /* @__PURE__ */ d.createContext(null);
|
|
13
|
+
process.env.NODE_ENV !== "production" && (ee.displayName = "ThemeContext");
|
|
14
|
+
function oe() {
|
|
15
|
+
const o = d.useContext(ee);
|
|
16
|
+
return process.env.NODE_ENV !== "production" && d.useDebugValue(o), o;
|
|
17
|
+
}
|
|
18
|
+
const Ge = typeof Symbol == "function" && Symbol.for, He = Ge ? Symbol.for("mui.nested") : "__THEME_NESTED__";
|
|
19
|
+
function Ye(o, e) {
|
|
20
|
+
if (typeof e == "function") {
|
|
21
|
+
const t = e(o);
|
|
22
|
+
return process.env.NODE_ENV !== "production" && (t || console.error(["MUI: You should return an object from your theme function, i.e.", "<ThemeProvider theme={() => ({})} />"].join(`
|
|
23
|
+
`))), t;
|
|
24
|
+
}
|
|
25
|
+
return {
|
|
26
|
+
...o,
|
|
27
|
+
...e
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
function G(o) {
|
|
31
|
+
const {
|
|
32
|
+
children: e,
|
|
33
|
+
theme: t
|
|
34
|
+
} = o, r = oe();
|
|
35
|
+
process.env.NODE_ENV !== "production" && r === null && typeof t == "function" && console.error(["MUI: You are providing a theme function prop to the ThemeProvider component:", "<ThemeProvider theme={outerTheme => outerTheme} />", "", "However, no outer theme is present.", "Make sure a theme is already injected higher in the React tree or provide a theme object."].join(`
|
|
36
|
+
`));
|
|
37
|
+
const c = d.useMemo(() => {
|
|
38
|
+
const m = r === null ? {
|
|
39
|
+
...t
|
|
40
|
+
} : Ye(r, t);
|
|
41
|
+
return m != null && (m[He] = r !== null), m;
|
|
42
|
+
}, [t, r]);
|
|
43
|
+
return /* @__PURE__ */ w(ee.Provider, {
|
|
44
|
+
value: c,
|
|
45
|
+
children: e
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
process.env.NODE_ENV !== "production" && (G.propTypes = {
|
|
49
|
+
/**
|
|
50
|
+
* Your component tree.
|
|
51
|
+
*/
|
|
52
|
+
children: s.node,
|
|
53
|
+
/**
|
|
54
|
+
* A theme object. You can provide a function to extend the outer theme.
|
|
55
|
+
*/
|
|
56
|
+
theme: s.oneOfType([s.object, s.func]).isRequired
|
|
57
|
+
});
|
|
58
|
+
process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && (G.propTypes = Me(G.propTypes));
|
|
59
|
+
function Fe(o) {
|
|
60
|
+
const e = Ee(), t = Ke() || "", {
|
|
61
|
+
modularCssLayers: r
|
|
62
|
+
} = o;
|
|
63
|
+
let c = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
|
|
64
|
+
return !r || e !== null ? c = "" : typeof r == "string" ? c = r.replace(/mui(?!\.)/g, c) : c = `@layer ${c};`, Te(() => {
|
|
65
|
+
const m = document.querySelector("head");
|
|
66
|
+
if (!m)
|
|
67
|
+
return;
|
|
68
|
+
const n = m.firstChild;
|
|
69
|
+
if (c) {
|
|
70
|
+
if (n && n.hasAttribute?.("data-mui-layer-order") && n.getAttribute("data-mui-layer-order") === t)
|
|
71
|
+
return;
|
|
72
|
+
const u = document.createElement("style");
|
|
73
|
+
u.setAttribute("data-mui-layer-order", t), u.textContent = c, m.prepend(u);
|
|
74
|
+
} else
|
|
75
|
+
m.querySelector(`style[data-mui-layer-order="${t}"]`)?.remove();
|
|
76
|
+
}, [c, t]), c ? /* @__PURE__ */ w(Re, {
|
|
77
|
+
styles: c
|
|
78
|
+
}) : null;
|
|
79
|
+
}
|
|
80
|
+
const ge = {};
|
|
81
|
+
function ye(o, e, t, r = !1) {
|
|
82
|
+
return d.useMemo(() => {
|
|
83
|
+
const c = o && e[o] || e;
|
|
84
|
+
if (typeof t == "function") {
|
|
85
|
+
const m = t(c), n = o ? {
|
|
86
|
+
...e,
|
|
87
|
+
[o]: m
|
|
88
|
+
} : m;
|
|
89
|
+
return r ? () => n : n;
|
|
90
|
+
}
|
|
91
|
+
return o ? {
|
|
92
|
+
...e,
|
|
93
|
+
[o]: t
|
|
94
|
+
} : {
|
|
95
|
+
...e,
|
|
96
|
+
...t
|
|
97
|
+
};
|
|
98
|
+
}, [o, e, t, r]);
|
|
99
|
+
}
|
|
100
|
+
function H(o) {
|
|
101
|
+
const {
|
|
102
|
+
children: e,
|
|
103
|
+
theme: t,
|
|
104
|
+
themeId: r
|
|
105
|
+
} = o, c = Ee(ge), m = oe() || ge;
|
|
106
|
+
process.env.NODE_ENV !== "production" && (c === null && typeof t == "function" || r && c && !c[r] && typeof t == "function") && console.error(["MUI: You are providing a theme function prop to the ThemeProvider component:", "<ThemeProvider theme={outerTheme => outerTheme} />", "", "However, no outer theme is present.", "Make sure a theme is already injected higher in the React tree or provide a theme object."].join(`
|
|
107
|
+
`));
|
|
108
|
+
const n = ye(r, c, t), u = ye(r, m, t, !0), T = (r ? n[r] : n).direction === "rtl", g = Fe(n);
|
|
109
|
+
return /* @__PURE__ */ w(G, {
|
|
110
|
+
theme: u,
|
|
111
|
+
children: /* @__PURE__ */ w(je.Provider, {
|
|
112
|
+
value: n,
|
|
113
|
+
children: /* @__PURE__ */ w(Ae, {
|
|
114
|
+
value: T,
|
|
115
|
+
children: /* @__PURE__ */ be(qe, {
|
|
116
|
+
value: r ? n[r].components : n.components,
|
|
117
|
+
children: [g, e]
|
|
118
|
+
})
|
|
119
|
+
})
|
|
120
|
+
})
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
process.env.NODE_ENV !== "production" && (H.propTypes = {
|
|
124
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
125
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
126
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
127
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
128
|
+
/**
|
|
129
|
+
* Your component tree.
|
|
130
|
+
*/
|
|
131
|
+
children: s.node,
|
|
132
|
+
/**
|
|
133
|
+
* A theme object. You can provide a function to extend the outer theme.
|
|
134
|
+
*/
|
|
135
|
+
theme: s.oneOfType([s.func, s.object]).isRequired,
|
|
136
|
+
/**
|
|
137
|
+
* The design system's unique id for getting the corresponded theme when there are multiple design systems.
|
|
138
|
+
*/
|
|
139
|
+
themeId: s.string
|
|
140
|
+
});
|
|
141
|
+
process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && (H.propTypes = Me(H.propTypes));
|
|
142
|
+
const te = "mode", re = "color-scheme", ze = "data-color-scheme";
|
|
143
|
+
function Be(o) {
|
|
144
|
+
const {
|
|
145
|
+
defaultMode: e = "system",
|
|
146
|
+
defaultLightColorScheme: t = "light",
|
|
147
|
+
defaultDarkColorScheme: r = "dark",
|
|
148
|
+
modeStorageKey: c = te,
|
|
149
|
+
colorSchemeStorageKey: m = re,
|
|
150
|
+
attribute: n = ze,
|
|
151
|
+
colorSchemeNode: u = "document.documentElement",
|
|
152
|
+
nonce: T
|
|
153
|
+
} = o || {};
|
|
154
|
+
let g = "", p = n;
|
|
155
|
+
if (n === "class" && (p = ".%s"), n === "data" && (p = "[data-%s]"), p.startsWith(".")) {
|
|
156
|
+
const S = p.substring(1);
|
|
157
|
+
g += `${u}.classList.remove('${S}'.replace('%s', light), '${S}'.replace('%s', dark));
|
|
158
|
+
${u}.classList.add('${S}'.replace('%s', colorScheme));`;
|
|
159
|
+
}
|
|
160
|
+
const v = p.match(/\[([^\]]+)\]/);
|
|
161
|
+
if (v) {
|
|
162
|
+
const [S, y] = v[1].split("=");
|
|
163
|
+
y || (g += `${u}.removeAttribute('${S}'.replace('%s', light));
|
|
164
|
+
${u}.removeAttribute('${S}'.replace('%s', dark));`), g += `
|
|
165
|
+
${u}.setAttribute('${S}'.replace('%s', colorScheme), ${y ? `${y}.replace('%s', colorScheme)` : '""'});`;
|
|
166
|
+
} else
|
|
167
|
+
g += `${u}.setAttribute('${p}', colorScheme);`;
|
|
168
|
+
return /* @__PURE__ */ w("script", {
|
|
169
|
+
suppressHydrationWarning: !0,
|
|
170
|
+
nonce: typeof window > "u" ? T : "",
|
|
171
|
+
dangerouslySetInnerHTML: {
|
|
172
|
+
__html: `(function() {
|
|
173
|
+
try {
|
|
174
|
+
let colorScheme = '';
|
|
175
|
+
const mode = localStorage.getItem('${c}') || '${e}';
|
|
176
|
+
const dark = localStorage.getItem('${m}-dark') || '${r}';
|
|
177
|
+
const light = localStorage.getItem('${m}-light') || '${t}';
|
|
178
|
+
if (mode === 'system') {
|
|
179
|
+
// handle system mode
|
|
180
|
+
const mql = window.matchMedia('(prefers-color-scheme: dark)');
|
|
181
|
+
if (mql.matches) {
|
|
182
|
+
colorScheme = dark
|
|
183
|
+
} else {
|
|
184
|
+
colorScheme = light
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
if (mode === 'light') {
|
|
188
|
+
colorScheme = light;
|
|
189
|
+
}
|
|
190
|
+
if (mode === 'dark') {
|
|
191
|
+
colorScheme = dark;
|
|
192
|
+
}
|
|
193
|
+
if (colorScheme) {
|
|
194
|
+
${g}
|
|
195
|
+
}
|
|
196
|
+
} catch(e){}})();`
|
|
197
|
+
}
|
|
198
|
+
}, "mui-color-scheme-init");
|
|
199
|
+
}
|
|
200
|
+
function Qe() {
|
|
201
|
+
}
|
|
202
|
+
const Je = ({
|
|
203
|
+
key: o,
|
|
204
|
+
storageWindow: e
|
|
205
|
+
}) => (!e && typeof window < "u" && (e = window), {
|
|
206
|
+
get(t) {
|
|
207
|
+
if (typeof window > "u")
|
|
208
|
+
return;
|
|
209
|
+
if (!e)
|
|
210
|
+
return t;
|
|
211
|
+
let r;
|
|
212
|
+
try {
|
|
213
|
+
r = e.localStorage.getItem(o);
|
|
214
|
+
} catch {
|
|
215
|
+
}
|
|
216
|
+
return r || t;
|
|
217
|
+
},
|
|
218
|
+
set: (t) => {
|
|
219
|
+
if (e)
|
|
220
|
+
try {
|
|
221
|
+
e.localStorage.setItem(o, t);
|
|
222
|
+
} catch {
|
|
223
|
+
}
|
|
224
|
+
},
|
|
225
|
+
subscribe: (t) => {
|
|
226
|
+
if (!e)
|
|
227
|
+
return Qe;
|
|
228
|
+
const r = (c) => {
|
|
229
|
+
const m = c.newValue;
|
|
230
|
+
c.key === o && t(m);
|
|
231
|
+
};
|
|
232
|
+
return e.addEventListener("storage", r), () => {
|
|
233
|
+
e.removeEventListener("storage", r);
|
|
234
|
+
};
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
function W() {
|
|
238
|
+
}
|
|
239
|
+
function Ce(o) {
|
|
240
|
+
if (typeof window < "u" && typeof window.matchMedia == "function" && o === "system")
|
|
241
|
+
return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
242
|
+
}
|
|
243
|
+
function ve(o, e) {
|
|
244
|
+
if (o.mode === "light" || o.mode === "system" && o.systemMode === "light")
|
|
245
|
+
return e("light");
|
|
246
|
+
if (o.mode === "dark" || o.mode === "system" && o.systemMode === "dark")
|
|
247
|
+
return e("dark");
|
|
248
|
+
}
|
|
249
|
+
function Xe(o) {
|
|
250
|
+
return ve(o, (e) => {
|
|
251
|
+
if (e === "light")
|
|
252
|
+
return o.lightColorScheme;
|
|
253
|
+
if (e === "dark")
|
|
254
|
+
return o.darkColorScheme;
|
|
255
|
+
});
|
|
256
|
+
}
|
|
257
|
+
function Ze(o) {
|
|
258
|
+
const {
|
|
259
|
+
defaultMode: e = "light",
|
|
260
|
+
defaultLightColorScheme: t,
|
|
261
|
+
defaultDarkColorScheme: r,
|
|
262
|
+
supportedColorSchemes: c = [],
|
|
263
|
+
modeStorageKey: m = te,
|
|
264
|
+
colorSchemeStorageKey: n = re,
|
|
265
|
+
storageWindow: u = typeof window > "u" ? void 0 : window,
|
|
266
|
+
storageManager: T = Je,
|
|
267
|
+
noSsr: g = !1
|
|
268
|
+
} = o, p = c.join(","), v = c.length > 1, S = d.useMemo(() => T?.({
|
|
269
|
+
key: m,
|
|
270
|
+
storageWindow: u
|
|
271
|
+
}), [T, m, u]), y = d.useMemo(() => T?.({
|
|
272
|
+
key: `${n}-light`,
|
|
273
|
+
storageWindow: u
|
|
274
|
+
}), [T, n, u]), N = d.useMemo(() => T?.({
|
|
275
|
+
key: `${n}-dark`,
|
|
276
|
+
storageWindow: u
|
|
277
|
+
}), [T, n, u]), [_, x] = d.useState(() => {
|
|
278
|
+
const l = S?.get(e) || e, i = y?.get(t) || t, a = N?.get(r) || r;
|
|
279
|
+
return {
|
|
280
|
+
mode: l,
|
|
281
|
+
systemMode: Ce(l),
|
|
282
|
+
lightColorScheme: i,
|
|
283
|
+
darkColorScheme: a
|
|
284
|
+
};
|
|
285
|
+
}), [O, Y] = d.useState(g || !v);
|
|
286
|
+
d.useEffect(() => {
|
|
287
|
+
Y(!0);
|
|
288
|
+
}, []);
|
|
289
|
+
const P = Xe(_), j = d.useCallback((l) => {
|
|
290
|
+
x((i) => {
|
|
291
|
+
if (l === i.mode)
|
|
292
|
+
return i;
|
|
293
|
+
const a = l ?? e;
|
|
294
|
+
return S?.set(a), {
|
|
295
|
+
...i,
|
|
296
|
+
mode: a,
|
|
297
|
+
systemMode: Ce(a)
|
|
298
|
+
};
|
|
299
|
+
});
|
|
300
|
+
}, [S, e]), V = d.useCallback((l) => {
|
|
301
|
+
l ? typeof l == "string" ? l && !p.includes(l) ? console.error(`\`${l}\` does not exist in \`theme.colorSchemes\`.`) : x((i) => {
|
|
302
|
+
const a = {
|
|
303
|
+
...i
|
|
304
|
+
};
|
|
305
|
+
return ve(i, (h) => {
|
|
306
|
+
h === "light" && (y?.set(l), a.lightColorScheme = l), h === "dark" && (N?.set(l), a.darkColorScheme = l);
|
|
307
|
+
}), a;
|
|
308
|
+
}) : x((i) => {
|
|
309
|
+
const a = {
|
|
310
|
+
...i
|
|
311
|
+
}, h = l.light === null ? t : l.light, $ = l.dark === null ? r : l.dark;
|
|
312
|
+
return h && (p.includes(h) ? (a.lightColorScheme = h, y?.set(h)) : console.error(`\`${h}\` does not exist in \`theme.colorSchemes\`.`)), $ && (p.includes($) ? (a.darkColorScheme = $, N?.set($)) : console.error(`\`${$}\` does not exist in \`theme.colorSchemes\`.`)), a;
|
|
313
|
+
}) : x((i) => (y?.set(t), N?.set(r), {
|
|
314
|
+
...i,
|
|
315
|
+
lightColorScheme: t,
|
|
316
|
+
darkColorScheme: r
|
|
317
|
+
}));
|
|
318
|
+
}, [p, y, N, t, r]), I = d.useCallback((l) => {
|
|
319
|
+
_.mode === "system" && x((i) => {
|
|
320
|
+
const a = l?.matches ? "dark" : "light";
|
|
321
|
+
return i.systemMode === a ? i : {
|
|
322
|
+
...i,
|
|
323
|
+
systemMode: a
|
|
324
|
+
};
|
|
325
|
+
});
|
|
326
|
+
}, [_.mode]), K = d.useRef(I);
|
|
327
|
+
return K.current = I, d.useEffect(() => {
|
|
328
|
+
if (typeof window.matchMedia != "function" || !v)
|
|
329
|
+
return;
|
|
330
|
+
const l = (...a) => K.current(...a), i = window.matchMedia("(prefers-color-scheme: dark)");
|
|
331
|
+
return i.addListener(l), l(i), () => {
|
|
332
|
+
i.removeListener(l);
|
|
333
|
+
};
|
|
334
|
+
}, [v]), d.useEffect(() => {
|
|
335
|
+
if (v) {
|
|
336
|
+
const l = S?.subscribe((h) => {
|
|
337
|
+
(!h || ["light", "dark", "system"].includes(h)) && j(h || e);
|
|
338
|
+
}) || W, i = y?.subscribe((h) => {
|
|
339
|
+
(!h || p.match(h)) && V({
|
|
340
|
+
light: h
|
|
341
|
+
});
|
|
342
|
+
}) || W, a = N?.subscribe((h) => {
|
|
343
|
+
(!h || p.match(h)) && V({
|
|
344
|
+
dark: h
|
|
345
|
+
});
|
|
346
|
+
}) || W;
|
|
347
|
+
return () => {
|
|
348
|
+
l(), i(), a();
|
|
349
|
+
};
|
|
350
|
+
}
|
|
351
|
+
}, [V, j, p, e, u, v, S, y, N]), {
|
|
352
|
+
..._,
|
|
353
|
+
mode: O ? _.mode : void 0,
|
|
354
|
+
systemMode: O ? _.systemMode : void 0,
|
|
355
|
+
colorScheme: O ? P : void 0,
|
|
356
|
+
setMode: j,
|
|
357
|
+
setColorScheme: V
|
|
358
|
+
};
|
|
359
|
+
}
|
|
360
|
+
const We = "*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
|
|
361
|
+
function eo(o) {
|
|
362
|
+
const {
|
|
363
|
+
themeId: e,
|
|
364
|
+
/**
|
|
365
|
+
* This `theme` object needs to follow a certain structure to
|
|
366
|
+
* be used correctly by the finel `CssVarsProvider`. It should have a
|
|
367
|
+
* `colorSchemes` key with the light and dark (and any other) palette.
|
|
368
|
+
* It should also ideally have a vars object created using `prepareCssVars`.
|
|
369
|
+
*/
|
|
370
|
+
theme: t = {},
|
|
371
|
+
modeStorageKey: r = te,
|
|
372
|
+
colorSchemeStorageKey: c = re,
|
|
373
|
+
disableTransitionOnChange: m = !1,
|
|
374
|
+
defaultColorScheme: n,
|
|
375
|
+
resolveTheme: u
|
|
376
|
+
} = o, T = {
|
|
377
|
+
allColorSchemes: [],
|
|
378
|
+
colorScheme: void 0,
|
|
379
|
+
darkColorScheme: void 0,
|
|
380
|
+
lightColorScheme: void 0,
|
|
381
|
+
mode: void 0,
|
|
382
|
+
setColorScheme: () => {
|
|
383
|
+
},
|
|
384
|
+
setMode: () => {
|
|
385
|
+
},
|
|
386
|
+
systemMode: void 0
|
|
387
|
+
}, g = /* @__PURE__ */ d.createContext(void 0);
|
|
388
|
+
process.env.NODE_ENV !== "production" && (g.displayName = "ColorSchemeContext");
|
|
389
|
+
const p = () => d.useContext(g) || T, v = {}, S = {};
|
|
390
|
+
function y(O) {
|
|
391
|
+
const {
|
|
392
|
+
children: Y,
|
|
393
|
+
theme: P,
|
|
394
|
+
modeStorageKey: j = r,
|
|
395
|
+
colorSchemeStorageKey: V = c,
|
|
396
|
+
disableTransitionOnChange: I = m,
|
|
397
|
+
storageManager: K,
|
|
398
|
+
storageWindow: l = typeof window > "u" ? void 0 : window,
|
|
399
|
+
documentNode: i = typeof document > "u" ? void 0 : document,
|
|
400
|
+
colorSchemeNode: a = typeof document > "u" ? void 0 : document.documentElement,
|
|
401
|
+
disableNestedContext: h = !1,
|
|
402
|
+
disableStyleSheetGeneration: $ = !1,
|
|
403
|
+
defaultMode: ke = "system",
|
|
404
|
+
forceThemeRerender: ne = !1,
|
|
405
|
+
noSsr: Ne
|
|
406
|
+
} = O, F = d.useRef(!1), we = oe(), z = d.useContext(g), B = !!z && !h, se = d.useMemo(() => P || (typeof t == "function" ? t() : t), [P]), ce = se[e], b = ce || se, {
|
|
407
|
+
colorSchemes: D = v,
|
|
408
|
+
components: ie = S,
|
|
409
|
+
cssVarPrefix: Q
|
|
410
|
+
} = b, le = Object.keys(D).filter((C) => !!D[C]).join(","), L = d.useMemo(() => le.split(","), [le]), ae = typeof n == "string" ? n : n.light, de = typeof n == "string" ? n : n.dark, _e = D[ae] && D[de] ? ke : D[b.defaultColorScheme]?.palette?.mode || b.palette?.mode, {
|
|
411
|
+
mode: De,
|
|
412
|
+
setMode: J,
|
|
413
|
+
systemMode: me,
|
|
414
|
+
lightColorScheme: ue,
|
|
415
|
+
darkColorScheme: he,
|
|
416
|
+
colorScheme: Oe,
|
|
417
|
+
setColorScheme: fe
|
|
418
|
+
} = Ze({
|
|
419
|
+
supportedColorSchemes: L,
|
|
420
|
+
defaultLightColorScheme: ae,
|
|
421
|
+
defaultDarkColorScheme: de,
|
|
422
|
+
modeStorageKey: j,
|
|
423
|
+
colorSchemeStorageKey: V,
|
|
424
|
+
defaultMode: _e,
|
|
425
|
+
storageManager: K,
|
|
426
|
+
storageWindow: l,
|
|
427
|
+
noSsr: Ne
|
|
428
|
+
});
|
|
429
|
+
let X = De, M = Oe;
|
|
430
|
+
B && (X = z.mode, M = z.colorScheme), process.env.NODE_ENV !== "production" && ne && !b.vars && console.warn(["MUI: The `forceThemeRerender` prop should only be used with CSS theme variables.", "Note that it will slow down the app when changing between modes, so only do this when you cannot find a better solution."].join(`
|
|
431
|
+
`));
|
|
432
|
+
let R = M || b.defaultColorScheme;
|
|
433
|
+
b.vars && !ne && (R = b.defaultColorScheme);
|
|
434
|
+
const U = d.useMemo(() => {
|
|
435
|
+
const C = b.generateThemeVars?.() || b.vars, f = {
|
|
436
|
+
...b,
|
|
437
|
+
components: ie,
|
|
438
|
+
colorSchemes: D,
|
|
439
|
+
cssVarPrefix: Q,
|
|
440
|
+
vars: C
|
|
441
|
+
};
|
|
442
|
+
if (typeof f.generateSpacing == "function" && (f.spacing = f.generateSpacing()), R) {
|
|
443
|
+
const E = D[R];
|
|
444
|
+
E && typeof E == "object" && Object.keys(E).forEach((k) => {
|
|
445
|
+
E[k] && typeof E[k] == "object" ? f[k] = {
|
|
446
|
+
...f[k],
|
|
447
|
+
...E[k]
|
|
448
|
+
} : f[k] = E[k];
|
|
449
|
+
});
|
|
450
|
+
}
|
|
451
|
+
return u ? u(f) : f;
|
|
452
|
+
}, [b, R, ie, D, Q]), A = b.colorSchemeSelector;
|
|
453
|
+
Te(() => {
|
|
454
|
+
if (M && a && A && A !== "media") {
|
|
455
|
+
const C = A;
|
|
456
|
+
let f = A;
|
|
457
|
+
if (C === "class" && (f = ".%s"), C === "data" && (f = "[data-%s]"), C?.startsWith("data-") && !C.includes("%s") && (f = `[${C}="%s"]`), f.startsWith("."))
|
|
458
|
+
a.classList.remove(...L.map((E) => f.substring(1).replace("%s", E))), a.classList.add(f.substring(1).replace("%s", M));
|
|
459
|
+
else {
|
|
460
|
+
const E = f.replace("%s", M).match(/\[([^\]]+)\]/);
|
|
461
|
+
if (E) {
|
|
462
|
+
const [k, Z] = E[1].split("=");
|
|
463
|
+
Z || L.forEach((xe) => {
|
|
464
|
+
a.removeAttribute(k.replace(M, xe));
|
|
465
|
+
}), a.setAttribute(k, Z ? Z.replace(/"|'/g, "") : "");
|
|
466
|
+
} else
|
|
467
|
+
a.setAttribute(f, M);
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
}, [M, A, a, L]), d.useEffect(() => {
|
|
471
|
+
let C;
|
|
472
|
+
if (I && F.current && i) {
|
|
473
|
+
const f = i.createElement("style");
|
|
474
|
+
f.appendChild(i.createTextNode(We)), i.head.appendChild(f), window.getComputedStyle(i.body), C = setTimeout(() => {
|
|
475
|
+
i.head.removeChild(f);
|
|
476
|
+
}, 1);
|
|
477
|
+
}
|
|
478
|
+
return () => {
|
|
479
|
+
clearTimeout(C);
|
|
480
|
+
};
|
|
481
|
+
}, [M, I, i]), d.useEffect(() => (F.current = !0, () => {
|
|
482
|
+
F.current = !1;
|
|
483
|
+
}), []);
|
|
484
|
+
const $e = d.useMemo(() => ({
|
|
485
|
+
allColorSchemes: L,
|
|
486
|
+
colorScheme: M,
|
|
487
|
+
darkColorScheme: he,
|
|
488
|
+
lightColorScheme: ue,
|
|
489
|
+
mode: X,
|
|
490
|
+
setColorScheme: fe,
|
|
491
|
+
setMode: process.env.NODE_ENV === "production" ? J : (C) => {
|
|
492
|
+
U.colorSchemeSelector === "media" && console.error(["MUI: The `setMode` function has no effect if `colorSchemeSelector` is `media` (`media` is the default value).", "To toggle the mode manually, please configure `colorSchemeSelector` to use a class or data attribute.", "To learn more, visit https://mui.com/material-ui/customization/css-theme-variables/configuration/#toggling-dark-mode-manually"].join(`
|
|
493
|
+
`)), J(C);
|
|
494
|
+
},
|
|
495
|
+
systemMode: me
|
|
496
|
+
}), [L, M, he, ue, X, fe, J, me, U.colorSchemeSelector]);
|
|
497
|
+
let pe = !0;
|
|
498
|
+
($ || b.cssVariables === !1 || B && we?.cssVarPrefix === Q) && (pe = !1);
|
|
499
|
+
const Se = /* @__PURE__ */ be(d.Fragment, {
|
|
500
|
+
children: [/* @__PURE__ */ w(H, {
|
|
501
|
+
themeId: ce ? e : void 0,
|
|
502
|
+
theme: U,
|
|
503
|
+
children: Y
|
|
504
|
+
}), pe && /* @__PURE__ */ w(Ue, {
|
|
505
|
+
styles: U.generateStyleSheets?.() || []
|
|
506
|
+
})]
|
|
507
|
+
});
|
|
508
|
+
return B ? Se : /* @__PURE__ */ w(g.Provider, {
|
|
509
|
+
value: $e,
|
|
510
|
+
children: Se
|
|
511
|
+
});
|
|
512
|
+
}
|
|
513
|
+
process.env.NODE_ENV !== "production" && (y.propTypes = {
|
|
514
|
+
/**
|
|
515
|
+
* The component tree.
|
|
516
|
+
*/
|
|
517
|
+
children: s.node,
|
|
518
|
+
/**
|
|
519
|
+
* The node used to attach the color-scheme attribute
|
|
520
|
+
*/
|
|
521
|
+
colorSchemeNode: s.any,
|
|
522
|
+
/**
|
|
523
|
+
* localStorage key used to store `colorScheme`
|
|
524
|
+
*/
|
|
525
|
+
colorSchemeStorageKey: s.string,
|
|
526
|
+
/**
|
|
527
|
+
* The default mode when the storage is empty,
|
|
528
|
+
* require the theme to have `colorSchemes` with light and dark.
|
|
529
|
+
*/
|
|
530
|
+
defaultMode: s.string,
|
|
531
|
+
/**
|
|
532
|
+
* If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.
|
|
533
|
+
*/
|
|
534
|
+
disableNestedContext: s.bool,
|
|
535
|
+
/**
|
|
536
|
+
* If `true`, the style sheet won't be generated.
|
|
537
|
+
*
|
|
538
|
+
* This is useful for controlling nested CssVarsProvider behavior.
|
|
539
|
+
*/
|
|
540
|
+
disableStyleSheetGeneration: s.bool,
|
|
541
|
+
/**
|
|
542
|
+
* Disable CSS transitions when switching between modes or color schemes.
|
|
543
|
+
*/
|
|
544
|
+
disableTransitionOnChange: s.bool,
|
|
545
|
+
/**
|
|
546
|
+
* The document to attach the attribute to.
|
|
547
|
+
*/
|
|
548
|
+
documentNode: s.any,
|
|
549
|
+
/**
|
|
550
|
+
* If `true`, theme values are recalculated when the mode changes.
|
|
551
|
+
*/
|
|
552
|
+
forceThemeRerender: s.bool,
|
|
553
|
+
/**
|
|
554
|
+
* The key in the local storage used to store current color scheme.
|
|
555
|
+
*/
|
|
556
|
+
modeStorageKey: s.string,
|
|
557
|
+
/**
|
|
558
|
+
* If `true`, the mode will be the same value as the storage without an extra rerendering after the hydration.
|
|
559
|
+
* You should use this option in conjuction with `InitColorSchemeScript` component.
|
|
560
|
+
*/
|
|
561
|
+
noSsr: s.bool,
|
|
562
|
+
/**
|
|
563
|
+
* The storage manager to be used for storing the mode and color scheme
|
|
564
|
+
* @default using `window.localStorage`
|
|
565
|
+
*/
|
|
566
|
+
storageManager: s.func,
|
|
567
|
+
/**
|
|
568
|
+
* The window that attaches the 'storage' event listener.
|
|
569
|
+
* @default window
|
|
570
|
+
*/
|
|
571
|
+
storageWindow: s.any,
|
|
572
|
+
/**
|
|
573
|
+
* The calculated theme object that will be passed through context.
|
|
574
|
+
*/
|
|
575
|
+
theme: s.object
|
|
576
|
+
});
|
|
577
|
+
const N = typeof n == "string" ? n : n.light, _ = typeof n == "string" ? n : n.dark;
|
|
578
|
+
return {
|
|
579
|
+
CssVarsProvider: y,
|
|
580
|
+
useColorScheme: p,
|
|
581
|
+
getInitColorSchemeScript: (O) => Be({
|
|
582
|
+
colorSchemeStorageKey: c,
|
|
583
|
+
defaultLightColorScheme: N,
|
|
584
|
+
defaultDarkColorScheme: _,
|
|
585
|
+
modeStorageKey: r,
|
|
586
|
+
...O
|
|
587
|
+
})
|
|
588
|
+
};
|
|
589
|
+
}
|
|
590
|
+
const q = {
|
|
591
|
+
colorSchemeStorageKey: "mui-color-scheme",
|
|
592
|
+
defaultLightColorScheme: "light",
|
|
593
|
+
defaultDarkColorScheme: "dark",
|
|
594
|
+
modeStorageKey: "mui-mode"
|
|
595
|
+
};
|
|
596
|
+
process.env.NODE_ENV !== "production" && (s.string, s.string, s.string, s.string, s.string, s.oneOf(["dark", "light", "system"]), s.string, s.string);
|
|
597
|
+
const {
|
|
598
|
+
CssVarsProvider: oo,
|
|
599
|
+
useColorScheme: ho
|
|
600
|
+
} = eo({
|
|
601
|
+
themeId: Ie,
|
|
602
|
+
// @ts-ignore ignore module augmentation tests
|
|
603
|
+
theme: () => Ve({
|
|
604
|
+
cssVariables: !0
|
|
605
|
+
}),
|
|
606
|
+
colorSchemeStorageKey: q.colorSchemeStorageKey,
|
|
607
|
+
modeStorageKey: q.modeStorageKey,
|
|
608
|
+
defaultColorScheme: {
|
|
609
|
+
light: q.defaultLightColorScheme,
|
|
610
|
+
dark: q.defaultDarkColorScheme
|
|
611
|
+
},
|
|
612
|
+
resolveTheme: (o) => {
|
|
613
|
+
const e = {
|
|
614
|
+
...o,
|
|
615
|
+
typography: Le(o.palette, o.typography)
|
|
616
|
+
};
|
|
617
|
+
return e.unstable_sx = function(r) {
|
|
618
|
+
return Pe({
|
|
619
|
+
sx: r,
|
|
620
|
+
theme: this
|
|
621
|
+
});
|
|
622
|
+
}, e;
|
|
623
|
+
}
|
|
624
|
+
}), fo = oo;
|
|
625
|
+
export {
|
|
626
|
+
fo as C,
|
|
627
|
+
H as T,
|
|
628
|
+
ho as u
|
|
629
|
+
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as u from "react";
|
|
2
|
-
import { c as d, P as o } from "./createTheme-
|
|
2
|
+
import { c as d, P as o } from "./createTheme-ClKgUYqI.js";
|
|
3
3
|
import { c as f } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
import { m as g } from "./memoTheme-
|
|
5
|
-
import { g as b } from "./generateUtilityClasses-
|
|
4
|
+
import { m as g } from "./memoTheme-CAyAl_br.js";
|
|
5
|
+
import { g as b } from "./generateUtilityClasses-rljrgfNm.js";
|
|
6
6
|
import { jsx as T } from "react/jsx-runtime";
|
|
7
|
-
import { u as v } from "./DefaultPropsProvider-
|
|
8
|
-
import { s as y } from "./styled-
|
|
7
|
+
import { u as v } from "./DefaultPropsProvider-Bz3RqgcW.js";
|
|
8
|
+
import { s as y } from "./styled-Dc7N_6Ot.js";
|
|
9
9
|
import { c as R } from "./composeClasses-2Ou-RZJr.js";
|
|
10
10
|
function x(s) {
|
|
11
11
|
return d("MuiToolbar", s);
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import * as n from "react";
|
|
2
|
-
import { c as Ke, j as we, P as e } from "./createTheme-
|
|
2
|
+
import { c as Ke, j as we, P as e } from "./createTheme-ClKgUYqI.js";
|
|
3
3
|
import { c as he } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
import { u as Xe } from "./index-
|
|
5
|
-
import { u as Je } from "./useTheme-
|
|
4
|
+
import { u as Xe } from "./index-DsW7ANTQ.js";
|
|
5
|
+
import { u as Je } from "./useTheme-CtzJwniR.js";
|
|
6
6
|
import { jsx as L, jsxs as ge } from "react/jsx-runtime";
|
|
7
|
-
import { s as Y } from "./styled-
|
|
8
|
-
import { m as G } from "./memoTheme-
|
|
7
|
+
import { s as Y } from "./styled-Dc7N_6Ot.js";
|
|
8
|
+
import { m as G } from "./memoTheme-CAyAl_br.js";
|
|
9
9
|
import { u as j } from "./useSlot-BVGwJA4b.js";
|
|
10
|
-
import { g as Qe } from "./generateUtilityClasses-
|
|
11
|
-
import { u as Ze } from "./DefaultPropsProvider-
|
|
10
|
+
import { g as Qe } from "./generateUtilityClasses-rljrgfNm.js";
|
|
11
|
+
import { u as Ze } from "./DefaultPropsProvider-Bz3RqgcW.js";
|
|
12
12
|
import { u as I, T as eo } from "./useTimeout-DRd4LBXb.js";
|
|
13
13
|
import { u as oo } from "./useControlled-nm4pBabJ.js";
|
|
14
14
|
import { u as to } from "./useId-CK6Kn3Tn.js";
|
|
15
15
|
import { u as Te } from "./useEventCallback-BAQJJ3ye.js";
|
|
16
16
|
import { u as ro } from "./useForkRef-9kN4DArm.js";
|
|
17
17
|
import { g as po } from "./getReactElementRef-DA-Xf2PF.js";
|
|
18
|
-
import { G as no } from "./Grow-
|
|
19
|
-
import { P as ve } from "./Popper-
|
|
18
|
+
import { G as no } from "./Grow-BtxpW1dC.js";
|
|
19
|
+
import { P as ve } from "./Popper-DarIdO5_.js";
|
|
20
20
|
import { c as so } from "./composeClasses-2Ou-RZJr.js";
|
|
21
21
|
import { i as be } from "./isFocusVisible-CPZqtjv2.js";
|
|
22
|
-
import { e as io } from "./elementAcceptingRef-
|
|
22
|
+
import { e as io } from "./elementAcceptingRef-FI2fQ839.js";
|
|
23
23
|
function ao(r) {
|
|
24
24
|
return Ke("MuiTooltip", r);
|
|
25
25
|
}
|