@solostylist/ui-kit 1.0.8 → 1.0.9
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/AppBreadcrumbsSeparator/AppBreadcrumbsSeparator.js +1 -1
- package/dist/AppDataTable/AppDataTable.js +30 -29
- package/dist/AppDialogConfirm/AppDialogConfirm.js +1 -1
- package/dist/AppDialogMessage/AppDialogMessage.js +1 -1
- package/dist/AppFileDropzone/AppFileDropzone.js +3 -3
- package/dist/AppFileIcon/AppFileIcon.js +1 -1
- package/dist/AppMultiSelect/AppMultiSelect.js +2 -2
- package/dist/AppOption/AppOption.js +1 -1
- package/dist/AppTextEditor/AppTextEditor.js +1 -1
- package/dist/AppTextEditor/TextEditorToolbar.js +299 -303
- package/dist/AppTip/AppTip.js +2 -2
- package/dist/{Box-MNdIcw0w.js → Box-DyPisl7H.js} +11 -11
- package/dist/{ButtonBase-D7WZejV5.js → ButtonBase-C9K74oZC.js} +117 -120
- package/dist/{Menu-BymLGoMc.js → Menu-DrTy5vbc.js} +30 -30
- package/dist/{MenuItem-l3xZOND-.js → MenuItem-CSmlAERi.js} +84 -88
- package/dist/SThemeProvider/SThemeProvider.d.ts +12 -0
- package/dist/SThemeProvider/SThemeProvider.js +35 -0
- package/dist/SThemeProvider/index.d.ts +1 -0
- package/dist/SThemeProvider/index.js +4 -0
- package/dist/{Stack-CxKx2YGj.js → Stack-CP2l9Ko9.js} +14 -15
- package/dist/{Typography-QQx_YSAW.js → Typography-CgNLUV5h.js} +49 -54
- package/dist/backdropClasses-lc38rgzd.js +10 -0
- package/dist/buttonBaseClasses-DxKwiRBX.js +10 -0
- package/dist/createSvgIcon-CoYExp5F.js +247 -0
- package/dist/{createTheme-dX0MILsf.js → createTheme-BZxWCiBm.js} +9 -10
- package/dist/{extendSxProp-CTBBOYHX.js → extendSxProp-SCsFy5tr.js} +1 -1
- package/dist/generateUtilityClass-CRH_bFW6.js +34 -0
- package/dist/generateUtilityClasses-STjIp_B9.js +10 -0
- package/dist/iconButtonClasses-CqYTUZq-.js +10 -0
- package/dist/{clsx-DfguY6FT.js → identifier-CHPjnqaz.js} +50 -48
- package/dist/{index-f-gkJ93Q.js → index-BB439voV.js} +11 -10
- package/dist/{inputBaseClasses-s6dljKxi.js → inputBaseClasses-BRd7g4Od.js} +6 -5
- package/dist/{listItemIconClasses-CTdclC9V.js → listItemIconClasses-D-kc0Y9u.js} +1 -1
- package/dist/main.d.ts +1 -1
- package/dist/main.js +6 -6
- package/dist/memoTheme-B7hT_l31.js +291 -0
- package/dist/menuItemClasses-BxqenSTj.js +12 -0
- package/dist/outlinedInputClasses-BTtPbpE5.js +14 -0
- package/dist/{paperClasses-Bf2rrWVr.js → paperClasses-D1WMlaxU.js} +6 -5
- package/dist/selectClasses-BaagNb21.js +10 -0
- package/dist/styles/theme/components/autocomplete.js +2 -2
- package/dist/styles/theme/components/backdrop.js +1 -1
- package/dist/styles/theme/components/button.js +1 -1
- package/dist/styles/theme/components/card-header.js +1 -1
- package/dist/styles/theme/components/card.js +1 -1
- package/dist/styles/theme/components/filled-input.js +1 -1
- package/dist/styles/theme/components/input.js +1 -1
- package/dist/styles/theme/components/menu-item.js +1 -1
- package/dist/styles/theme/components/outlined-input.js +2 -2
- package/dist/styles/theme/components/table-head.js +1 -1
- package/dist/styles/theme/components/tabs.js +5 -4
- package/dist/styles/theme/customizations/data-display.d.ts +2 -0
- package/dist/styles/theme/customizations/data-display.js +234 -0
- package/dist/styles/theme/customizations/feedback.d.ts +2 -0
- package/dist/styles/theme/customizations/feedback.js +47 -0
- package/dist/styles/theme/customizations/inputs.d.ts +2 -0
- package/dist/styles/theme/customizations/inputs.js +447 -0
- package/dist/styles/theme/customizations/navigation.d.ts +2 -0
- package/dist/styles/theme/customizations/navigation.js +276 -0
- package/dist/styles/theme/customizations/surfaces.d.ts +2 -0
- package/dist/styles/theme/customizations/surfaces.js +112 -0
- package/dist/styles/theme/theme-primitives.d.ts +366 -0
- package/dist/styles/theme/theme-primitives.js +351 -0
- package/dist/svgIconClasses-SzHbWjUv.js +10 -0
- package/dist/tabClasses-CDDkt7la.js +5 -0
- package/dist/tableCellClasses-CBw1aep0.js +10 -0
- package/dist/typographyClasses-BrhUWCU3.js +10 -0
- package/dist/useControlled-QI8qSFYJ.js +38 -0
- package/dist/{useSlot-Tj9CW-Xc.js → useSlot-CX_V7IfD.js} +2 -2
- package/dist/{useTheme-CNZ6Hnpo.js → useTheme-DrS6mww6.js} +3 -3
- package/package.json +2 -2
- package/dist/AppThemeProvider/AppThemeProvider.d.ts +0 -9
- package/dist/AppThemeProvider/AppThemeProvider.js +0 -141
- package/dist/AppThemeProvider/index.d.ts +0 -1
- package/dist/AppThemeProvider/index.js +0 -4
- package/dist/DefaultPropsProvider-Cw67t9bx.js +0 -71
- package/dist/backdropClasses-DDhytLTQ.js +0 -9
- package/dist/generateUtilityClasses-CuEy5gtx.js +0 -41
- package/dist/memoTheme-DOlCkXD8.js +0 -223
- package/dist/outlinedInputClasses-rXE3T3sa.js +0 -13
- package/dist/tableCellClasses-BIg5orIQ.js +0 -9
- package/dist/useControlled-DyL3m721.js +0 -287
- /package/dist/{AppThemeProvider → SThemeProvider}/package.json +0 -0
package/dist/AppTip/AppTip.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as r } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import { d as e } from "../Lightbulb-BLT-jnYA.js";
|
|
3
|
-
import { S as i } from "../Stack-
|
|
4
|
-
import { T as o } from "../Typography-
|
|
3
|
+
import { S as i } from "../Stack-CP2l9Ko9.js";
|
|
4
|
+
import { T as o } from "../Typography-CgNLUV5h.js";
|
|
5
5
|
const c = ({ message: t }) => /* @__PURE__ */ r.jsxs(
|
|
6
6
|
i,
|
|
7
7
|
{
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { s as x,
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { s as x, b as d, P as e } from "./createTheme-BZxWCiBm.js";
|
|
2
|
+
import { s as h, c as T, T as y } from "./identifier-CHPjnqaz.js";
|
|
3
|
+
import { g as B } from "./generateUtilityClasses-STjIp_B9.js";
|
|
4
|
+
import * as N from "react";
|
|
5
5
|
import { j as C } from "./jsx-runtime-C5mzlN2N.js";
|
|
6
|
-
import { u as b } from "./useTheme-
|
|
7
|
-
import { e as g } from "./extendSxProp-
|
|
6
|
+
import { u as b } from "./useTheme-DrS6mww6.js";
|
|
7
|
+
import { e as g } from "./extendSxProp-SCsFy5tr.js";
|
|
8
8
|
import { unstable_ClassNameGenerator as j } from "@mui/utils";
|
|
9
9
|
function E(n = {}) {
|
|
10
10
|
const {
|
|
@@ -12,10 +12,10 @@ function E(n = {}) {
|
|
|
12
12
|
defaultTheme: m,
|
|
13
13
|
defaultClassName: a = "MuiBox-root",
|
|
14
14
|
generateClassName: r
|
|
15
|
-
} = n, c =
|
|
15
|
+
} = n, c = h("div", {
|
|
16
16
|
shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
|
|
17
17
|
})(x);
|
|
18
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ N.forwardRef(function(f, l) {
|
|
19
19
|
const s = b(m), {
|
|
20
20
|
className: i,
|
|
21
21
|
component: p = "div",
|
|
@@ -24,14 +24,14 @@ function E(n = {}) {
|
|
|
24
24
|
return /* @__PURE__ */ C.jsx(c, {
|
|
25
25
|
as: p,
|
|
26
26
|
ref: l,
|
|
27
|
-
className:
|
|
27
|
+
className: T(i, r ? r(a) : a),
|
|
28
28
|
theme: t && s[t] || s,
|
|
29
29
|
...u
|
|
30
30
|
});
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
const v =
|
|
34
|
-
themeId:
|
|
33
|
+
const v = B("MuiBox", ["root"]), O = d(), P = E({
|
|
34
|
+
themeId: y,
|
|
35
35
|
defaultTheme: O,
|
|
36
36
|
defaultClassName: v.root,
|
|
37
37
|
generateClassName: j.generate
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
var
|
|
2
|
-
var Le = (e, t, n) => t in e ?
|
|
1
|
+
var Ie = Object.defineProperty;
|
|
2
|
+
var Le = (e, t, n) => t in e ? Ie(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
3
3
|
var X = (e, t, n) => Le(e, typeof t != "symbol" ? t + "" : t, n);
|
|
4
4
|
import * as p from "react";
|
|
5
5
|
import K, { isValidElement as G, cloneElement as Z, Children as ke } from "react";
|
|
6
|
-
import { P as o } from "./createTheme-
|
|
7
|
-
import { c as x } from "./
|
|
8
|
-
import { j as
|
|
9
|
-
import { g as
|
|
10
|
-
import { u as
|
|
11
|
-
import { s as re, c as Fe } from "./memoTheme-DOlCkXD8.js";
|
|
6
|
+
import { P as o } from "./createTheme-BZxWCiBm.js";
|
|
7
|
+
import { c as x } from "./identifier-CHPjnqaz.js";
|
|
8
|
+
import { j as k } from "./jsx-runtime-C5mzlN2N.js";
|
|
9
|
+
import { g as Be } from "./generateUtilityClasses-STjIp_B9.js";
|
|
10
|
+
import { u as he, s as re, c as $e } from "./memoTheme-B7hT_l31.js";
|
|
12
11
|
import { keyframes as ie } from "@emotion/react";
|
|
13
|
-
import {
|
|
14
|
-
|
|
12
|
+
import { g as Fe, b as Ue } from "./buttonBaseClasses-DxKwiRBX.js";
|
|
13
|
+
import { u as _e } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
14
|
+
function ze(e, t) {
|
|
15
15
|
return process.env.NODE_ENV === "production" ? () => null : function(...r) {
|
|
16
16
|
return e(...r) || t(...r);
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
function J(e) {
|
|
20
20
|
const t = p.useRef(e);
|
|
21
|
-
return
|
|
21
|
+
return _e(() => {
|
|
22
22
|
t.current = e;
|
|
23
23
|
}), p.useRef((...n) => (
|
|
24
24
|
// @ts-expect-error hide `this`
|
|
@@ -48,14 +48,14 @@ function ce(...e) {
|
|
|
48
48
|
t.current && (t.current(), t.current = void 0), r != null && (t.current = n(r));
|
|
49
49
|
}, e);
|
|
50
50
|
}
|
|
51
|
-
const
|
|
52
|
-
function
|
|
51
|
+
const Ae = o.oneOfType([o.func, o.object]);
|
|
52
|
+
function Ye(e) {
|
|
53
53
|
const {
|
|
54
54
|
prototype: t = {}
|
|
55
55
|
} = e;
|
|
56
56
|
return !!t.isReactComponent;
|
|
57
57
|
}
|
|
58
|
-
function
|
|
58
|
+
function Xe(e, t, n, r, s) {
|
|
59
59
|
const i = e[t], u = s || t;
|
|
60
60
|
if (i == null || // When server-side rendering React doesn't warn either.
|
|
61
61
|
// This is not an accurate check for SSR.
|
|
@@ -64,9 +64,9 @@ function Ye(e, t, n, r, s) {
|
|
|
64
64
|
typeof window > "u")
|
|
65
65
|
return null;
|
|
66
66
|
let l;
|
|
67
|
-
return typeof i == "function" && !
|
|
67
|
+
return typeof i == "function" && !Ye(i) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
|
|
68
68
|
}
|
|
69
|
-
const
|
|
69
|
+
const Ke = ze(o.elementType, Xe);
|
|
70
70
|
function pe(e) {
|
|
71
71
|
try {
|
|
72
72
|
return e.matches(":focus-visible");
|
|
@@ -77,7 +77,7 @@ function pe(e) {
|
|
|
77
77
|
return !1;
|
|
78
78
|
}
|
|
79
79
|
const fe = {};
|
|
80
|
-
function
|
|
80
|
+
function me(e, t) {
|
|
81
81
|
const n = p.useRef(fe);
|
|
82
82
|
return n.current === fe && (n.current = e(t)), n;
|
|
83
83
|
}
|
|
@@ -99,11 +99,11 @@ class Q {
|
|
|
99
99
|
return new Q();
|
|
100
100
|
}
|
|
101
101
|
static use() {
|
|
102
|
-
const t =
|
|
102
|
+
const t = me(Q.create).current, [n, r] = p.useState(!1);
|
|
103
103
|
return t.shouldMount = n, t.setShouldMount = r, p.useEffect(t.mountEffect, [n]), t;
|
|
104
104
|
}
|
|
105
105
|
mount() {
|
|
106
|
-
return this.mounted || (this.mounted =
|
|
106
|
+
return this.mounted || (this.mounted = He(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
|
|
107
107
|
}
|
|
108
108
|
/* Ripple API */
|
|
109
109
|
start(...t) {
|
|
@@ -125,10 +125,10 @@ class Q {
|
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
|
-
function
|
|
128
|
+
function qe() {
|
|
129
129
|
return Q.use();
|
|
130
130
|
}
|
|
131
|
-
function
|
|
131
|
+
function He() {
|
|
132
132
|
let e, t;
|
|
133
133
|
const n = new Promise((r, s) => {
|
|
134
134
|
e = r, t = s;
|
|
@@ -144,7 +144,7 @@ function te() {
|
|
|
144
144
|
return e;
|
|
145
145
|
}, te.apply(null, arguments);
|
|
146
146
|
}
|
|
147
|
-
function
|
|
147
|
+
function We(e, t) {
|
|
148
148
|
if (e == null) return {};
|
|
149
149
|
var n = {};
|
|
150
150
|
for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
|
|
@@ -158,11 +158,11 @@ function ne(e, t) {
|
|
|
158
158
|
return n.__proto__ = r, n;
|
|
159
159
|
}, ne(e, t);
|
|
160
160
|
}
|
|
161
|
-
function
|
|
161
|
+
function Ge(e, t) {
|
|
162
162
|
e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
|
|
163
163
|
}
|
|
164
164
|
const de = K.createContext(null);
|
|
165
|
-
function
|
|
165
|
+
function Ze(e) {
|
|
166
166
|
if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
167
167
|
return e;
|
|
168
168
|
}
|
|
@@ -176,7 +176,7 @@ function se(e, t) {
|
|
|
176
176
|
r[s.key] = n(s);
|
|
177
177
|
}), r;
|
|
178
178
|
}
|
|
179
|
-
function
|
|
179
|
+
function Je(e, t) {
|
|
180
180
|
e = e || {}, t = t || {};
|
|
181
181
|
function n(h) {
|
|
182
182
|
return h in t ? t[h] : e[h];
|
|
@@ -197,22 +197,22 @@ function Ze(e, t) {
|
|
|
197
197
|
l[s[u]] = n(s[u]);
|
|
198
198
|
return l;
|
|
199
199
|
}
|
|
200
|
-
function
|
|
200
|
+
function L(e, t, n) {
|
|
201
201
|
return n[t] != null ? n[t] : e.props[t];
|
|
202
202
|
}
|
|
203
|
-
function
|
|
203
|
+
function Qe(e, t) {
|
|
204
204
|
return se(e.children, function(n) {
|
|
205
205
|
return Z(n, {
|
|
206
206
|
onExited: t.bind(null, n),
|
|
207
207
|
in: !0,
|
|
208
|
-
appear:
|
|
209
|
-
enter:
|
|
210
|
-
exit:
|
|
208
|
+
appear: L(n, "appear", e),
|
|
209
|
+
enter: L(n, "enter", e),
|
|
210
|
+
exit: L(n, "exit", e)
|
|
211
211
|
});
|
|
212
212
|
});
|
|
213
213
|
}
|
|
214
|
-
function
|
|
215
|
-
var r = se(e.children), s =
|
|
214
|
+
function et(e, t, n) {
|
|
215
|
+
var r = se(e.children), s = Je(t, r);
|
|
216
216
|
return Object.keys(s).forEach(function(i) {
|
|
217
217
|
var u = s[i];
|
|
218
218
|
if (G(u)) {
|
|
@@ -220,34 +220,34 @@ function Qe(e, t, n) {
|
|
|
220
220
|
c && (!l || h) ? s[i] = Z(u, {
|
|
221
221
|
onExited: n.bind(null, u),
|
|
222
222
|
in: !0,
|
|
223
|
-
exit:
|
|
224
|
-
enter:
|
|
223
|
+
exit: L(u, "exit", e),
|
|
224
|
+
enter: L(u, "enter", e)
|
|
225
225
|
}) : !c && l && !h ? s[i] = Z(u, {
|
|
226
226
|
in: !1
|
|
227
227
|
}) : c && l && G(d) && (s[i] = Z(u, {
|
|
228
228
|
onExited: n.bind(null, u),
|
|
229
229
|
in: d.props.in,
|
|
230
|
-
exit:
|
|
231
|
-
enter:
|
|
230
|
+
exit: L(u, "exit", e),
|
|
231
|
+
enter: L(u, "enter", e)
|
|
232
232
|
}));
|
|
233
233
|
}
|
|
234
234
|
}), s;
|
|
235
235
|
}
|
|
236
|
-
var
|
|
236
|
+
var tt = Object.values || function(e) {
|
|
237
237
|
return Object.keys(e).map(function(t) {
|
|
238
238
|
return e[t];
|
|
239
239
|
});
|
|
240
|
-
},
|
|
240
|
+
}, nt = {
|
|
241
241
|
component: "div",
|
|
242
242
|
childFactory: function(t) {
|
|
243
243
|
return t;
|
|
244
244
|
}
|
|
245
245
|
}, ue = /* @__PURE__ */ function(e) {
|
|
246
|
-
|
|
246
|
+
Ge(t, e);
|
|
247
247
|
function t(r, s) {
|
|
248
248
|
var i;
|
|
249
249
|
i = e.call(this, r, s) || this;
|
|
250
|
-
var u = i.handleExited.bind(
|
|
250
|
+
var u = i.handleExited.bind(Ze(i));
|
|
251
251
|
return i.state = {
|
|
252
252
|
contextValue: {
|
|
253
253
|
isMounting: !0
|
|
@@ -268,7 +268,7 @@ var et = Object.values || function(e) {
|
|
|
268
268
|
}, t.getDerivedStateFromProps = function(s, i) {
|
|
269
269
|
var u = i.children, l = i.handleExited, c = i.firstRender;
|
|
270
270
|
return {
|
|
271
|
-
children: c ?
|
|
271
|
+
children: c ? Qe(s, l) : et(s, u, l),
|
|
272
272
|
firstRender: !1
|
|
273
273
|
};
|
|
274
274
|
}, n.handleExited = function(s, i) {
|
|
@@ -280,7 +280,7 @@ var et = Object.values || function(e) {
|
|
|
280
280
|
};
|
|
281
281
|
}));
|
|
282
282
|
}, n.render = function() {
|
|
283
|
-
var s = this.props, i = s.component, u = s.childFactory, l =
|
|
283
|
+
var s = this.props, i = s.component, u = s.childFactory, l = We(s, ["component", "childFactory"]), c = this.state.contextValue, d = tt(this.state.children).map(u);
|
|
284
284
|
return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ K.createElement(de.Provider, {
|
|
285
285
|
value: c
|
|
286
286
|
}, d) : /* @__PURE__ */ K.createElement(de.Provider, {
|
|
@@ -341,10 +341,10 @@ ue.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
341
341
|
*/
|
|
342
342
|
childFactory: o.func
|
|
343
343
|
} : {};
|
|
344
|
-
ue.defaultProps =
|
|
345
|
-
const
|
|
346
|
-
function
|
|
347
|
-
p.useEffect(e,
|
|
344
|
+
ue.defaultProps = nt;
|
|
345
|
+
const ot = [];
|
|
346
|
+
function rt(e) {
|
|
347
|
+
p.useEffect(e, ot);
|
|
348
348
|
}
|
|
349
349
|
class ae {
|
|
350
350
|
constructor() {
|
|
@@ -366,11 +366,11 @@ class ae {
|
|
|
366
366
|
}, t);
|
|
367
367
|
}
|
|
368
368
|
}
|
|
369
|
-
function
|
|
370
|
-
const e =
|
|
371
|
-
return
|
|
369
|
+
function it() {
|
|
370
|
+
const e = me(ae.create).current;
|
|
371
|
+
return rt(e.disposeEffect), e;
|
|
372
372
|
}
|
|
373
|
-
function
|
|
373
|
+
function be(e) {
|
|
374
374
|
const {
|
|
375
375
|
className: t,
|
|
376
376
|
classes: n,
|
|
@@ -394,15 +394,15 @@ function ge(e) {
|
|
|
394
394
|
clearTimeout(D);
|
|
395
395
|
};
|
|
396
396
|
}
|
|
397
|
-
}, [c, l, d]), /* @__PURE__ */
|
|
397
|
+
}, [c, l, d]), /* @__PURE__ */ k.jsx("span", {
|
|
398
398
|
className: R,
|
|
399
399
|
style: w,
|
|
400
|
-
children: /* @__PURE__ */
|
|
400
|
+
children: /* @__PURE__ */ k.jsx("span", {
|
|
401
401
|
className: g
|
|
402
402
|
})
|
|
403
403
|
});
|
|
404
404
|
}
|
|
405
|
-
process.env.NODE_ENV !== "production" && (
|
|
405
|
+
process.env.NODE_ENV !== "production" && (be.propTypes = {
|
|
406
406
|
/**
|
|
407
407
|
* Override or extend the styles applied to the component.
|
|
408
408
|
*/
|
|
@@ -437,7 +437,7 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
|
|
|
437
437
|
*/
|
|
438
438
|
timeout: o.number.isRequired
|
|
439
439
|
});
|
|
440
|
-
const y =
|
|
440
|
+
const y = Be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, st = 80, ut = ie`
|
|
441
441
|
0% {
|
|
442
442
|
transform: scale(0);
|
|
443
443
|
opacity: 0.1;
|
|
@@ -447,7 +447,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
447
447
|
transform: scale(1);
|
|
448
448
|
opacity: 0.3;
|
|
449
449
|
}
|
|
450
|
-
`,
|
|
450
|
+
`, at = ie`
|
|
451
451
|
0% {
|
|
452
452
|
opacity: 1;
|
|
453
453
|
}
|
|
@@ -455,7 +455,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
455
455
|
100% {
|
|
456
456
|
opacity: 0;
|
|
457
457
|
}
|
|
458
|
-
`,
|
|
458
|
+
`, lt = ie`
|
|
459
459
|
0% {
|
|
460
460
|
transform: scale(1);
|
|
461
461
|
}
|
|
@@ -467,7 +467,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
467
467
|
100% {
|
|
468
468
|
transform: scale(1);
|
|
469
469
|
}
|
|
470
|
-
`,
|
|
470
|
+
`, ct = re("span", {
|
|
471
471
|
name: "MuiTouchRipple",
|
|
472
472
|
slot: "Root"
|
|
473
473
|
})({
|
|
@@ -480,7 +480,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
480
480
|
bottom: 0,
|
|
481
481
|
left: 0,
|
|
482
482
|
borderRadius: "inherit"
|
|
483
|
-
}),
|
|
483
|
+
}), pt = re(be, {
|
|
484
484
|
name: "MuiTouchRipple",
|
|
485
485
|
slot: "Ripple"
|
|
486
486
|
})`
|
|
@@ -490,7 +490,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
490
490
|
&.${y.rippleVisible} {
|
|
491
491
|
opacity: 0.3;
|
|
492
492
|
transform: scale(1);
|
|
493
|
-
animation-name: ${
|
|
493
|
+
animation-name: ${ut};
|
|
494
494
|
animation-duration: ${oe}ms;
|
|
495
495
|
animation-timing-function: ${({
|
|
496
496
|
theme: e
|
|
@@ -514,7 +514,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
514
514
|
|
|
515
515
|
& .${y.childLeaving} {
|
|
516
516
|
opacity: 0;
|
|
517
|
-
animation-name: ${
|
|
517
|
+
animation-name: ${at};
|
|
518
518
|
animation-duration: ${oe}ms;
|
|
519
519
|
animation-timing-function: ${({
|
|
520
520
|
theme: e
|
|
@@ -526,7 +526,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
526
526
|
/* @noflip */
|
|
527
527
|
left: 0px;
|
|
528
528
|
top: 0;
|
|
529
|
-
animation-name: ${
|
|
529
|
+
animation-name: ${lt};
|
|
530
530
|
animation-duration: 2500ms;
|
|
531
531
|
animation-timing-function: ${({
|
|
532
532
|
theme: e
|
|
@@ -534,8 +534,8 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
534
534
|
animation-iteration-count: infinite;
|
|
535
535
|
animation-delay: 200ms;
|
|
536
536
|
}
|
|
537
|
-
`,
|
|
538
|
-
const r =
|
|
537
|
+
`, ge = /* @__PURE__ */ p.forwardRef(function(t, n) {
|
|
538
|
+
const r = he({
|
|
539
539
|
props: t,
|
|
540
540
|
name: "MuiTouchRipple"
|
|
541
541
|
}), {
|
|
@@ -547,7 +547,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
547
547
|
p.useEffect(() => {
|
|
548
548
|
m.current && (m.current(), m.current = null);
|
|
549
549
|
}, [c]);
|
|
550
|
-
const R = p.useRef(!1), w =
|
|
550
|
+
const R = p.useRef(!1), w = it(), g = p.useRef(null), D = p.useRef(null), C = p.useCallback((f) => {
|
|
551
551
|
const {
|
|
552
552
|
pulsate: E,
|
|
553
553
|
rippleX: M,
|
|
@@ -555,7 +555,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
555
555
|
rippleSize: V,
|
|
556
556
|
cb: U
|
|
557
557
|
} = f;
|
|
558
|
-
d((T) => [...T, /* @__PURE__ */
|
|
558
|
+
d((T) => [...T, /* @__PURE__ */ k.jsx(pt, {
|
|
559
559
|
classes: {
|
|
560
560
|
ripple: x(i.ripple, y.ripple),
|
|
561
561
|
rippleVisible: x(i.rippleVisible, y.rippleVisible),
|
|
@@ -570,7 +570,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
570
570
|
rippleY: F,
|
|
571
571
|
rippleSize: V
|
|
572
572
|
}, h.current)]), h.current += 1, m.current = U;
|
|
573
|
-
}, [i]),
|
|
573
|
+
}, [i]), B = p.useCallback((f = {}, E = {}, M = () => {
|
|
574
574
|
}) => {
|
|
575
575
|
const {
|
|
576
576
|
pulsate: F = !1,
|
|
@@ -613,7 +613,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
613
613
|
rippleSize: j,
|
|
614
614
|
cb: M
|
|
615
615
|
});
|
|
616
|
-
}, w.start(
|
|
616
|
+
}, w.start(st, () => {
|
|
617
617
|
g.current && (g.current(), g.current = null);
|
|
618
618
|
})) : C({
|
|
619
619
|
pulsate: F,
|
|
@@ -623,10 +623,10 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
623
623
|
cb: M
|
|
624
624
|
});
|
|
625
625
|
}, [s, C, w]), q = p.useCallback(() => {
|
|
626
|
-
|
|
626
|
+
B({}, {
|
|
627
627
|
pulsate: !0
|
|
628
628
|
});
|
|
629
|
-
}, [
|
|
629
|
+
}, [B]), $ = p.useCallback((f, E) => {
|
|
630
630
|
if (w.clear(), (f == null ? void 0 : f.type) === "touchend" && g.current) {
|
|
631
631
|
g.current(), g.current = null, w.start(0, () => {
|
|
632
632
|
$(f, E);
|
|
@@ -637,20 +637,20 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
637
637
|
}, [w]);
|
|
638
638
|
return p.useImperativeHandle(n, () => ({
|
|
639
639
|
pulsate: q,
|
|
640
|
-
start:
|
|
640
|
+
start: B,
|
|
641
641
|
stop: $
|
|
642
|
-
}), [q,
|
|
642
|
+
}), [q, B, $]), /* @__PURE__ */ k.jsx(ct, {
|
|
643
643
|
className: x(y.root, i.root, u),
|
|
644
644
|
ref: D,
|
|
645
645
|
...l,
|
|
646
|
-
children: /* @__PURE__ */
|
|
646
|
+
children: /* @__PURE__ */ k.jsx(ue, {
|
|
647
647
|
component: null,
|
|
648
648
|
exit: !0,
|
|
649
649
|
children: c
|
|
650
650
|
})
|
|
651
651
|
});
|
|
652
652
|
});
|
|
653
|
-
process.env.NODE_ENV !== "production" && (
|
|
653
|
+
process.env.NODE_ENV !== "production" && (ge.propTypes = {
|
|
654
654
|
/**
|
|
655
655
|
* If `true`, the ripple starts at the center of the component
|
|
656
656
|
* rather than at the point of interaction.
|
|
@@ -665,20 +665,17 @@ process.env.NODE_ENV !== "production" && (ye.propTypes = {
|
|
|
665
665
|
*/
|
|
666
666
|
className: o.string
|
|
667
667
|
});
|
|
668
|
-
|
|
669
|
-
return $e("MuiButtonBase", e);
|
|
670
|
-
}
|
|
671
|
-
const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) => {
|
|
668
|
+
const ft = (e) => {
|
|
672
669
|
const {
|
|
673
670
|
disabled: t,
|
|
674
671
|
focusVisible: n,
|
|
675
672
|
focusVisibleClassName: r,
|
|
676
673
|
classes: s
|
|
677
|
-
} = e, u =
|
|
674
|
+
} = e, u = $e({
|
|
678
675
|
root: ["root", t && "disabled", n && "focusVisible"]
|
|
679
|
-
},
|
|
676
|
+
}, Fe, s);
|
|
680
677
|
return n && r && (u.root += ` ${r}`), u;
|
|
681
|
-
},
|
|
678
|
+
}, dt = re("button", {
|
|
682
679
|
name: "MuiButtonBase",
|
|
683
680
|
slot: "Root",
|
|
684
681
|
overridesResolver: (e, t) => t.root
|
|
@@ -713,7 +710,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
|
|
|
713
710
|
borderStyle: "none"
|
|
714
711
|
// Remove Firefox dotted outline.
|
|
715
712
|
},
|
|
716
|
-
[`&.${
|
|
713
|
+
[`&.${Ue.disabled}`]: {
|
|
717
714
|
pointerEvents: "none",
|
|
718
715
|
// Disable link interactions
|
|
719
716
|
cursor: "default"
|
|
@@ -721,8 +718,8 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
|
|
|
721
718
|
"@media print": {
|
|
722
719
|
colorAdjust: "exact"
|
|
723
720
|
}
|
|
724
|
-
}),
|
|
725
|
-
const r =
|
|
721
|
+
}), ht = /* @__PURE__ */ p.forwardRef(function(t, n) {
|
|
722
|
+
const r = he({
|
|
726
723
|
props: t,
|
|
727
724
|
name: "MuiButtonBase"
|
|
728
725
|
}), {
|
|
@@ -739,7 +736,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
|
|
|
739
736
|
LinkComponent: g = "a",
|
|
740
737
|
onBlur: D,
|
|
741
738
|
onClick: C,
|
|
742
|
-
onContextMenu:
|
|
739
|
+
onContextMenu: B,
|
|
743
740
|
onDragLeave: q,
|
|
744
741
|
onFocus: $,
|
|
745
742
|
onFocusVisible: f,
|
|
@@ -756,30 +753,30 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
|
|
|
756
753
|
touchRippleRef: _,
|
|
757
754
|
type: S,
|
|
758
755
|
...z
|
|
759
|
-
} = r, A = p.useRef(null), b =
|
|
756
|
+
} = r, A = p.useRef(null), b = qe(), ye = ce(b.ref, _), [I, H] = p.useState(!1);
|
|
760
757
|
d && I && H(!1), p.useImperativeHandle(s, () => ({
|
|
761
758
|
focusVisible: () => {
|
|
762
759
|
H(!0), A.current.focus();
|
|
763
760
|
}
|
|
764
761
|
}), []);
|
|
765
|
-
const
|
|
762
|
+
const Re = b.shouldMount && !h && !d;
|
|
766
763
|
p.useEffect(() => {
|
|
767
764
|
I && R && !h && b.pulsate();
|
|
768
765
|
}, [h, R, I, b]);
|
|
769
|
-
const
|
|
766
|
+
const Me = v(b, "start", F, m), Ee = v(b, "stop", B, m), Te = v(b, "stop", q, m), xe = v(b, "stop", U, m), Ce = v(b, "stop", (a) => {
|
|
770
767
|
I && a.preventDefault(), V && V(a);
|
|
771
|
-
}, m),
|
|
768
|
+
}, m), Pe = v(b, "start", O, m), ve = v(b, "stop", T, m), we = v(b, "stop", N, m), Ne = v(b, "stop", (a) => {
|
|
772
769
|
pe(a.target) || H(!1), D && D(a);
|
|
773
|
-
}, !1),
|
|
770
|
+
}, !1), Oe = J((a) => {
|
|
774
771
|
A.current || (A.current = a.currentTarget), pe(a.target) && (H(!0), f && f(a)), $ && $(a);
|
|
775
772
|
}), ee = () => {
|
|
776
773
|
const a = A.current;
|
|
777
774
|
return c && c !== "button" && !(a.tagName === "A" && a.href);
|
|
778
|
-
},
|
|
775
|
+
}, je = J((a) => {
|
|
779
776
|
R && !a.repeat && I && a.key === " " && b.stop(a, () => {
|
|
780
777
|
b.start(a);
|
|
781
778
|
}), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), E && E(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !d && (a.preventDefault(), C && C(a));
|
|
782
|
-
}),
|
|
779
|
+
}), De = J((a) => {
|
|
783
780
|
R && a.key === " " && I && !a.defaultPrevented && b.stop(a, () => {
|
|
784
781
|
b.pulsate(a);
|
|
785
782
|
}), M && M(a), C && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && C(a);
|
|
@@ -788,7 +785,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
|
|
|
788
785
|
W === "button" && (z.href || z.to) && (W = g);
|
|
789
786
|
const Y = {};
|
|
790
787
|
W === "button" ? (Y.type = S === void 0 ? "button" : S, Y.disabled = d) : (!z.href && !z.to && (Y.role = "button"), d && (Y["aria-disabled"] = d));
|
|
791
|
-
const
|
|
788
|
+
const Ve = ce(n, A), le = {
|
|
792
789
|
...r,
|
|
793
790
|
centerRipple: i,
|
|
794
791
|
component: c,
|
|
@@ -798,31 +795,31 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
|
|
|
798
795
|
focusRipple: R,
|
|
799
796
|
tabIndex: P,
|
|
800
797
|
focusVisible: I
|
|
801
|
-
},
|
|
802
|
-
return /* @__PURE__ */
|
|
798
|
+
}, Se = ft(le);
|
|
799
|
+
return /* @__PURE__ */ k.jsxs(dt, {
|
|
803
800
|
as: W,
|
|
804
|
-
className: x(
|
|
801
|
+
className: x(Se.root, l),
|
|
805
802
|
ownerState: le,
|
|
806
|
-
onBlur:
|
|
803
|
+
onBlur: Ne,
|
|
807
804
|
onClick: C,
|
|
808
|
-
onContextMenu:
|
|
809
|
-
onFocus:
|
|
810
|
-
onKeyDown:
|
|
811
|
-
onKeyUp:
|
|
812
|
-
onMouseDown:
|
|
813
|
-
onMouseLeave:
|
|
814
|
-
onMouseUp:
|
|
815
|
-
onDragLeave:
|
|
816
|
-
onTouchEnd:
|
|
817
|
-
onTouchMove:
|
|
818
|
-
onTouchStart:
|
|
819
|
-
ref:
|
|
805
|
+
onContextMenu: Ee,
|
|
806
|
+
onFocus: Oe,
|
|
807
|
+
onKeyDown: je,
|
|
808
|
+
onKeyUp: De,
|
|
809
|
+
onMouseDown: Me,
|
|
810
|
+
onMouseLeave: Ce,
|
|
811
|
+
onMouseUp: xe,
|
|
812
|
+
onDragLeave: Te,
|
|
813
|
+
onTouchEnd: ve,
|
|
814
|
+
onTouchMove: we,
|
|
815
|
+
onTouchStart: Pe,
|
|
816
|
+
ref: Ve,
|
|
820
817
|
tabIndex: d ? -1 : P,
|
|
821
818
|
type: S,
|
|
822
819
|
...Y,
|
|
823
820
|
...z,
|
|
824
|
-
children: [u,
|
|
825
|
-
ref:
|
|
821
|
+
children: [u, Re ? /* @__PURE__ */ k.jsx(ge, {
|
|
822
|
+
ref: ye,
|
|
826
823
|
center: i,
|
|
827
824
|
...j
|
|
828
825
|
}) : null]
|
|
@@ -831,7 +828,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
|
|
|
831
828
|
function v(e, t, n, r = !1) {
|
|
832
829
|
return J((s) => (n && n(s), r || e[t](s), !0));
|
|
833
830
|
}
|
|
834
|
-
process.env.NODE_ENV !== "production" && (
|
|
831
|
+
process.env.NODE_ENV !== "production" && (ht.propTypes = {
|
|
835
832
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
836
833
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
837
834
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -840,7 +837,7 @@ process.env.NODE_ENV !== "production" && (mt.propTypes = {
|
|
|
840
837
|
* A ref for imperative actions.
|
|
841
838
|
* It currently only supports `focusVisible()` action.
|
|
842
839
|
*/
|
|
843
|
-
action:
|
|
840
|
+
action: Ae,
|
|
844
841
|
/**
|
|
845
842
|
* If `true`, the ripples are centered.
|
|
846
843
|
* They won't start at the cursor interaction position.
|
|
@@ -863,7 +860,7 @@ process.env.NODE_ENV !== "production" && (mt.propTypes = {
|
|
|
863
860
|
* The component used for the root node.
|
|
864
861
|
* Either a string to use a HTML element or a component.
|
|
865
862
|
*/
|
|
866
|
-
component:
|
|
863
|
+
component: Ke,
|
|
867
864
|
/**
|
|
868
865
|
* If `true`, the component is disabled.
|
|
869
866
|
* @default false
|
|
@@ -990,13 +987,13 @@ process.env.NODE_ENV !== "production" && (mt.propTypes = {
|
|
|
990
987
|
type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
|
|
991
988
|
});
|
|
992
989
|
export {
|
|
993
|
-
|
|
990
|
+
ht as B,
|
|
994
991
|
de as T,
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
992
|
+
Ge as _,
|
|
993
|
+
We as a,
|
|
994
|
+
it as b,
|
|
995
|
+
ze as c,
|
|
996
|
+
Ke as e,
|
|
997
|
+
Ae as r,
|
|
1001
998
|
ce as u
|
|
1002
999
|
};
|