@cgi-learning-hub/ui 1.0.0-dev.1721209039 → 1.0.0-dev.1721225898
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/{Box-RP_U1h2I.cjs → Box-BQxBYVZt.cjs} +1 -1
- package/dist/{Box-DIvTvtYV.js → Box-VYRU2gLm.js} +29 -28
- package/dist/{PaperHeader-DAzxEUlx.js → Stack-BzRRUmUj.js} +122 -158
- package/dist/Stack-DjqxU_kp.cjs +1 -0
- package/dist/{TimePicker-C64jDcYa.js → TimePicker-BaGeKkSS.js} +1 -1
- package/dist/{TimePicker-DKHA-KBc.cjs → TimePicker-C24cztnp.cjs} +13 -13
- package/dist/components/Dropzone/Dropzone.cjs.js +5 -5
- package/dist/components/Dropzone/Dropzone.d.ts +2 -2
- package/dist/components/Dropzone/Dropzone.es.js +127 -125
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.es.js +1 -1
- package/dist/components/PaperHeader/PaperHeader.cjs.js +1 -1
- package/dist/components/PaperHeader/PaperHeader.es.js +39 -4
- package/dist/components/PaperHeader/PaperHeader.stories.cjs.js +1 -1
- package/dist/components/PaperHeader/PaperHeader.stories.es.js +1 -1
- package/dist/components/PaperHeader/index.cjs.js +1 -1
- package/dist/components/PaperHeader/index.es.js +2 -2
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +46 -45
- package/dist/components/inputs/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/inputs/PasswordInput/PasswordInput.es.js +2 -3
- package/dist/components/lists/FileList/FileList.cjs.js +1 -1
- package/dist/components/lists/FileList/FileList.es.js +1 -1
- package/dist/components/lists/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/lists/FileList/FileListItem.es.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +45 -44
- package/package.json +6 -17
- package/dist/PaperHeader-D2LH9bW-.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./identifier-DN9zMdjb.cjs"),c=require("./extendSxProp-DguFtn4z.cjs"),P=require("react"),h=require("./useTheme-BlWZbBeO.cjs"),b=require("react/jsx-runtime");function N(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>o[s]})}}return t.default=o,Object.freeze(t)}const
|
|
1
|
+
"use strict";const e=require("./identifier-DN9zMdjb.cjs"),c=require("./extendSxProp-DguFtn4z.cjs"),P=require("react"),h=require("./useTheme-BlWZbBeO.cjs"),b=require("react/jsx-runtime");function N(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>o[s]})}}return t.default=o,Object.freeze(t)}const B=N(P),g=["className","component"];function C(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:p}=o,d=c.styled("div",{shouldForwardProp:n=>n!=="theme"&&n!=="sx"&&n!=="as"})(e.styleFunctionSx);return B.forwardRef(function(m,x){const a=h.useTheme(s),u=c.extendSxProp(m),{className:f,component:y="div"}=u,T=e._objectWithoutPropertiesLoose(u,g);return b.jsx(d,e._extends({as:y,ref:x,className:c.clsx(f,p?p(r):r),theme:t&&a[t]||a},T))})}const O=c.generateUtilityClasses("MuiBox",["root"]),l=O,_=e.createTheme(),i=C({themeId:e.THEME_ID,defaultTheme:_,defaultClassName:l.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(i.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});const j=i;exports.Box=j;exports.boxClasses=l;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { s as
|
|
2
|
-
import { s as
|
|
3
|
-
import * as
|
|
4
|
-
import { u as
|
|
5
|
-
import { jsx as
|
|
6
|
-
const
|
|
7
|
-
function
|
|
1
|
+
import { s as h, h as T, _ as B, i as N, T as y, C, P as e } from "./identifier-wD7TMRod.js";
|
|
2
|
+
import { s as b, e as _, c as P, g } from "./extendSxProp-BH27e4Uq.js";
|
|
3
|
+
import * as j from "react";
|
|
4
|
+
import { u as v } from "./useTheme-DmZo1zFM.js";
|
|
5
|
+
import { jsx as E } from "react/jsx-runtime";
|
|
6
|
+
const O = ["className", "component"];
|
|
7
|
+
function I(m = {}) {
|
|
8
8
|
const {
|
|
9
9
|
themeId: t,
|
|
10
|
-
defaultTheme:
|
|
10
|
+
defaultTheme: l,
|
|
11
11
|
defaultClassName: a = "MuiBox-root",
|
|
12
|
-
generateClassName:
|
|
13
|
-
} =
|
|
12
|
+
generateClassName: n
|
|
13
|
+
} = m, x = b("div", {
|
|
14
14
|
shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
|
|
15
|
-
})(
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
const s =
|
|
18
|
-
className:
|
|
19
|
-
component:
|
|
20
|
-
} =
|
|
21
|
-
return /* @__PURE__ */
|
|
22
|
-
as:
|
|
23
|
-
ref:
|
|
24
|
-
className:
|
|
15
|
+
})(h);
|
|
16
|
+
return /* @__PURE__ */ j.forwardRef(function(d, i) {
|
|
17
|
+
const s = v(l), r = _(d), {
|
|
18
|
+
className: f,
|
|
19
|
+
component: p = "div"
|
|
20
|
+
} = r, u = T(r, O);
|
|
21
|
+
return /* @__PURE__ */ E(x, B({
|
|
22
|
+
as: p,
|
|
23
|
+
ref: i,
|
|
24
|
+
className: P(f, n ? n(a) : a),
|
|
25
25
|
theme: t && s[t] || s
|
|
26
|
-
},
|
|
26
|
+
}, u));
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
|
-
const
|
|
29
|
+
const M = g("MuiBox", ["root"]), R = M, S = N(), c = I({
|
|
30
30
|
themeId: y,
|
|
31
|
-
defaultTheme:
|
|
32
|
-
defaultClassName:
|
|
33
|
-
generateClassName:
|
|
31
|
+
defaultTheme: S,
|
|
32
|
+
defaultClassName: R.root,
|
|
33
|
+
generateClassName: C.generate
|
|
34
34
|
});
|
|
35
|
-
process.env.NODE_ENV !== "production" && (
|
|
35
|
+
process.env.NODE_ENV !== "production" && (c.propTypes = {
|
|
36
36
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
37
37
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
38
38
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -51,7 +51,8 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
|
|
|
51
51
|
*/
|
|
52
52
|
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
53
53
|
});
|
|
54
|
+
const H = c;
|
|
54
55
|
export {
|
|
55
|
-
|
|
56
|
-
|
|
56
|
+
H as B,
|
|
57
|
+
R as b
|
|
57
58
|
};
|
|
@@ -1,201 +1,200 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import { u as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
function me(e) {
|
|
1
|
+
import { h as P, _ as f, j as U, e as z, s as H, m as J, P as o, n as B, q as D, t as K, u as Q, v as X, d as Y, w as G } from "./identifier-wD7TMRod.js";
|
|
2
|
+
import { g as Z, c as ee, s as oe, u as re } from "./styled-DBkKGFww.js";
|
|
3
|
+
import * as A from "react";
|
|
4
|
+
import { i as te, s as se, e as ne, c as ie } from "./extendSxProp-BH27e4Uq.js";
|
|
5
|
+
import { jsx as ce } from "react/jsx-runtime";
|
|
6
|
+
import { u as ae } from "./useThemeProps-CuBdueUZ.js";
|
|
7
|
+
const le = ["ownerState"], ue = ["variants"], pe = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
|
8
|
+
function fe(e) {
|
|
10
9
|
return Object.keys(e).length === 0;
|
|
11
10
|
}
|
|
12
|
-
function
|
|
11
|
+
function de(e) {
|
|
13
12
|
return typeof e == "string" && // 96 is one less than the char code
|
|
14
13
|
// for "a" so this is checking that
|
|
15
14
|
// it's a lowercase character
|
|
16
15
|
e.charCodeAt(0) > 96;
|
|
17
16
|
}
|
|
18
|
-
function
|
|
17
|
+
function $(e) {
|
|
19
18
|
return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
|
|
20
19
|
}
|
|
21
|
-
const
|
|
22
|
-
function
|
|
20
|
+
const me = U(), L = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
|
|
21
|
+
function R({
|
|
23
22
|
defaultTheme: e,
|
|
24
23
|
theme: s,
|
|
25
|
-
themeId:
|
|
24
|
+
themeId: t
|
|
26
25
|
}) {
|
|
27
|
-
return
|
|
26
|
+
return fe(s) ? e : s[t] || s;
|
|
28
27
|
}
|
|
29
|
-
function
|
|
30
|
-
return e ? (s,
|
|
28
|
+
function ye(e) {
|
|
29
|
+
return e ? (s, t) => t[e] : null;
|
|
31
30
|
}
|
|
32
|
-
function
|
|
31
|
+
function N(e, s) {
|
|
33
32
|
let {
|
|
34
|
-
ownerState:
|
|
35
|
-
} = s, i =
|
|
33
|
+
ownerState: t
|
|
34
|
+
} = s, i = P(s, le);
|
|
36
35
|
const a = typeof e == "function" ? e(f({
|
|
37
|
-
ownerState:
|
|
36
|
+
ownerState: t
|
|
38
37
|
}, i)) : e;
|
|
39
38
|
if (Array.isArray(a))
|
|
40
|
-
return a.flatMap((c) =>
|
|
41
|
-
ownerState:
|
|
39
|
+
return a.flatMap((c) => N(c, f({
|
|
40
|
+
ownerState: t
|
|
42
41
|
}, i)));
|
|
43
42
|
if (a && typeof a == "object" && Array.isArray(a.variants)) {
|
|
44
43
|
const {
|
|
45
44
|
variants: c = []
|
|
46
45
|
} = a;
|
|
47
|
-
let d =
|
|
48
|
-
return c.forEach((
|
|
46
|
+
let d = P(a, ue);
|
|
47
|
+
return c.forEach((r) => {
|
|
49
48
|
let n = !0;
|
|
50
|
-
typeof
|
|
51
|
-
ownerState:
|
|
52
|
-
}, i,
|
|
53
|
-
(
|
|
54
|
-
}), n && (Array.isArray(d) || (d = [d]), d.push(typeof
|
|
55
|
-
ownerState:
|
|
56
|
-
}, i,
|
|
49
|
+
typeof r.props == "function" ? n = r.props(f({
|
|
50
|
+
ownerState: t
|
|
51
|
+
}, i, t)) : Object.keys(r.props).forEach((m) => {
|
|
52
|
+
(t == null ? void 0 : t[m]) !== r.props[m] && i[m] !== r.props[m] && (n = !1);
|
|
53
|
+
}), n && (Array.isArray(d) || (d = [d]), d.push(typeof r.style == "function" ? r.style(f({
|
|
54
|
+
ownerState: t
|
|
55
|
+
}, i, t)) : r.style));
|
|
57
56
|
}), d;
|
|
58
57
|
}
|
|
59
58
|
return a;
|
|
60
59
|
}
|
|
61
|
-
function
|
|
60
|
+
function he(e = {}) {
|
|
62
61
|
const {
|
|
63
62
|
themeId: s,
|
|
64
|
-
defaultTheme:
|
|
65
|
-
rootShouldForwardProp: i =
|
|
66
|
-
slotShouldForwardProp: a =
|
|
67
|
-
} = e, c = (l) =>
|
|
68
|
-
theme:
|
|
69
|
-
defaultTheme:
|
|
63
|
+
defaultTheme: t = me,
|
|
64
|
+
rootShouldForwardProp: i = $,
|
|
65
|
+
slotShouldForwardProp: a = $
|
|
66
|
+
} = e, c = (l) => H(f({}, l, {
|
|
67
|
+
theme: R(f({}, l, {
|
|
68
|
+
defaultTheme: t,
|
|
70
69
|
themeId: s
|
|
71
70
|
}))
|
|
72
71
|
}));
|
|
73
72
|
return c.__mui_systemSx = !0, (l, d = {}) => {
|
|
74
|
-
|
|
73
|
+
te(l, (u) => u.filter((h) => !(h != null && h.__mui_systemSx)));
|
|
75
74
|
const {
|
|
76
|
-
name:
|
|
75
|
+
name: r,
|
|
77
76
|
slot: n,
|
|
78
77
|
skipVariantsResolver: m,
|
|
79
|
-
skipSx:
|
|
78
|
+
skipSx: S,
|
|
80
79
|
// TODO v6: remove `lowercaseFirstLetter()` in the next major release
|
|
81
80
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
82
|
-
overridesResolver: v =
|
|
83
|
-
} = d, V =
|
|
81
|
+
overridesResolver: v = ye(L(n))
|
|
82
|
+
} = d, V = P(d, pe), C = m !== void 0 ? m : (
|
|
84
83
|
// TODO v6: remove `Root` in the next major release
|
|
85
84
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
86
85
|
n && n !== "Root" && n !== "root" || !1
|
|
87
|
-
),
|
|
86
|
+
), g = S || !1;
|
|
88
87
|
let b;
|
|
89
|
-
process.env.NODE_ENV !== "production" &&
|
|
90
|
-
let
|
|
91
|
-
n === "Root" || n === "root" ?
|
|
92
|
-
const
|
|
93
|
-
shouldForwardProp:
|
|
88
|
+
process.env.NODE_ENV !== "production" && r && (b = `${r}-${L(n || "Root")}`);
|
|
89
|
+
let O = $;
|
|
90
|
+
n === "Root" || n === "root" ? O = i : n ? O = a : de(l) && (O = void 0);
|
|
91
|
+
const T = se(l, f({
|
|
92
|
+
shouldForwardProp: O,
|
|
94
93
|
label: b
|
|
95
|
-
}, V)), j = (u) => typeof u == "function" && u.__emotion_real !== u ||
|
|
96
|
-
theme:
|
|
94
|
+
}, V)), j = (u) => typeof u == "function" && u.__emotion_real !== u || J(u) ? (h) => N(u, f({}, h, {
|
|
95
|
+
theme: R({
|
|
97
96
|
theme: h.theme,
|
|
98
|
-
defaultTheme:
|
|
97
|
+
defaultTheme: t,
|
|
99
98
|
themeId: s
|
|
100
99
|
})
|
|
101
100
|
})) : u, w = (u, ...h) => {
|
|
102
|
-
let
|
|
103
|
-
const
|
|
104
|
-
|
|
105
|
-
const y =
|
|
106
|
-
defaultTheme:
|
|
101
|
+
let F = j(u);
|
|
102
|
+
const x = h ? h.map(j) : [];
|
|
103
|
+
r && v && x.push((p) => {
|
|
104
|
+
const y = R(f({}, p, {
|
|
105
|
+
defaultTheme: t,
|
|
107
106
|
themeId: s
|
|
108
107
|
}));
|
|
109
|
-
if (!y.components || !y.components[
|
|
108
|
+
if (!y.components || !y.components[r] || !y.components[r].styleOverrides)
|
|
110
109
|
return null;
|
|
111
|
-
const
|
|
112
|
-
return Object.entries(
|
|
113
|
-
|
|
110
|
+
const k = y.components[r].styleOverrides, _ = {};
|
|
111
|
+
return Object.entries(k).forEach(([W, q]) => {
|
|
112
|
+
_[W] = N(q, f({}, p, {
|
|
114
113
|
theme: y
|
|
115
114
|
}));
|
|
116
|
-
}), v(p,
|
|
117
|
-
}),
|
|
115
|
+
}), v(p, _);
|
|
116
|
+
}), r && !C && x.push((p) => {
|
|
118
117
|
var y;
|
|
119
|
-
const
|
|
120
|
-
defaultTheme:
|
|
118
|
+
const k = R(f({}, p, {
|
|
119
|
+
defaultTheme: t,
|
|
121
120
|
themeId: s
|
|
122
|
-
})),
|
|
123
|
-
return
|
|
124
|
-
variants:
|
|
121
|
+
})), _ = k == null || (y = k.components) == null || (y = y[r]) == null ? void 0 : y.variants;
|
|
122
|
+
return N({
|
|
123
|
+
variants: _
|
|
125
124
|
}, f({}, p, {
|
|
126
|
-
theme:
|
|
125
|
+
theme: k
|
|
127
126
|
}));
|
|
128
|
-
}),
|
|
129
|
-
const
|
|
130
|
-
if (Array.isArray(u) &&
|
|
131
|
-
const p = new Array(
|
|
132
|
-
|
|
127
|
+
}), g || x.push(c);
|
|
128
|
+
const M = x.length - h.length;
|
|
129
|
+
if (Array.isArray(u) && M > 0) {
|
|
130
|
+
const p = new Array(M).fill("");
|
|
131
|
+
F = [...u, ...p], F.raw = [...u.raw, ...p];
|
|
133
132
|
}
|
|
134
|
-
const
|
|
133
|
+
const E = T(F, ...x);
|
|
135
134
|
if (process.env.NODE_ENV !== "production") {
|
|
136
135
|
let p;
|
|
137
|
-
|
|
136
|
+
r && (p = `${r}${z(n || "")}`), p === void 0 && (p = `Styled(${Z(l)})`), E.displayName = p;
|
|
138
137
|
}
|
|
139
|
-
return l.muiName && (
|
|
138
|
+
return l.muiName && (E.muiName = l.muiName), E;
|
|
140
139
|
};
|
|
141
|
-
return
|
|
140
|
+
return T.withConfig && (w.withConfig = T.withConfig), w;
|
|
142
141
|
};
|
|
143
142
|
}
|
|
144
|
-
const
|
|
143
|
+
const ve = he(), Oe = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], Se = U(), be = ve("div", {
|
|
145
144
|
name: "MuiStack",
|
|
146
145
|
slot: "Root",
|
|
147
146
|
overridesResolver: (e, s) => s.root
|
|
148
147
|
});
|
|
149
|
-
function
|
|
150
|
-
return
|
|
148
|
+
function Te(e) {
|
|
149
|
+
return ae({
|
|
151
150
|
props: e,
|
|
152
151
|
name: "MuiStack",
|
|
153
|
-
defaultTheme:
|
|
152
|
+
defaultTheme: Se
|
|
154
153
|
});
|
|
155
154
|
}
|
|
156
|
-
function
|
|
157
|
-
const
|
|
158
|
-
return
|
|
155
|
+
function xe(e, s) {
|
|
156
|
+
const t = A.Children.toArray(e).filter(Boolean);
|
|
157
|
+
return t.reduce((i, a, c) => (i.push(a), c < t.length - 1 && i.push(/* @__PURE__ */ A.cloneElement(s, {
|
|
159
158
|
key: `separator-${c}`
|
|
160
159
|
})), i), []);
|
|
161
160
|
}
|
|
162
|
-
const
|
|
161
|
+
const ke = (e) => ({
|
|
163
162
|
row: "Left",
|
|
164
163
|
"row-reverse": "Right",
|
|
165
164
|
column: "Top",
|
|
166
165
|
"column-reverse": "Bottom"
|
|
167
|
-
})[e],
|
|
166
|
+
})[e], ge = ({
|
|
168
167
|
ownerState: e,
|
|
169
168
|
theme: s
|
|
170
169
|
}) => {
|
|
171
|
-
let
|
|
170
|
+
let t = f({
|
|
172
171
|
display: "flex",
|
|
173
172
|
flexDirection: "column"
|
|
174
|
-
},
|
|
173
|
+
}, B({
|
|
175
174
|
theme: s
|
|
176
|
-
},
|
|
175
|
+
}, D({
|
|
177
176
|
values: e.direction,
|
|
178
177
|
breakpoints: s.breakpoints.values
|
|
179
178
|
}), (i) => ({
|
|
180
179
|
flexDirection: i
|
|
181
180
|
})));
|
|
182
181
|
if (e.spacing) {
|
|
183
|
-
const i =
|
|
182
|
+
const i = K(s), a = Object.keys(s.breakpoints.values).reduce((r, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (r[n] = !0), r), {}), c = D({
|
|
184
183
|
values: e.direction,
|
|
185
184
|
base: a
|
|
186
|
-
}), l =
|
|
185
|
+
}), l = D({
|
|
187
186
|
values: e.spacing,
|
|
188
187
|
base: a
|
|
189
188
|
});
|
|
190
|
-
typeof c == "object" && Object.keys(c).forEach((
|
|
191
|
-
if (!c[
|
|
189
|
+
typeof c == "object" && Object.keys(c).forEach((r, n, m) => {
|
|
190
|
+
if (!c[r]) {
|
|
192
191
|
const v = n > 0 ? c[m[n - 1]] : "column";
|
|
193
|
-
c[
|
|
192
|
+
c[r] = v;
|
|
194
193
|
}
|
|
195
|
-
}),
|
|
194
|
+
}), t = Q(t, B({
|
|
196
195
|
theme: s
|
|
197
|
-
}, l, (
|
|
198
|
-
gap:
|
|
196
|
+
}, l, (r, n) => e.useFlexGap ? {
|
|
197
|
+
gap: G(i, r)
|
|
199
198
|
} : {
|
|
200
199
|
// The useFlexGap={false} implement relies on each child to give up control of the margin.
|
|
201
200
|
// We need to reset the margin to avoid double spacing.
|
|
@@ -203,41 +202,41 @@ const je = (e) => ({
|
|
|
203
202
|
margin: 0
|
|
204
203
|
},
|
|
205
204
|
"& > :not(style) ~ :not(style)": {
|
|
206
|
-
[`margin${
|
|
205
|
+
[`margin${ke(n ? c[n] : e.direction)}`]: G(i, r)
|
|
207
206
|
}
|
|
208
207
|
}));
|
|
209
208
|
}
|
|
210
|
-
return
|
|
209
|
+
return t = X(s.breakpoints, t), t;
|
|
211
210
|
};
|
|
212
|
-
function
|
|
211
|
+
function je(e = {}) {
|
|
213
212
|
const {
|
|
214
213
|
// This will allow adding custom styled fn (for example for custom sx style function)
|
|
215
|
-
createStyledComponent: s =
|
|
216
|
-
useThemeProps:
|
|
214
|
+
createStyledComponent: s = be,
|
|
215
|
+
useThemeProps: t = Te,
|
|
217
216
|
componentName: i = "MuiStack"
|
|
218
|
-
} = e, a = () =>
|
|
217
|
+
} = e, a = () => ee({
|
|
219
218
|
root: ["root"]
|
|
220
|
-
}, (
|
|
221
|
-
const m = r
|
|
219
|
+
}, (r) => Y(i, r), {}), c = s(ge), l = /* @__PURE__ */ A.forwardRef(function(r, n) {
|
|
220
|
+
const m = t(r), S = ne(m), {
|
|
222
221
|
component: v = "div",
|
|
223
222
|
direction: V = "column",
|
|
224
|
-
spacing:
|
|
225
|
-
divider:
|
|
223
|
+
spacing: C = 0,
|
|
224
|
+
divider: g,
|
|
226
225
|
children: b,
|
|
227
|
-
className:
|
|
228
|
-
useFlexGap:
|
|
229
|
-
} =
|
|
226
|
+
className: O,
|
|
227
|
+
useFlexGap: T = !1
|
|
228
|
+
} = S, j = P(S, Oe), w = {
|
|
230
229
|
direction: V,
|
|
231
|
-
spacing:
|
|
232
|
-
useFlexGap:
|
|
230
|
+
spacing: C,
|
|
231
|
+
useFlexGap: T
|
|
233
232
|
}, u = a();
|
|
234
|
-
return /* @__PURE__ */
|
|
233
|
+
return /* @__PURE__ */ ce(c, f({
|
|
235
234
|
as: v,
|
|
236
235
|
ownerState: w,
|
|
237
236
|
ref: n,
|
|
238
|
-
className:
|
|
237
|
+
className: ie(u.root, O)
|
|
239
238
|
}, j, {
|
|
240
|
-
children:
|
|
239
|
+
children: g ? xe(b, g) : b
|
|
241
240
|
}));
|
|
242
241
|
});
|
|
243
242
|
return process.env.NODE_ENV !== "production" && (l.propTypes = {
|
|
@@ -248,13 +247,13 @@ function Re(e = {}) {
|
|
|
248
247
|
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
249
248
|
}), l;
|
|
250
249
|
}
|
|
251
|
-
const I =
|
|
252
|
-
createStyledComponent:
|
|
250
|
+
const I = je({
|
|
251
|
+
createStyledComponent: oe("div", {
|
|
253
252
|
name: "MuiStack",
|
|
254
253
|
slot: "Root",
|
|
255
254
|
overridesResolver: (e, s) => s.root
|
|
256
255
|
}),
|
|
257
|
-
useThemeProps: (e) =>
|
|
256
|
+
useThemeProps: (e) => re({
|
|
258
257
|
props: e,
|
|
259
258
|
name: "MuiStack"
|
|
260
259
|
})
|
|
@@ -303,43 +302,8 @@ process.env.NODE_ENV !== "production" && (I.propTypes = {
|
|
|
303
302
|
*/
|
|
304
303
|
useFlexGap: o.bool
|
|
305
304
|
});
|
|
306
|
-
const
|
|
307
|
-
title: e,
|
|
308
|
-
IconComponent: s,
|
|
309
|
-
iconColor: r,
|
|
310
|
-
iconProps: i,
|
|
311
|
-
iconSize: a = 28,
|
|
312
|
-
component: c = "h3",
|
|
313
|
-
variant: l = "h2",
|
|
314
|
-
fontWeight: d = "bold",
|
|
315
|
-
...t
|
|
316
|
-
}) => /* @__PURE__ */ H(_e, { direction: "row", alignItems: "center", gap: 1, children: [
|
|
317
|
-
s ? /* @__PURE__ */ C(
|
|
318
|
-
s,
|
|
319
|
-
{
|
|
320
|
-
sx: {
|
|
321
|
-
fontSize: a,
|
|
322
|
-
padding: "2px",
|
|
323
|
-
borderRadius: 1,
|
|
324
|
-
color: r == null ? void 0 : r[500],
|
|
325
|
-
backgroundColor: r == null ? void 0 : r[50]
|
|
326
|
-
},
|
|
327
|
-
...i
|
|
328
|
-
}
|
|
329
|
-
) : null,
|
|
330
|
-
/* @__PURE__ */ C(
|
|
331
|
-
ue,
|
|
332
|
-
{
|
|
333
|
-
component: c,
|
|
334
|
-
variant: l,
|
|
335
|
-
fontWeight: d,
|
|
336
|
-
...t,
|
|
337
|
-
children: e
|
|
338
|
-
}
|
|
339
|
-
)
|
|
340
|
-
] });
|
|
305
|
+
const Ve = I;
|
|
341
306
|
export {
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
A as s
|
|
307
|
+
Ve as S,
|
|
308
|
+
$ as s
|
|
345
309
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("./identifier-DN9zMdjb.cjs"),N=require("./styled-vrKxhnRS.cjs"),G=require("react"),V=require("./extendSxProp-DguFtn4z.cjs"),W=require("react/jsx-runtime"),U=require("./useThemeProps-BbYOXO_x.cjs");function z(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,p.get?p:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const E=z(G),I=["ownerState"],H=["variants"],J=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function K(o){return Object.keys(o).length===0}function Q(o){return typeof o=="string"&&o.charCodeAt(0)>96}function w(o){return o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"}const X=e.createTheme$1(),B=o=>o&&o.charAt(0).toLowerCase()+o.slice(1);function g({defaultTheme:o,theme:s,themeId:r}){return K(s)?o:s[r]||s}function Y(o){return o?(s,r)=>r[o]:null}function R(o,s){let{ownerState:r}=s,p=e._objectWithoutPropertiesLoose(s,I);const c=typeof o=="function"?o(e._extends({ownerState:r},p)):o;if(Array.isArray(c))return c.flatMap(i=>R(i,e._extends({ownerState:r},p)));if(c&&typeof c=="object"&&Array.isArray(c.variants)){const{variants:i=[]}=c;let d=e._objectWithoutPropertiesLoose(c,H);return i.forEach(t=>{let n=!0;typeof t.props=="function"?n=t.props(e._extends({ownerState:r},p,r)):Object.keys(t.props).forEach(y=>{(r==null?void 0:r[y])!==t.props[y]&&p[y]!==t.props[y]&&(n=!1)}),n&&(Array.isArray(d)||(d=[d]),d.push(typeof t.style=="function"?t.style(e._extends({ownerState:r},p,r)):t.style))}),d}return c}function Z(o={}){const{themeId:s,defaultTheme:r=X,rootShouldForwardProp:p=w,slotShouldForwardProp:c=w}=o,i=l=>e.styleFunctionSx(e._extends({},l,{theme:g(e._extends({},l,{defaultTheme:r,themeId:s}))}));return i.__mui_systemSx=!0,(l,d={})=>{V.internal_processStyles(l,u=>u.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:t,slot:n,skipVariantsResolver:y,skipSx:h,overridesResolver:T=Y(B(n))}=d,C=e._objectWithoutPropertiesLoose(d,J),D=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,_=h||!1;let v;process.env.NODE_ENV!=="production"&&t&&(v=`${t}-${B(n||"Root")}`);let P=w;n==="Root"||n==="root"?P=p:n?P=c:Q(l)&&(P=void 0);const O=V.styled(l,e._extends({shouldForwardProp:P,label:v},C)),b=u=>typeof u=="function"&&u.__emotion_real!==u||e.isPlainObject(u)?m=>R(u,e._extends({},m,{theme:g({theme:m.theme,defaultTheme:r,themeId:s})})):u,j=(u,...m)=>{let F=b(u);const S=m?m.map(b):[];t&&T&&S.push(a=>{const f=g(e._extends({},a,{defaultTheme:r,themeId:s}));if(!f.components||!f.components[t]||!f.components[t].styleOverrides)return null;const x=f.components[t].styleOverrides,k={};return Object.entries(x).forEach(([q,L])=>{k[q]=R(L,e._extends({},a,{theme:f}))}),T(a,k)}),t&&!D&&S.push(a=>{var f;const x=g(e._extends({},a,{defaultTheme:r,themeId:s})),k=x==null||(f=x.components)==null||(f=f[t])==null?void 0:f.variants;return R({variants:k},e._extends({},a,{theme:x}))}),_||S.push(i);const A=S.length-m.length;if(Array.isArray(u)&&A>0){const a=new Array(A).fill("");F=[...u,...a],F.raw=[...u.raw,...a]}const $=O(F,...S);if(process.env.NODE_ENV!=="production"){let a;t&&(a=`${t}${e.capitalize(n||"")}`),a===void 0&&(a=`Styled(${N.getDisplayName(l)})`),$.displayName=a}return l.muiName&&($.muiName=l.muiName),$};return O.withConfig&&(j.withConfig=O.withConfig),j}}const ee=Z(),oe=["component","direction","spacing","divider","children","className","useFlexGap"],re=e.createTheme$1(),te=ee("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,s)=>s.root});function se(o){return U.useThemeProps({props:o,name:"MuiStack",defaultTheme:re})}function ne(o,s){const r=E.Children.toArray(o).filter(Boolean);return r.reduce((p,c,i)=>(p.push(c),i<r.length-1&&p.push(E.cloneElement(s,{key:`separator-${i}`})),p),[])}const pe=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],ie=({ownerState:o,theme:s})=>{let r=e._extends({display:"flex",flexDirection:"column"},e.handleBreakpoints({theme:s},e.resolveBreakpointValues({values:o.direction,breakpoints:s.breakpoints.values}),p=>({flexDirection:p})));if(o.spacing){const p=e.createUnarySpacing(s),c=Object.keys(s.breakpoints.values).reduce((t,n)=>((typeof o.spacing=="object"&&o.spacing[n]!=null||typeof o.direction=="object"&&o.direction[n]!=null)&&(t[n]=!0),t),{}),i=e.resolveBreakpointValues({values:o.direction,base:c}),l=e.resolveBreakpointValues({values:o.spacing,base:c});typeof i=="object"&&Object.keys(i).forEach((t,n,y)=>{if(!i[t]){const T=n>0?i[y[n-1]]:"column";i[t]=T}});const d=(t,n)=>o.useFlexGap?{gap:e.getValue(p,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${pe(n?i[n]:o.direction)}`]:e.getValue(p,t)}};r=e.deepmerge(r,e.handleBreakpoints({theme:s},l,d))}return r=e.mergeBreakpointsInOrder(s.breakpoints,r),r};function ce(o={}){const{createStyledComponent:s=te,useThemeProps:r=se,componentName:p="MuiStack"}=o,c=()=>{const d={root:["root"]};return N.composeClasses(d,t=>e.generateUtilityClass(p,t),{})},i=s(ie),l=E.forwardRef(function(t,n){const y=r(t),h=V.extendSxProp(y),{component:T="div",direction:C="column",spacing:D=0,divider:_,children:v,className:P,useFlexGap:O=!1}=h,b=e._objectWithoutPropertiesLoose(h,oe),j={direction:C,spacing:D,useFlexGap:O},u=c();return W.jsx(i,e._extends({as:T,ownerState:j,ref:n,className:V.clsx(u.root,P)},b,{children:_?ne(v,_):v}))});return process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])}),l}const M=ce({createStyledComponent:N.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,s)=>s.root}),useThemeProps:o=>N.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(M.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),useFlexGap:e.PropTypes.bool});const le=M;exports.Stack=le;exports.shouldForwardProp=w;
|
|
@@ -15,7 +15,7 @@ import { c as Ae } from "./createSvgIcon-D0vr-xfg.js";
|
|
|
15
15
|
import { b as Tt, u as Ee, e as is, a as ma, c as Xo } from "./useTheme-0LP2yOaO.js";
|
|
16
16
|
import { a as ke, u as Fe } from "./useForkRef-DwN_Iz9R.js";
|
|
17
17
|
import { d as ec, a as ba, o as Ct } from "./ownerWindow-C7EH1lr6.js";
|
|
18
|
-
import { S as tc, s as oc } from "./
|
|
18
|
+
import { S as tc, s as oc } from "./Stack-BzRRUmUj.js";
|
|
19
19
|
import { keyframes as er, css as tr } from "@emotion/react";
|
|
20
20
|
import { u as ha } from "./useIsFocusVisible-DhASXQ4o.js";
|
|
21
21
|
import { a as yo, u as ie, T as nc } from "./useTimeout-BdvDipeg.js";
|