everest-npm-features 0.0.1
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/README.md +3 -0
- package/dist/ArrowRight-C6tjImpU.js +300 -0
- package/dist/Box-wAem3MQD.js +58 -0
- package/dist/Button-fWdSk-yh.js +451 -0
- package/dist/ButtonBase-SYP7klDp.js +876 -0
- package/dist/CircularProgress-DcXA6nAu.js +249 -0
- package/dist/Close-CdRA3xUs.js +75 -0
- package/dist/Container-CIMHcpEe.js +181 -0
- package/dist/ContentCopy-CexUUXuC.js +8 -0
- package/dist/DefaultPropsProvider-Y8MI-J-I.js +555 -0
- package/dist/DialogContent-JgT9A6nk.js +501 -0
- package/dist/FormControl-D4QuPCnV.js +249 -0
- package/dist/GlobalStyles-BOnEiMUE.js +23 -0
- package/dist/Grid-dtT_MVn3.js +501 -0
- package/dist/Grow-B3Swdn2Z.js +215 -0
- package/dist/IconButton-CRGy76pJ.js +237 -0
- package/dist/Modal-0q_y4zbS.js +1170 -0
- package/dist/Select-BNAaKK32.js +4046 -0
- package/dist/Slide-BlS6unRJ.js +229 -0
- package/dist/TextField-CPZo0_di.js +963 -0
- package/dist/TransitionGroupContext-VwpFXTPO.js +43 -0
- package/dist/Typography-kyxogyUq.js +256 -0
- package/dist/__vite-browser-external-DYxpcVy9-DYxpcVy9.js +4 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
- package/dist/assets/documents.css +1 -0
- package/dist/assets/index.css +1 -0
- package/dist/assets/index2.css +1 -0
- package/dist/assets/keyboard.css +1 -0
- package/dist/assets/styles.css +1 -0
- package/dist/assets/styles2.css +1 -0
- package/dist/assets/tokenRow.css +1 -0
- package/dist/assets/withThemeProvider.css +1 -0
- package/dist/auth-Cj5FKr_m.js +19 -0
- package/dist/axios-xPiQW9EP.js +118114 -0
- package/dist/components/Profile/documents.d.ts +6 -0
- package/dist/components/Profile/documents.js +24 -0
- package/dist/components/Profile/index.d.ts +6 -0
- package/dist/components/Profile/index.js +592 -0
- package/dist/components/Receive/index.d.ts +2 -0
- package/dist/components/Receive/index.js +75 -0
- package/dist/components/Send/index.d.ts +6 -0
- package/dist/components/Send/index.js +387 -0
- package/dist/components/Shared/Keyboard/index.d.ts +1 -0
- package/dist/components/Shared/Keyboard/index.js +4 -0
- package/dist/components/Shared/Keyboard/keyboard.d.ts +8 -0
- package/dist/components/Shared/Keyboard/keyboard.js +152 -0
- package/dist/components/Shared/button.d.ts +11 -0
- package/dist/components/Shared/button.js +64 -0
- package/dist/components/Shared/incode.d.ts +20 -0
- package/dist/components/Shared/incode.js +202 -0
- package/dist/components/Shared/inputField.d.ts +7 -0
- package/dist/components/Shared/inputField.js +48 -0
- package/dist/components/Shared/pin.d.ts +9 -0
- package/dist/components/Shared/pin.js +96 -0
- package/dist/components/Shared/step.d.ts +8 -0
- package/dist/components/Shared/step.js +48 -0
- package/dist/components/Shared/transition.d.ts +7 -0
- package/dist/components/Shared/transition.js +11 -0
- package/dist/components/SignIn/index.d.ts +4 -0
- package/dist/components/SignIn/index.js +266 -0
- package/dist/components/SignIn/types.d.ts +7 -0
- package/dist/components/SignIn/types.js +1 -0
- package/dist/components/SignUp/biometric.d.ts +3 -0
- package/dist/components/SignUp/biometric.js +77 -0
- package/dist/components/SignUp/index.d.ts +3 -0
- package/dist/components/SignUp/index.js +393 -0
- package/dist/components/SignUp/pin.d.ts +3 -0
- package/dist/components/SignUp/pin.js +950 -0
- package/dist/components/SignUp/privacy.d.ts +2 -0
- package/dist/components/SignUp/privacy.js +259 -0
- package/dist/components/SignUp/terms.d.ts +2 -0
- package/dist/components/SignUp/terms.js +524 -0
- package/dist/components/SignUp/types.d.ts +54 -0
- package/dist/components/SignUp/types.js +1 -0
- package/dist/components/SignUp/userInfo.d.ts +3 -0
- package/dist/components/SignUp/userInfo.js +47 -0
- package/dist/components/WalletPortfolio/index.d.ts +3 -0
- package/dist/components/WalletPortfolio/index.js +557 -0
- package/dist/components/WalletPortfolio/tokenRow.d.ts +17 -0
- package/dist/components/WalletPortfolio/tokenRow.js +11 -0
- package/dist/components/WalletPortfolio/types.d.ts +10 -0
- package/dist/components/WalletPortfolio/types.js +1 -0
- package/dist/createSimplePaletteValueFilter-CsgjlRAs.js +659 -0
- package/dist/createSvgIcon-CAZr4ukt.js +249 -0
- package/dist/createTheme-NrBCWesw.js +3386 -0
- package/dist/debounce-46wSf_lW.js +15 -0
- package/dist/defaultTheme-OIfL8Ia7.js +5 -0
- package/dist/dialog-success-BDNJV4Tk.js +4 -0
- package/dist/dividerClasses-Z7VLlu5C.js +10 -0
- package/dist/documents-CL4Ajr_B.js +569 -0
- package/dist/exactProp-C1Lmtwf_.js +13 -0
- package/dist/extendSxProp-CuERe1TA.js +37 -0
- package/dist/hoc/withThemeProvider.d.ts +6 -0
- package/dist/hoc/withThemeProvider.js +635 -0
- package/dist/hooks/useDialog/index.d.ts +5 -0
- package/dist/hooks/useDialog/index.js +78 -0
- package/dist/hooks/useDialog/types.d.ts +14 -0
- package/dist/hooks/useDialog/types.js +1 -0
- package/dist/hooks/useSnackBar.d.ts +14 -0
- package/dist/hooks/useSnackBar.js +968 -0
- package/dist/index-CAoLi5Qq.js +827 -0
- package/dist/index-Cq3eHOnB.js +22 -0
- package/dist/index-DKTkUdik.js +6 -0
- package/dist/index-iAyNk1r6.js +72 -0
- package/dist/main.d.ts +7 -0
- package/dist/main.js +16 -0
- package/dist/pin-empty-D9665KFr.js +6 -0
- package/dist/react-redux-VW99uJjf.js +5908 -0
- package/dist/react-webcam-Cov1TP0q.js +639 -0
- package/dist/styled-Da6GnxEE.js +5 -0
- package/dist/styles.module-Ctfaq7f2.js +10 -0
- package/dist/styles.module-KeND8lCR.js +9 -0
- package/dist/tokenRow-Cdd_jFjp.js +206 -0
- package/dist/useFormControl-Bo6Tf_xo.js +46 -0
- package/dist/useSlot-CURNJ3JC.js +306 -0
- package/dist/useTheme-DWRMvRU8.js +9 -0
- package/dist/useTheme-nlj1B_-c.js +11 -0
- package/dist/useThemeProps-BqWuFW3z.js +40 -0
- package/dist/useThemeWithoutDefault-BdYkMk0o.js +12 -0
- package/dist/useTimeout-lr7ryrda.js +75 -0
- package/dist/util/constants.d.ts +20 -0
- package/dist/util/constants.js +23 -0
- package/dist/util/conversions.d.ts +9 -0
- package/dist/util/conversions.js +22284 -0
- package/dist/util/functions.d.ts +15 -0
- package/dist/util/functions.js +94 -0
- package/dist/utils-_FXWkn40.js +19473 -0
- package/dist/wallet-DN7ej6mj.js +273 -0
- package/package.json +59 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { d as c, i as l } from "./createTheme-NrBCWesw.js";
|
|
2
|
+
const a = (t) => {
|
|
3
|
+
var s;
|
|
4
|
+
const e = {
|
|
5
|
+
systemProps: {},
|
|
6
|
+
otherProps: {}
|
|
7
|
+
}, i = ((s = t == null ? void 0 : t.theme) == null ? void 0 : s.unstable_sxConfig) ?? c;
|
|
8
|
+
return Object.keys(t).forEach((n) => {
|
|
9
|
+
i[n] ? e.systemProps[n] = t[n] : e.otherProps[n] = t[n];
|
|
10
|
+
}), e;
|
|
11
|
+
};
|
|
12
|
+
function x(t) {
|
|
13
|
+
const {
|
|
14
|
+
sx: e,
|
|
15
|
+
...i
|
|
16
|
+
} = t, {
|
|
17
|
+
systemProps: s,
|
|
18
|
+
otherProps: n
|
|
19
|
+
} = a(i);
|
|
20
|
+
let r;
|
|
21
|
+
return Array.isArray(e) ? r = [s, ...e] : typeof e == "function" ? r = (...f) => {
|
|
22
|
+
const o = e(...f);
|
|
23
|
+
return l(o) ? {
|
|
24
|
+
...s,
|
|
25
|
+
...o
|
|
26
|
+
} : s;
|
|
27
|
+
} : r = {
|
|
28
|
+
...s,
|
|
29
|
+
...e
|
|
30
|
+
}, {
|
|
31
|
+
...n,
|
|
32
|
+
sx: r
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
export {
|
|
36
|
+
x as e
|
|
37
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface WithThemeProviderProps {
|
|
3
|
+
theme?: any;
|
|
4
|
+
}
|
|
5
|
+
declare const withThemeProvider: <P extends object>(WrappedComponent: React.ComponentType<P>) => React.FC<P & WithThemeProviderProps>;
|
|
6
|
+
export default withThemeProvider;
|
|
@@ -0,0 +1,635 @@
|
|
|
1
|
+
import { jsx as S, jsxs as Oe } from "react/jsx-runtime";
|
|
2
|
+
import * as d from "react";
|
|
3
|
+
import { n as je, P as a, o as Ie, S as Le, a as Ae, T as x, b as Ke, p as Re, s as Fe } from "../createTheme-NrBCWesw.js";
|
|
4
|
+
import { R as He } from "../index-Cq3eHOnB.js";
|
|
5
|
+
import { u as We } from "../useThemeWithoutDefault-BdYkMk0o.js";
|
|
6
|
+
import { e as be } from "../exactProp-C1Lmtwf_.js";
|
|
7
|
+
import { D as Ge } from "../DefaultPropsProvider-Y8MI-J-I.js";
|
|
8
|
+
import { G as Ue } from "../GlobalStyles-BOnEiMUE.js";
|
|
9
|
+
import '../assets/withThemeProvider.css';const qe = (e) => {
|
|
10
|
+
const t = Ie(e);
|
|
11
|
+
class o extends Le {
|
|
12
|
+
constructor(f) {
|
|
13
|
+
super(f), this.prepend = t.sheet.prepend;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
return t.sheet = new o({
|
|
17
|
+
key: t.key,
|
|
18
|
+
nonce: t.sheet.nonce,
|
|
19
|
+
container: t.sheet.container,
|
|
20
|
+
speedy: t.sheet.isSpeedy,
|
|
21
|
+
prepend: t.sheet.prepend,
|
|
22
|
+
insertionPoint: t.sheet.insertionPoint
|
|
23
|
+
}), t;
|
|
24
|
+
};
|
|
25
|
+
let Y;
|
|
26
|
+
typeof document == "object" && (Y = qe({
|
|
27
|
+
key: "css",
|
|
28
|
+
prepend: !0
|
|
29
|
+
}));
|
|
30
|
+
function z(e) {
|
|
31
|
+
const {
|
|
32
|
+
injectFirst: t,
|
|
33
|
+
children: o
|
|
34
|
+
} = e;
|
|
35
|
+
return t && Y ? /* @__PURE__ */ S(je, {
|
|
36
|
+
value: Y,
|
|
37
|
+
children: o
|
|
38
|
+
}) : o;
|
|
39
|
+
}
|
|
40
|
+
process.env.NODE_ENV !== "production" && (z.propTypes = {
|
|
41
|
+
/**
|
|
42
|
+
* Your component tree.
|
|
43
|
+
*/
|
|
44
|
+
children: a.node,
|
|
45
|
+
/**
|
|
46
|
+
* By default, the styles are injected last in the <head> element of the page.
|
|
47
|
+
* As a result, they gain more specificity than any other style sheet.
|
|
48
|
+
* If you want to override MUI's styles, set this prop.
|
|
49
|
+
*/
|
|
50
|
+
injectFirst: a.bool
|
|
51
|
+
});
|
|
52
|
+
const B = /* @__PURE__ */ d.createContext(null);
|
|
53
|
+
process.env.NODE_ENV !== "production" && (B.displayName = "ThemeContext");
|
|
54
|
+
function Q() {
|
|
55
|
+
const e = d.useContext(B);
|
|
56
|
+
return process.env.NODE_ENV !== "production" && d.useDebugValue(e), e;
|
|
57
|
+
}
|
|
58
|
+
const Ye = typeof Symbol == "function" && Symbol.for, ze = Ye ? Symbol.for("mui.nested") : "__THEME_NESTED__";
|
|
59
|
+
function Be(e, t) {
|
|
60
|
+
if (typeof t == "function") {
|
|
61
|
+
const o = t(e);
|
|
62
|
+
return process.env.NODE_ENV !== "production" && (o || console.error(["MUI: You should return an object from your theme function, i.e.", "<ThemeProvider theme={() => ({})} />"].join(`
|
|
63
|
+
`))), o;
|
|
64
|
+
}
|
|
65
|
+
return {
|
|
66
|
+
...e,
|
|
67
|
+
...t
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
function A(e) {
|
|
71
|
+
const {
|
|
72
|
+
children: t,
|
|
73
|
+
theme: o
|
|
74
|
+
} = e, n = Q();
|
|
75
|
+
process.env.NODE_ENV !== "production" && n === null && typeof o == "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(`
|
|
76
|
+
`));
|
|
77
|
+
const f = d.useMemo(() => {
|
|
78
|
+
const m = n === null ? {
|
|
79
|
+
...o
|
|
80
|
+
} : Be(n, o);
|
|
81
|
+
return m != null && (m[ze] = n !== null), m;
|
|
82
|
+
}, [o, n]);
|
|
83
|
+
return /* @__PURE__ */ S(B.Provider, {
|
|
84
|
+
value: f,
|
|
85
|
+
children: t
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
process.env.NODE_ENV !== "production" && (A.propTypes = {
|
|
89
|
+
/**
|
|
90
|
+
* Your component tree.
|
|
91
|
+
*/
|
|
92
|
+
children: a.node,
|
|
93
|
+
/**
|
|
94
|
+
* A theme object. You can provide a function to extend the outer theme.
|
|
95
|
+
*/
|
|
96
|
+
theme: a.oneOfType([a.object, a.func]).isRequired
|
|
97
|
+
});
|
|
98
|
+
process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && (A.propTypes = be(A.propTypes));
|
|
99
|
+
const Ee = {};
|
|
100
|
+
function Te(e, t, o, n = !1) {
|
|
101
|
+
return d.useMemo(() => {
|
|
102
|
+
const f = e && t[e] || t;
|
|
103
|
+
if (typeof o == "function") {
|
|
104
|
+
const m = o(f), r = e ? {
|
|
105
|
+
...t,
|
|
106
|
+
[e]: m
|
|
107
|
+
} : m;
|
|
108
|
+
return n ? () => r : r;
|
|
109
|
+
}
|
|
110
|
+
return e ? {
|
|
111
|
+
...t,
|
|
112
|
+
[e]: o
|
|
113
|
+
} : {
|
|
114
|
+
...t,
|
|
115
|
+
...o
|
|
116
|
+
};
|
|
117
|
+
}, [e, t, o, n]);
|
|
118
|
+
}
|
|
119
|
+
function O(e) {
|
|
120
|
+
const {
|
|
121
|
+
children: t,
|
|
122
|
+
theme: o,
|
|
123
|
+
themeId: n
|
|
124
|
+
} = e, f = We(Ee), m = Q() || Ee;
|
|
125
|
+
process.env.NODE_ENV !== "production" && (f === null && typeof o == "function" || n && f && !f[n] && typeof o == "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(`
|
|
126
|
+
`));
|
|
127
|
+
const r = Te(n, f, o), E = Te(n, m, o, !0), g = r.direction === "rtl";
|
|
128
|
+
return /* @__PURE__ */ S(A, {
|
|
129
|
+
theme: E,
|
|
130
|
+
children: /* @__PURE__ */ S(Ae.Provider, {
|
|
131
|
+
value: r,
|
|
132
|
+
children: /* @__PURE__ */ S(He, {
|
|
133
|
+
value: g,
|
|
134
|
+
children: /* @__PURE__ */ S(Ge, {
|
|
135
|
+
value: r == null ? void 0 : r.components,
|
|
136
|
+
children: t
|
|
137
|
+
})
|
|
138
|
+
})
|
|
139
|
+
})
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
process.env.NODE_ENV !== "production" && (O.propTypes = {
|
|
143
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
144
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
145
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
146
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
147
|
+
/**
|
|
148
|
+
* Your component tree.
|
|
149
|
+
*/
|
|
150
|
+
children: a.node,
|
|
151
|
+
/**
|
|
152
|
+
* A theme object. You can provide a function to extend the outer theme.
|
|
153
|
+
*/
|
|
154
|
+
theme: a.oneOfType([a.func, a.object]).isRequired,
|
|
155
|
+
/**
|
|
156
|
+
* The design system's unique id for getting the corresponded theme when there are multiple design systems.
|
|
157
|
+
*/
|
|
158
|
+
themeId: a.string
|
|
159
|
+
});
|
|
160
|
+
process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && (O.propTypes = be(O.propTypes));
|
|
161
|
+
const J = "mode", X = "color-scheme", Qe = "data-color-scheme";
|
|
162
|
+
function Je(e) {
|
|
163
|
+
const {
|
|
164
|
+
defaultLightColorScheme: t = "light",
|
|
165
|
+
defaultDarkColorScheme: o = "dark",
|
|
166
|
+
modeStorageKey: n = J,
|
|
167
|
+
colorSchemeStorageKey: f = X,
|
|
168
|
+
attribute: m = Qe,
|
|
169
|
+
colorSchemeNode: r = "document.documentElement",
|
|
170
|
+
nonce: E
|
|
171
|
+
} = e || {};
|
|
172
|
+
let g = "", l = m;
|
|
173
|
+
if (m === "class" && (l = ".%s"), m === "data" && (l = "[data-%s]"), l.startsWith(".")) {
|
|
174
|
+
const y = l.substring(1);
|
|
175
|
+
g += `${r}.classList.remove('${y}'.replace('%s', light), '${y}'.replace('%s', dark));
|
|
176
|
+
${r}.classList.add('${y}'.replace('%s', colorScheme));`;
|
|
177
|
+
}
|
|
178
|
+
const T = l.match(/\[([^\]]+)\]/);
|
|
179
|
+
if (T) {
|
|
180
|
+
const [y, M] = T[1].split("=");
|
|
181
|
+
M || (g += `${r}.removeAttribute('${y}'.replace('%s', light));
|
|
182
|
+
${r}.removeAttribute('${y}'.replace('%s', dark));`), g += `
|
|
183
|
+
${r}.setAttribute('${y}'.replace('%s', colorScheme), ${M ? `${M}.replace('%s', colorScheme)` : '""'});`;
|
|
184
|
+
} else
|
|
185
|
+
g += `${r}.setAttribute('${l}', colorScheme);`;
|
|
186
|
+
return /* @__PURE__ */ S("script", {
|
|
187
|
+
suppressHydrationWarning: !0,
|
|
188
|
+
nonce: typeof window > "u" ? E : "",
|
|
189
|
+
dangerouslySetInnerHTML: {
|
|
190
|
+
__html: `(function() {
|
|
191
|
+
try {
|
|
192
|
+
let colorScheme = '';
|
|
193
|
+
const mode = localStorage.getItem('${n}') || 'system';
|
|
194
|
+
const dark = localStorage.getItem('${f}-dark') || '${o}';
|
|
195
|
+
const light = localStorage.getItem('${f}-light') || '${t}';
|
|
196
|
+
if (mode === 'system') {
|
|
197
|
+
// handle system mode
|
|
198
|
+
const mql = window.matchMedia('(prefers-color-scheme: dark)');
|
|
199
|
+
if (mql.matches) {
|
|
200
|
+
colorScheme = dark
|
|
201
|
+
} else {
|
|
202
|
+
colorScheme = light
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
if (mode === 'light') {
|
|
206
|
+
colorScheme = light;
|
|
207
|
+
}
|
|
208
|
+
if (mode === 'dark') {
|
|
209
|
+
colorScheme = dark;
|
|
210
|
+
}
|
|
211
|
+
if (colorScheme) {
|
|
212
|
+
${g}
|
|
213
|
+
}
|
|
214
|
+
} catch(e){}})();`
|
|
215
|
+
}
|
|
216
|
+
}, "mui-color-scheme-init");
|
|
217
|
+
}
|
|
218
|
+
function ke(e) {
|
|
219
|
+
if (typeof window < "u" && typeof window.matchMedia == "function" && e === "system")
|
|
220
|
+
return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
221
|
+
}
|
|
222
|
+
function Me(e, t) {
|
|
223
|
+
if (e.mode === "light" || e.mode === "system" && e.systemMode === "light")
|
|
224
|
+
return t("light");
|
|
225
|
+
if (e.mode === "dark" || e.mode === "system" && e.systemMode === "dark")
|
|
226
|
+
return t("dark");
|
|
227
|
+
}
|
|
228
|
+
function Xe(e) {
|
|
229
|
+
return Me(e, (t) => {
|
|
230
|
+
if (t === "light")
|
|
231
|
+
return e.lightColorScheme;
|
|
232
|
+
if (t === "dark")
|
|
233
|
+
return e.darkColorScheme;
|
|
234
|
+
});
|
|
235
|
+
}
|
|
236
|
+
function q(e, t) {
|
|
237
|
+
if (typeof window > "u")
|
|
238
|
+
return;
|
|
239
|
+
let o;
|
|
240
|
+
try {
|
|
241
|
+
o = localStorage.getItem(e) || void 0, o || localStorage.setItem(e, t);
|
|
242
|
+
} catch {
|
|
243
|
+
}
|
|
244
|
+
return o || t;
|
|
245
|
+
}
|
|
246
|
+
function Ze(e) {
|
|
247
|
+
const {
|
|
248
|
+
defaultMode: t = "light",
|
|
249
|
+
defaultLightColorScheme: o,
|
|
250
|
+
defaultDarkColorScheme: n,
|
|
251
|
+
supportedColorSchemes: f = [],
|
|
252
|
+
modeStorageKey: m = J,
|
|
253
|
+
colorSchemeStorageKey: r = X,
|
|
254
|
+
storageWindow: E = typeof window > "u" ? void 0 : window
|
|
255
|
+
} = e, g = f.join(","), l = f.length > 1, [T, y] = d.useState(() => {
|
|
256
|
+
const s = q(m, t), c = q(`${r}-light`, o), i = q(`${r}-dark`, n);
|
|
257
|
+
return {
|
|
258
|
+
mode: s,
|
|
259
|
+
systemMode: ke(s),
|
|
260
|
+
lightColorScheme: c,
|
|
261
|
+
darkColorScheme: i
|
|
262
|
+
};
|
|
263
|
+
}), [, M] = d.useState(!1), $ = d.useRef(!1);
|
|
264
|
+
d.useEffect(() => {
|
|
265
|
+
l && M(!0), $.current = !0;
|
|
266
|
+
}, [l]);
|
|
267
|
+
const Z = Xe(T), N = d.useCallback((s) => {
|
|
268
|
+
y((c) => {
|
|
269
|
+
if (s === c.mode)
|
|
270
|
+
return c;
|
|
271
|
+
const i = s ?? t;
|
|
272
|
+
try {
|
|
273
|
+
localStorage.setItem(m, i);
|
|
274
|
+
} catch {
|
|
275
|
+
}
|
|
276
|
+
return {
|
|
277
|
+
...c,
|
|
278
|
+
mode: i,
|
|
279
|
+
systemMode: ke(i)
|
|
280
|
+
};
|
|
281
|
+
});
|
|
282
|
+
}, [m, t]), _ = d.useCallback((s) => {
|
|
283
|
+
s ? typeof s == "string" ? s && !g.includes(s) ? console.error(`\`${s}\` does not exist in \`theme.colorSchemes\`.`) : y((c) => {
|
|
284
|
+
const i = {
|
|
285
|
+
...c
|
|
286
|
+
};
|
|
287
|
+
return Me(c, (p) => {
|
|
288
|
+
try {
|
|
289
|
+
localStorage.setItem(`${r}-${p}`, s);
|
|
290
|
+
} catch {
|
|
291
|
+
}
|
|
292
|
+
p === "light" && (i.lightColorScheme = s), p === "dark" && (i.darkColorScheme = s);
|
|
293
|
+
}), i;
|
|
294
|
+
}) : y((c) => {
|
|
295
|
+
const i = {
|
|
296
|
+
...c
|
|
297
|
+
}, p = s.light === null ? o : s.light, C = s.dark === null ? n : s.dark;
|
|
298
|
+
if (p)
|
|
299
|
+
if (!g.includes(p))
|
|
300
|
+
console.error(`\`${p}\` does not exist in \`theme.colorSchemes\`.`);
|
|
301
|
+
else {
|
|
302
|
+
i.lightColorScheme = p;
|
|
303
|
+
try {
|
|
304
|
+
localStorage.setItem(`${r}-light`, p);
|
|
305
|
+
} catch {
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
if (C)
|
|
309
|
+
if (!g.includes(C))
|
|
310
|
+
console.error(`\`${C}\` does not exist in \`theme.colorSchemes\`.`);
|
|
311
|
+
else {
|
|
312
|
+
i.darkColorScheme = C;
|
|
313
|
+
try {
|
|
314
|
+
localStorage.setItem(`${r}-dark`, C);
|
|
315
|
+
} catch {
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
return i;
|
|
319
|
+
}) : y((c) => {
|
|
320
|
+
try {
|
|
321
|
+
localStorage.setItem(`${r}-light`, o), localStorage.setItem(`${r}-dark`, n);
|
|
322
|
+
} catch {
|
|
323
|
+
}
|
|
324
|
+
return {
|
|
325
|
+
...c,
|
|
326
|
+
lightColorScheme: o,
|
|
327
|
+
darkColorScheme: n
|
|
328
|
+
};
|
|
329
|
+
});
|
|
330
|
+
}, [g, r, o, n]), D = d.useCallback((s) => {
|
|
331
|
+
T.mode === "system" && y((c) => {
|
|
332
|
+
const i = s != null && s.matches ? "dark" : "light";
|
|
333
|
+
return c.systemMode === i ? c : {
|
|
334
|
+
...c,
|
|
335
|
+
systemMode: i
|
|
336
|
+
};
|
|
337
|
+
});
|
|
338
|
+
}, [T.mode]), j = d.useRef(D);
|
|
339
|
+
return j.current = D, d.useEffect(() => {
|
|
340
|
+
if (typeof window.matchMedia != "function" || !l)
|
|
341
|
+
return;
|
|
342
|
+
const s = (...i) => j.current(...i), c = window.matchMedia("(prefers-color-scheme: dark)");
|
|
343
|
+
return c.addListener(s), s(c), () => {
|
|
344
|
+
c.removeListener(s);
|
|
345
|
+
};
|
|
346
|
+
}, [l]), d.useEffect(() => {
|
|
347
|
+
if (E && l) {
|
|
348
|
+
const s = (c) => {
|
|
349
|
+
const i = c.newValue;
|
|
350
|
+
typeof c.key == "string" && c.key.startsWith(r) && (!i || g.match(i)) && (c.key.endsWith("light") && _({
|
|
351
|
+
light: i
|
|
352
|
+
}), c.key.endsWith("dark") && _({
|
|
353
|
+
dark: i
|
|
354
|
+
})), c.key === m && (!i || ["light", "dark", "system"].includes(i)) && N(i || t);
|
|
355
|
+
};
|
|
356
|
+
return E.addEventListener("storage", s), () => {
|
|
357
|
+
E.removeEventListener("storage", s);
|
|
358
|
+
};
|
|
359
|
+
}
|
|
360
|
+
}, [_, N, m, r, g, t, E, l]), {
|
|
361
|
+
...T,
|
|
362
|
+
mode: $.current || !l ? T.mode : void 0,
|
|
363
|
+
systemMode: $.current || !l ? T.systemMode : void 0,
|
|
364
|
+
colorScheme: $.current || !l ? Z : void 0,
|
|
365
|
+
setMode: N,
|
|
366
|
+
setColorScheme: _
|
|
367
|
+
};
|
|
368
|
+
}
|
|
369
|
+
const et = "*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
|
|
370
|
+
function tt(e) {
|
|
371
|
+
const {
|
|
372
|
+
themeId: t,
|
|
373
|
+
/**
|
|
374
|
+
* This `theme` object needs to follow a certain structure to
|
|
375
|
+
* be used correctly by the finel `CssVarsProvider`. It should have a
|
|
376
|
+
* `colorSchemes` key with the light and dark (and any other) palette.
|
|
377
|
+
* It should also ideally have a vars object created using `prepareCssVars`.
|
|
378
|
+
*/
|
|
379
|
+
theme: o = {},
|
|
380
|
+
modeStorageKey: n = J,
|
|
381
|
+
colorSchemeStorageKey: f = X,
|
|
382
|
+
disableTransitionOnChange: m = !1,
|
|
383
|
+
defaultColorScheme: r,
|
|
384
|
+
resolveTheme: E
|
|
385
|
+
} = e, g = {
|
|
386
|
+
allColorSchemes: [],
|
|
387
|
+
colorScheme: void 0,
|
|
388
|
+
darkColorScheme: void 0,
|
|
389
|
+
lightColorScheme: void 0,
|
|
390
|
+
mode: void 0,
|
|
391
|
+
setColorScheme: () => {
|
|
392
|
+
},
|
|
393
|
+
setMode: () => {
|
|
394
|
+
},
|
|
395
|
+
systemMode: void 0
|
|
396
|
+
}, l = /* @__PURE__ */ d.createContext(void 0);
|
|
397
|
+
process.env.NODE_ENV !== "production" && (l.displayName = "ColorSchemeContext");
|
|
398
|
+
const T = () => d.useContext(l) || g;
|
|
399
|
+
function y(N) {
|
|
400
|
+
var fe, Se, pe, ge, ye;
|
|
401
|
+
const {
|
|
402
|
+
children: _,
|
|
403
|
+
theme: D,
|
|
404
|
+
modeStorageKey: j = n,
|
|
405
|
+
colorSchemeStorageKey: s = f,
|
|
406
|
+
disableTransitionOnChange: c = m,
|
|
407
|
+
storageWindow: i = typeof window > "u" ? void 0 : window,
|
|
408
|
+
documentNode: p = typeof document > "u" ? void 0 : document,
|
|
409
|
+
colorSchemeNode: C = typeof document > "u" ? void 0 : document.documentElement,
|
|
410
|
+
disableNestedContext: K = !1,
|
|
411
|
+
disableStyleSheetGeneration: Ne = !1
|
|
412
|
+
} = N, R = d.useRef(!1), F = Q(), H = d.useContext(l), W = !!H && !K, ee = d.useMemo(() => D || (typeof o == "function" ? o() : o), [D]), te = ee[t], {
|
|
413
|
+
colorSchemes: w = {},
|
|
414
|
+
components: we = {},
|
|
415
|
+
cssVarPrefix: oe,
|
|
416
|
+
...b
|
|
417
|
+
} = te || ee, re = Object.keys(w).filter((h) => !!w[h]).join(","), P = d.useMemo(() => re.split(","), [re]), ne = typeof r == "string" ? r : r.light, se = typeof r == "string" ? r : r.dark, $e = w[ne] && w[se] ? "system" : ((Se = (fe = w[b.defaultColorScheme]) == null ? void 0 : fe.palette) == null ? void 0 : Se.mode) || ((pe = b.palette) == null ? void 0 : pe.mode), {
|
|
418
|
+
mode: _e,
|
|
419
|
+
setMode: ce,
|
|
420
|
+
systemMode: ie,
|
|
421
|
+
lightColorScheme: de,
|
|
422
|
+
darkColorScheme: le,
|
|
423
|
+
colorScheme: De,
|
|
424
|
+
setColorScheme: ae
|
|
425
|
+
} = Ze({
|
|
426
|
+
supportedColorSchemes: P,
|
|
427
|
+
defaultLightColorScheme: ne,
|
|
428
|
+
defaultDarkColorScheme: se,
|
|
429
|
+
modeStorageKey: j,
|
|
430
|
+
colorSchemeStorageKey: s,
|
|
431
|
+
defaultMode: $e,
|
|
432
|
+
storageWindow: i
|
|
433
|
+
});
|
|
434
|
+
let G = _e, k = De;
|
|
435
|
+
W && (G = H.mode, k = H.colorScheme);
|
|
436
|
+
const me = k || b.defaultColorScheme, Pe = ((ge = b.generateThemeVars) == null ? void 0 : ge.call(b)) || b.vars, v = {
|
|
437
|
+
...b,
|
|
438
|
+
components: we,
|
|
439
|
+
colorSchemes: w,
|
|
440
|
+
cssVarPrefix: oe,
|
|
441
|
+
vars: Pe
|
|
442
|
+
};
|
|
443
|
+
if (typeof v.generateSpacing == "function" && (v.spacing = v.generateSpacing()), me) {
|
|
444
|
+
const h = w[me];
|
|
445
|
+
h && typeof h == "object" && Object.keys(h).forEach((u) => {
|
|
446
|
+
h[u] && typeof h[u] == "object" ? v[u] = {
|
|
447
|
+
...v[u],
|
|
448
|
+
...h[u]
|
|
449
|
+
} : v[u] = h[u];
|
|
450
|
+
});
|
|
451
|
+
}
|
|
452
|
+
const V = b.colorSchemeSelector;
|
|
453
|
+
d.useEffect(() => {
|
|
454
|
+
if (k && C && V && V !== "media") {
|
|
455
|
+
const h = V;
|
|
456
|
+
let u = V;
|
|
457
|
+
if (h === "class" && (u = ".%s"), h === "data" && (u = "[data-%s]"), h != null && h.startsWith("data-") && !h.includes("%s") && (u = `[${h}="%s"]`), u.startsWith("."))
|
|
458
|
+
C.classList.remove(...P.map((I) => u.substring(1).replace("%s", I))), C.classList.add(u.substring(1).replace("%s", k));
|
|
459
|
+
else {
|
|
460
|
+
const I = u.replace("%s", k).match(/\[([^\]]+)\]/);
|
|
461
|
+
if (I) {
|
|
462
|
+
const [Ce, U] = I[1].split("=");
|
|
463
|
+
U || P.forEach((Ve) => {
|
|
464
|
+
C.removeAttribute(Ce.replace(k, Ve));
|
|
465
|
+
}), C.setAttribute(Ce, U ? U.replace(/"|'/g, "") : "");
|
|
466
|
+
} else
|
|
467
|
+
C.setAttribute(u, k);
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
}, [k, V, C, P]), d.useEffect(() => {
|
|
471
|
+
let h;
|
|
472
|
+
if (c && R.current && p) {
|
|
473
|
+
const u = p.createElement("style");
|
|
474
|
+
u.appendChild(p.createTextNode(et)), p.head.appendChild(u), window.getComputedStyle(p.body), h = setTimeout(() => {
|
|
475
|
+
p.head.removeChild(u);
|
|
476
|
+
}, 1);
|
|
477
|
+
}
|
|
478
|
+
return () => {
|
|
479
|
+
clearTimeout(h);
|
|
480
|
+
};
|
|
481
|
+
}, [k, c, p]), d.useEffect(() => (R.current = !0, () => {
|
|
482
|
+
R.current = !1;
|
|
483
|
+
}), []);
|
|
484
|
+
const xe = d.useMemo(() => ({
|
|
485
|
+
allColorSchemes: P,
|
|
486
|
+
colorScheme: k,
|
|
487
|
+
darkColorScheme: le,
|
|
488
|
+
lightColorScheme: de,
|
|
489
|
+
mode: G,
|
|
490
|
+
setColorScheme: ae,
|
|
491
|
+
setMode: ce,
|
|
492
|
+
systemMode: ie
|
|
493
|
+
}), [P, k, le, de, G, ae, ce, ie]);
|
|
494
|
+
let he = !0;
|
|
495
|
+
(Ne || b.cssVariables === !1 || W && (F == null ? void 0 : F.cssVarPrefix) === oe) && (he = !1);
|
|
496
|
+
const ue = /* @__PURE__ */ Oe(d.Fragment, {
|
|
497
|
+
children: [/* @__PURE__ */ S(O, {
|
|
498
|
+
themeId: te ? t : void 0,
|
|
499
|
+
theme: E ? E(v) : v,
|
|
500
|
+
children: _
|
|
501
|
+
}), he && /* @__PURE__ */ S(Ue, {
|
|
502
|
+
styles: ((ye = v.generateStyleSheets) == null ? void 0 : ye.call(v)) || []
|
|
503
|
+
})]
|
|
504
|
+
});
|
|
505
|
+
return W ? ue : /* @__PURE__ */ S(l.Provider, {
|
|
506
|
+
value: xe,
|
|
507
|
+
children: ue
|
|
508
|
+
});
|
|
509
|
+
}
|
|
510
|
+
process.env.NODE_ENV !== "production" && (y.propTypes = {
|
|
511
|
+
/**
|
|
512
|
+
* The component tree.
|
|
513
|
+
*/
|
|
514
|
+
children: a.node,
|
|
515
|
+
/**
|
|
516
|
+
* The node used to attach the color-scheme attribute
|
|
517
|
+
*/
|
|
518
|
+
colorSchemeNode: a.any,
|
|
519
|
+
/**
|
|
520
|
+
* localStorage key used to store `colorScheme`
|
|
521
|
+
*/
|
|
522
|
+
colorSchemeStorageKey: a.string,
|
|
523
|
+
/**
|
|
524
|
+
* If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.
|
|
525
|
+
*/
|
|
526
|
+
disableNestedContext: a.bool,
|
|
527
|
+
/**
|
|
528
|
+
* If `true`, the style sheet won't be generated.
|
|
529
|
+
*
|
|
530
|
+
* This is useful for controlling nested CssVarsProvider behavior.
|
|
531
|
+
*/
|
|
532
|
+
disableStyleSheetGeneration: a.bool,
|
|
533
|
+
/**
|
|
534
|
+
* Disable CSS transitions when switching between modes or color schemes.
|
|
535
|
+
*/
|
|
536
|
+
disableTransitionOnChange: a.bool,
|
|
537
|
+
/**
|
|
538
|
+
* The document to attach the attribute to.
|
|
539
|
+
*/
|
|
540
|
+
documentNode: a.any,
|
|
541
|
+
/**
|
|
542
|
+
* The key in the local storage used to store current color scheme.
|
|
543
|
+
*/
|
|
544
|
+
modeStorageKey: a.string,
|
|
545
|
+
/**
|
|
546
|
+
* The window that attaches the 'storage' event listener.
|
|
547
|
+
* @default window
|
|
548
|
+
*/
|
|
549
|
+
storageWindow: a.any,
|
|
550
|
+
/**
|
|
551
|
+
* The calculated theme object that will be passed through context.
|
|
552
|
+
*/
|
|
553
|
+
theme: a.object
|
|
554
|
+
});
|
|
555
|
+
const M = typeof r == "string" ? r : r.light, $ = typeof r == "string" ? r : r.dark;
|
|
556
|
+
return {
|
|
557
|
+
CssVarsProvider: y,
|
|
558
|
+
useColorScheme: T,
|
|
559
|
+
getInitColorSchemeScript: (N) => Je({
|
|
560
|
+
colorSchemeStorageKey: f,
|
|
561
|
+
defaultLightColorScheme: M,
|
|
562
|
+
defaultDarkColorScheme: $,
|
|
563
|
+
modeStorageKey: n,
|
|
564
|
+
...N
|
|
565
|
+
})
|
|
566
|
+
};
|
|
567
|
+
}
|
|
568
|
+
function ve({
|
|
569
|
+
theme: e,
|
|
570
|
+
...t
|
|
571
|
+
}) {
|
|
572
|
+
const o = x in e ? e[x] : void 0;
|
|
573
|
+
return /* @__PURE__ */ S(O, {
|
|
574
|
+
...t,
|
|
575
|
+
themeId: o ? x : void 0,
|
|
576
|
+
theme: o || e
|
|
577
|
+
});
|
|
578
|
+
}
|
|
579
|
+
const L = {
|
|
580
|
+
attribute: "data-mui-color-scheme",
|
|
581
|
+
colorSchemeStorageKey: "mui-color-scheme",
|
|
582
|
+
defaultLightColorScheme: "light",
|
|
583
|
+
defaultDarkColorScheme: "dark",
|
|
584
|
+
modeStorageKey: "mui-mode"
|
|
585
|
+
}, {
|
|
586
|
+
CssVarsProvider: ot,
|
|
587
|
+
useColorScheme: ht,
|
|
588
|
+
getInitColorSchemeScript: ut
|
|
589
|
+
} = tt({
|
|
590
|
+
themeId: x,
|
|
591
|
+
// @ts-ignore ignore module augmentation tests
|
|
592
|
+
theme: () => Ke({
|
|
593
|
+
cssVariables: !0
|
|
594
|
+
}),
|
|
595
|
+
colorSchemeStorageKey: L.colorSchemeStorageKey,
|
|
596
|
+
modeStorageKey: L.modeStorageKey,
|
|
597
|
+
defaultColorScheme: {
|
|
598
|
+
light: L.defaultLightColorScheme,
|
|
599
|
+
dark: L.defaultDarkColorScheme
|
|
600
|
+
},
|
|
601
|
+
resolveTheme: (e) => {
|
|
602
|
+
const t = {
|
|
603
|
+
...e,
|
|
604
|
+
typography: Re(e.palette, e.typography)
|
|
605
|
+
};
|
|
606
|
+
return t.unstable_sx = function(n) {
|
|
607
|
+
return Fe({
|
|
608
|
+
sx: n,
|
|
609
|
+
theme: this
|
|
610
|
+
});
|
|
611
|
+
}, t;
|
|
612
|
+
}
|
|
613
|
+
}), rt = ot;
|
|
614
|
+
function nt({
|
|
615
|
+
theme: e,
|
|
616
|
+
...t
|
|
617
|
+
}) {
|
|
618
|
+
return typeof e == "function" ? /* @__PURE__ */ S(ve, {
|
|
619
|
+
theme: e,
|
|
620
|
+
...t
|
|
621
|
+
}) : "colorSchemes" in (x in e ? e[x] : e) ? /* @__PURE__ */ S(rt, {
|
|
622
|
+
theme: e,
|
|
623
|
+
...t
|
|
624
|
+
}) : /* @__PURE__ */ S(ve, {
|
|
625
|
+
theme: e,
|
|
626
|
+
...t
|
|
627
|
+
});
|
|
628
|
+
}
|
|
629
|
+
const ft = (e) => ({
|
|
630
|
+
theme: o,
|
|
631
|
+
...n
|
|
632
|
+
}) => o ? /* @__PURE__ */ S(z, { injectFirst: !0, children: /* @__PURE__ */ S(nt, { theme: o, children: /* @__PURE__ */ S(e, { ...n }) }) }) : /* @__PURE__ */ S(z, { injectFirst: !0, children: /* @__PURE__ */ S(e, { ...n }) });
|
|
633
|
+
export {
|
|
634
|
+
ft as default
|
|
635
|
+
};
|