@solostylist/ui-kit 1.0.87 → 1.0.89

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.
Files changed (70) hide show
  1. package/dist/{Box-Cf99MewL.js → Box-CJmG1mTu.js} +3 -3
  2. package/dist/ButtonBase-C0g54hXq.js +910 -0
  3. package/dist/ChevronRight-CtkI4XwH.js +11 -0
  4. package/dist/{Close-CKpTrk7X.js → Close--Sf9yZGB.js} +1 -1
  5. package/dist/{Menu-D2LDo0yd.js → Menu-BuktPpzX.js} +914 -1453
  6. package/dist/{MenuItem-JkMrBIMD.js → MenuItem-sL2AcofB.js} +8 -8
  7. package/dist/Paper-CH6cuu9i.js +553 -0
  8. package/dist/{Select-4BjFewNI.js → Select-D2lV25sl.js} +16 -15
  9. package/dist/{Stack-UjxgGQu9.js → Stack-CIrlOUXL.js} +4 -4
  10. package/dist/{TransitionGroup-DzGaAPUk.js → TransitionGroup-SToIdl-5.js} +3 -3
  11. package/dist/{Typography-CGoVq27h.js → Typography-D-VP4V1G.js} +3 -3
  12. package/dist/{createSvgIcon-vJH0FaMW.js → createSvgIcon-DpVs_nKR.js} +5 -5
  13. package/dist/{createTheme-DjqDAiZm.js → createTheme-DbdaZ0Ku.js} +3 -2
  14. package/dist/{defaultTheme-CaAxts6z.js → defaultTheme-CFAmbghg.js} +1 -1
  15. package/dist/{extendSxProp-BnfiUPQK.js → extendSxProp-CQnEn3aw.js} +1 -1
  16. package/dist/{index-DcImsw9J.js → index-CjPqjRDL.js} +4 -4
  17. package/dist/main.d.ts +6 -0
  18. package/dist/main.js +117 -111
  19. package/dist/mergeSlotProps-N47mO9C9.js +62 -0
  20. package/dist/s-accordion/index.d.ts +2 -0
  21. package/dist/s-accordion/index.js +4 -0
  22. package/dist/s-accordion/package.json +5 -0
  23. package/dist/s-accordion/s-accordion.d.ts +9 -0
  24. package/dist/s-accordion/s-accordion.js +924 -0
  25. package/dist/s-avatar/index.d.ts +2 -0
  26. package/dist/s-avatar/index.js +4 -0
  27. package/dist/s-avatar/package.json +5 -0
  28. package/dist/s-avatar/s-avatar.d.ts +10 -0
  29. package/dist/s-avatar/s-avatar.js +9 -0
  30. package/dist/s-chat-input/s-chat-input.js +6 -6
  31. package/dist/s-copyable-text/s-copyable-text.js +1 -1
  32. package/dist/s-data-table/s-data-table.js +12 -10
  33. package/dist/s-date-picker/s-date-picker.js +24 -24
  34. package/dist/s-datetime-picker/s-datetime-picker.js +13 -12
  35. package/dist/s-dialog/s-dialog.js +1 -1
  36. package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
  37. package/dist/s-dialog-message/s-dialog-message.js +2 -2
  38. package/dist/s-file-dropzone/s-file-dropzone.js +8 -8
  39. package/dist/s-file-icon/s-file-icon.js +1 -1
  40. package/dist/s-image-comparison/index.d.ts +2 -0
  41. package/dist/s-image-comparison/index.js +4 -0
  42. package/dist/s-image-comparison/package.json +5 -0
  43. package/dist/s-image-comparison/s-image-comparison.d.ts +11 -0
  44. package/dist/s-image-comparison/s-image-comparison.js +155 -0
  45. package/dist/s-image-modal/s-image-modal.js +94 -98
  46. package/dist/s-interactive-gallery/s-interactive-gallery.js +69 -69
  47. package/dist/s-label/s-label.js +1 -1
  48. package/dist/s-localization-provider/s-localization-provider.js +1 -1
  49. package/dist/s-multi-select/s-multi-select.js +5 -5
  50. package/dist/s-smart-text-field/s-smart-text-field.js +2 -2
  51. package/dist/s-text-editor/s-text-editor-toolbar.js +8 -8
  52. package/dist/s-text-editor/s-text-editor.js +1 -1
  53. package/dist/s-text-field/s-text-field.js +13 -4
  54. package/dist/s-tip/s-tip.js +3 -3
  55. package/dist/theme/components/avatar.js +3 -3
  56. package/dist/theme/components/button.d.ts +2 -2
  57. package/dist/theme/components/chip.js +1 -1
  58. package/dist/theme/components/components.d.ts +2 -2
  59. package/dist/theme/customizations/inputs.js +1 -1
  60. package/dist/theme/customizations/navigation.js +1 -1
  61. package/dist/theme/theme-primitives.js +1 -1
  62. package/dist/useControlled-nm4pBabJ.js +31 -0
  63. package/dist/useFormControl-CatNKXAi.js +10 -0
  64. package/dist/{useMobilePicker-DmFQ075P.js → useMobilePicker-CRxlxUeh.js} +100 -98
  65. package/dist/{useTheme-DPtt6ExE.js → useTheme-CjYoxoob.js} +1 -1
  66. package/dist/{useThemeProps-DQiCrjPQ.js → useThemeProps-DdCEfRBE.js} +2 -2
  67. package/dist/{warning-UxpRUL3s.js → warning-CiVr8tE6.js} +3 -3
  68. package/package.json +1 -1
  69. package/dist/useFormControl-B3RPiDsz.js +0 -38
  70. package/dist/useSlot-DFSsVuMw.js +0 -969
@@ -1,12 +1,12 @@
1
1
  import * as d from "react";
2
- import { P as o } from "./createTheme-DjqDAiZm.js";
3
- import { u as B, s as D, a as x, b as L, r as S, m as E } from "./createSvgIcon-vJH0FaMW.js";
4
- import { L as C } from "./Menu-D2LDo0yd.js";
2
+ import { P as o } from "./createTheme-DbdaZ0Ku.js";
3
+ import { u as B, s as D, c as x, a as L, r as S, m as E } from "./createSvgIcon-DpVs_nKR.js";
4
+ import { L as C } from "./Menu-BuktPpzX.js";
5
5
  import { g as c } from "./generateUtilityClasses-BtVDwGrk.js";
6
6
  import { g as O } from "./colorManipulator-ep5lERxB.js";
7
7
  import { j as I } from "./jsx-runtime-DywqP_6a.js";
8
8
  import { u as P } from "./useEnhancedEffect-CJGo-L3B.js";
9
- import { u as U, B as F } from "./useSlot-DFSsVuMw.js";
9
+ import { u as U, B as F } from "./ButtonBase-C0g54hXq.js";
10
10
  function Z(e) {
11
11
  return O("MuiDivider", e);
12
12
  }
@@ -145,11 +145,11 @@ const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
145
145
  autoFocus: l = !1,
146
146
  component: p = "li",
147
147
  dense: r = !1,
148
- divider: b = !1,
148
+ divider: m = !1,
149
149
  disableGutters: i = !1,
150
150
  focusVisibleClassName: R,
151
151
  role: T = "menuitem",
152
- tabIndex: m,
152
+ tabIndex: b,
153
153
  className: V,
154
154
  ...k
155
155
  } = a, g = d.useContext(C), v = d.useMemo(() => ({
@@ -162,11 +162,11 @@ const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
162
162
  const N = {
163
163
  ...a,
164
164
  dense: v.dense,
165
- divider: b,
165
+ divider: m,
166
166
  disableGutters: i
167
167
  }, f = z(a), j = U(u, t);
168
168
  let y;
169
- return a.disabled || (y = m !== void 0 ? m : -1), /* @__PURE__ */ I.jsx(C.Provider, {
169
+ return a.disabled || (y = b !== void 0 ? b : -1), /* @__PURE__ */ I.jsx(C.Provider, {
170
170
  value: v,
171
171
  children: /* @__PURE__ */ I.jsx(A, {
172
172
  ref: j,
@@ -0,0 +1,553 @@
1
+ import { _ as M } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
2
+ import { _ as I, T as C } from "./TransitionGroup-SToIdl-5.js";
3
+ import { P as n, j as S } from "./createTheme-DbdaZ0Ku.js";
4
+ import * as P from "react";
5
+ import b from "react";
6
+ import g from "react-dom";
7
+ import { u as _, s as U, c as $, a as q, m as j } from "./createSvgIcon-DpVs_nKR.js";
8
+ import { d as V } from "./defaultTheme-CFAmbghg.js";
9
+ import { T as L } from "./identifier-BKLqN993.js";
10
+ import { u as G } from "./useTheme-CjYoxoob.js";
11
+ import { j as A } from "./jsx-runtime-DywqP_6a.js";
12
+ import { g as F, a as D } from "./colorManipulator-ep5lERxB.js";
13
+ import { g as X } from "./generateUtilityClasses-BtVDwGrk.js";
14
+ import { c as W } from "./ButtonBase-C0g54hXq.js";
15
+ function H() {
16
+ const o = G(V);
17
+ return process.env.NODE_ENV !== "production" && P.useDebugValue(o), o[L] || o;
18
+ }
19
+ const R = {
20
+ disabled: !1
21
+ };
22
+ var B = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
23
+ enter: n.number,
24
+ exit: n.number,
25
+ appear: n.number
26
+ }).isRequired]) : null, ve = process.env.NODE_ENV !== "production" ? n.oneOfType([n.string, n.shape({
27
+ enter: n.string,
28
+ exit: n.string,
29
+ active: n.string
30
+ }), n.shape({
31
+ enter: n.string,
32
+ enterDone: n.string,
33
+ enterActive: n.string,
34
+ exit: n.string,
35
+ exitDone: n.string,
36
+ exitActive: n.string
37
+ })]) : null, z = function(a) {
38
+ return a.scrollTop;
39
+ }, x = "unmounted", d = "exited", v = "entering", E = "entered", N = "exiting", c = /* @__PURE__ */ function(o) {
40
+ I(a, o);
41
+ function a(r, t) {
42
+ var e;
43
+ e = o.call(this, r, t) || this;
44
+ var i = t, u = i && !i.isMounting ? r.enter : r.appear, l;
45
+ return e.appearStatus = null, r.in ? u ? (l = d, e.appearStatus = v) : l = E : r.unmountOnExit || r.mountOnEnter ? l = x : l = d, e.state = {
46
+ status: l
47
+ }, e.nextCallback = null, e;
48
+ }
49
+ a.getDerivedStateFromProps = function(t, e) {
50
+ var i = t.in;
51
+ return i && e.status === x ? {
52
+ status: d
53
+ } : null;
54
+ };
55
+ var s = a.prototype;
56
+ return s.componentDidMount = function() {
57
+ this.updateStatus(!0, this.appearStatus);
58
+ }, s.componentDidUpdate = function(t) {
59
+ var e = null;
60
+ if (t !== this.props) {
61
+ var i = this.state.status;
62
+ this.props.in ? i !== v && i !== E && (e = v) : (i === v || i === E) && (e = N);
63
+ }
64
+ this.updateStatus(!1, e);
65
+ }, s.componentWillUnmount = function() {
66
+ this.cancelNextCallback();
67
+ }, s.getTimeouts = function() {
68
+ var t = this.props.timeout, e, i, u;
69
+ return e = i = u = t, t != null && typeof t != "number" && (e = t.exit, i = t.enter, u = t.appear !== void 0 ? t.appear : i), {
70
+ exit: e,
71
+ enter: i,
72
+ appear: u
73
+ };
74
+ }, s.updateStatus = function(t, e) {
75
+ if (t === void 0 && (t = !1), e !== null)
76
+ if (this.cancelNextCallback(), e === v) {
77
+ if (this.props.unmountOnExit || this.props.mountOnEnter) {
78
+ var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this);
79
+ i && z(i);
80
+ }
81
+ this.performEnter(t);
82
+ } else
83
+ this.performExit();
84
+ else this.props.unmountOnExit && this.state.status === d && this.setState({
85
+ status: x
86
+ });
87
+ }, s.performEnter = function(t) {
88
+ var e = this, i = this.props.enter, u = this.context ? this.context.isMounting : t, l = this.props.nodeRef ? [u] : [g.findDOMNode(this), u], p = l[0], f = l[1], h = this.getTimeouts(), T = u ? h.appear : h.enter;
89
+ if (!t && !i || R.disabled) {
90
+ this.safeSetState({
91
+ status: E
92
+ }, function() {
93
+ e.props.onEntered(p);
94
+ });
95
+ return;
96
+ }
97
+ this.props.onEnter(p, f), this.safeSetState({
98
+ status: v
99
+ }, function() {
100
+ e.props.onEntering(p, f), e.onTransitionEnd(T, function() {
101
+ e.safeSetState({
102
+ status: E
103
+ }, function() {
104
+ e.props.onEntered(p, f);
105
+ });
106
+ });
107
+ });
108
+ }, s.performExit = function() {
109
+ var t = this, e = this.props.exit, i = this.getTimeouts(), u = this.props.nodeRef ? void 0 : g.findDOMNode(this);
110
+ if (!e || R.disabled) {
111
+ this.safeSetState({
112
+ status: d
113
+ }, function() {
114
+ t.props.onExited(u);
115
+ });
116
+ return;
117
+ }
118
+ this.props.onExit(u), this.safeSetState({
119
+ status: N
120
+ }, function() {
121
+ t.props.onExiting(u), t.onTransitionEnd(i.exit, function() {
122
+ t.safeSetState({
123
+ status: d
124
+ }, function() {
125
+ t.props.onExited(u);
126
+ });
127
+ });
128
+ });
129
+ }, s.cancelNextCallback = function() {
130
+ this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
131
+ }, s.safeSetState = function(t, e) {
132
+ e = this.setNextCallback(e), this.setState(t, e);
133
+ }, s.setNextCallback = function(t) {
134
+ var e = this, i = !0;
135
+ return this.nextCallback = function(u) {
136
+ i && (i = !1, e.nextCallback = null, t(u));
137
+ }, this.nextCallback.cancel = function() {
138
+ i = !1;
139
+ }, this.nextCallback;
140
+ }, s.onTransitionEnd = function(t, e) {
141
+ this.setNextCallback(e);
142
+ var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this), u = t == null && !this.props.addEndListener;
143
+ if (!i || u) {
144
+ setTimeout(this.nextCallback, 0);
145
+ return;
146
+ }
147
+ if (this.props.addEndListener) {
148
+ var l = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback], p = l[0], f = l[1];
149
+ this.props.addEndListener(p, f);
150
+ }
151
+ t != null && setTimeout(this.nextCallback, t);
152
+ }, s.render = function() {
153
+ var t = this.state.status;
154
+ if (t === x)
155
+ return null;
156
+ var e = this.props, i = e.children;
157
+ e.in, e.mountOnEnter, e.unmountOnExit, e.appear, e.enter, e.exit, e.timeout, e.addEndListener, e.onEnter, e.onEntering, e.onEntered, e.onExit, e.onExiting, e.onExited, e.nodeRef;
158
+ var u = M(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
159
+ return (
160
+ // allows for nested Transitions
161
+ /* @__PURE__ */ b.createElement(C.Provider, {
162
+ value: null
163
+ }, typeof i == "function" ? i(t, u) : b.cloneElement(b.Children.only(i), u))
164
+ );
165
+ }, a;
166
+ }(b.Component);
167
+ c.contextType = C;
168
+ c.propTypes = process.env.NODE_ENV !== "production" ? {
169
+ /**
170
+ * A React reference to DOM element that need to transition:
171
+ * https://stackoverflow.com/a/51127130/4671932
172
+ *
173
+ * - When `nodeRef` prop is used, `node` is not passed to callback functions
174
+ * (e.g. `onEnter`) because user already has direct access to the node.
175
+ * - When changing `key` prop of `Transition` in a `TransitionGroup` a new
176
+ * `nodeRef` need to be provided to `Transition` with changed `key` prop
177
+ * (see
178
+ * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
179
+ */
180
+ nodeRef: n.shape({
181
+ current: typeof Element > "u" ? n.any : function(o, a, s, r, t, e) {
182
+ var i = o[a];
183
+ return n.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(o, a, s, r, t, e);
184
+ }
185
+ }),
186
+ /**
187
+ * A `function` child can be used instead of a React element. This function is
188
+ * called with the current transition status (`'entering'`, `'entered'`,
189
+ * `'exiting'`, `'exited'`), which can be used to apply context
190
+ * specific props to a component.
191
+ *
192
+ * ```jsx
193
+ * <Transition in={this.state.in} timeout={150}>
194
+ * {state => (
195
+ * <MyComponent className={`fade fade-${state}`} />
196
+ * )}
197
+ * </Transition>
198
+ * ```
199
+ */
200
+ children: n.oneOfType([n.func.isRequired, n.element.isRequired]).isRequired,
201
+ /**
202
+ * Show the component; triggers the enter or exit states
203
+ */
204
+ in: n.bool,
205
+ /**
206
+ * By default the child component is mounted immediately along with
207
+ * the parent `Transition` component. If you want to "lazy mount" the component on the
208
+ * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
209
+ * mounted, even on "exited", unless you also specify `unmountOnExit`.
210
+ */
211
+ mountOnEnter: n.bool,
212
+ /**
213
+ * By default the child component stays mounted after it reaches the `'exited'` state.
214
+ * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
215
+ */
216
+ unmountOnExit: n.bool,
217
+ /**
218
+ * By default the child component does not perform the enter transition when
219
+ * it first mounts, regardless of the value of `in`. If you want this
220
+ * behavior, set both `appear` and `in` to `true`.
221
+ *
222
+ * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
223
+ * > only adds an additional enter transition. However, in the
224
+ * > `<CSSTransition>` component that first enter transition does result in
225
+ * > additional `.appear-*` classes, that way you can choose to style it
226
+ * > differently.
227
+ */
228
+ appear: n.bool,
229
+ /**
230
+ * Enable or disable enter transitions.
231
+ */
232
+ enter: n.bool,
233
+ /**
234
+ * Enable or disable exit transitions.
235
+ */
236
+ exit: n.bool,
237
+ /**
238
+ * The duration of the transition, in milliseconds.
239
+ * Required unless `addEndListener` is provided.
240
+ *
241
+ * You may specify a single timeout for all transitions:
242
+ *
243
+ * ```jsx
244
+ * timeout={500}
245
+ * ```
246
+ *
247
+ * or individually:
248
+ *
249
+ * ```jsx
250
+ * timeout={{
251
+ * appear: 500,
252
+ * enter: 300,
253
+ * exit: 500,
254
+ * }}
255
+ * ```
256
+ *
257
+ * - `appear` defaults to the value of `enter`
258
+ * - `enter` defaults to `0`
259
+ * - `exit` defaults to `0`
260
+ *
261
+ * @type {number | { enter?: number, exit?: number, appear?: number }}
262
+ */
263
+ timeout: function(a) {
264
+ var s = B;
265
+ a.addEndListener || (s = s.isRequired);
266
+ for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
267
+ t[e - 1] = arguments[e];
268
+ return s.apply(void 0, [a].concat(t));
269
+ },
270
+ /**
271
+ * Add a custom transition end trigger. Called with the transitioning
272
+ * DOM node and a `done` callback. Allows for more fine grained transition end
273
+ * logic. Timeouts are still used as a fallback if provided.
274
+ *
275
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
276
+ *
277
+ * ```jsx
278
+ * addEndListener={(node, done) => {
279
+ * // use the css transitionend event to mark the finish of a transition
280
+ * node.addEventListener('transitionend', done, false);
281
+ * }}
282
+ * ```
283
+ */
284
+ addEndListener: n.func,
285
+ /**
286
+ * Callback fired before the "entering" status is applied. An extra parameter
287
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
288
+ *
289
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
290
+ *
291
+ * @type Function(node: HtmlElement, isAppearing: bool) -> void
292
+ */
293
+ onEnter: n.func,
294
+ /**
295
+ * Callback fired after the "entering" status is applied. An extra parameter
296
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
297
+ *
298
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
299
+ *
300
+ * @type Function(node: HtmlElement, isAppearing: bool)
301
+ */
302
+ onEntering: n.func,
303
+ /**
304
+ * Callback fired after the "entered" status is applied. An extra parameter
305
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
306
+ *
307
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
308
+ *
309
+ * @type Function(node: HtmlElement, isAppearing: bool) -> void
310
+ */
311
+ onEntered: n.func,
312
+ /**
313
+ * Callback fired before the "exiting" status is applied.
314
+ *
315
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
316
+ *
317
+ * @type Function(node: HtmlElement) -> void
318
+ */
319
+ onExit: n.func,
320
+ /**
321
+ * Callback fired after the "exiting" status is applied.
322
+ *
323
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
324
+ *
325
+ * @type Function(node: HtmlElement) -> void
326
+ */
327
+ onExiting: n.func,
328
+ /**
329
+ * Callback fired after the "exited" status is applied.
330
+ *
331
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed
332
+ *
333
+ * @type Function(node: HtmlElement) -> void
334
+ */
335
+ onExited: n.func
336
+ } : {};
337
+ function m() {
338
+ }
339
+ c.defaultProps = {
340
+ in: !1,
341
+ mountOnEnter: !1,
342
+ unmountOnExit: !1,
343
+ appear: !1,
344
+ enter: !0,
345
+ exit: !0,
346
+ onEnter: m,
347
+ onEntering: m,
348
+ onEntered: m,
349
+ onExit: m,
350
+ onExiting: m,
351
+ onExited: m
352
+ };
353
+ c.UNMOUNTED = x;
354
+ c.EXITED = d;
355
+ c.ENTERING = v;
356
+ c.ENTERED = E;
357
+ c.EXITING = N;
358
+ const me = (o) => o.scrollTop;
359
+ function Ee(o, a) {
360
+ const {
361
+ timeout: s,
362
+ easing: r,
363
+ style: t = {}
364
+ } = o;
365
+ return {
366
+ duration: t.transitionDuration ?? (typeof s == "number" ? s : s[a.mode] || 0),
367
+ easing: t.transitionTimingFunction ?? (typeof r == "object" ? r[a.mode] : r),
368
+ delay: t.transitionDelay
369
+ };
370
+ }
371
+ function J(o) {
372
+ const a = typeof o;
373
+ switch (a) {
374
+ case "number":
375
+ return Number.isNaN(o) ? "NaN" : Number.isFinite(o) ? o !== Math.floor(o) ? "float" : "number" : "Infinity";
376
+ case "object":
377
+ return o === null ? "null" : o.constructor.name;
378
+ default:
379
+ return a;
380
+ }
381
+ }
382
+ function w(o, a, s, r) {
383
+ const t = o[a];
384
+ if (t == null || !Number.isInteger(t)) {
385
+ const e = J(t);
386
+ return new RangeError(`Invalid ${r} \`${a}\` of type \`${e}\` supplied to \`${s}\`, expected \`integer\`.`);
387
+ }
388
+ return null;
389
+ }
390
+ function k(o, a, s, r) {
391
+ return o[a] === void 0 ? null : w(o, a, s, r);
392
+ }
393
+ function y() {
394
+ return null;
395
+ }
396
+ k.isRequired = w;
397
+ y.isRequired = y;
398
+ const K = process.env.NODE_ENV === "production" ? y : k;
399
+ function Q(o) {
400
+ return F("MuiPaper", o);
401
+ }
402
+ X("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
403
+ const Y = (o) => {
404
+ const {
405
+ square: a,
406
+ elevation: s,
407
+ variant: r,
408
+ classes: t
409
+ } = o, e = {
410
+ root: ["root", r, !a && "rounded", r === "elevation" && `elevation${s}`]
411
+ };
412
+ return q(e, Q, t);
413
+ }, Z = U("div", {
414
+ name: "MuiPaper",
415
+ slot: "Root",
416
+ overridesResolver: (o, a) => {
417
+ const {
418
+ ownerState: s
419
+ } = o;
420
+ return [a.root, a[s.variant], !s.square && a.rounded, s.variant === "elevation" && a[`elevation${s.elevation}`]];
421
+ }
422
+ })(j(({
423
+ theme: o
424
+ }) => ({
425
+ backgroundColor: (o.vars || o).palette.background.paper,
426
+ color: (o.vars || o).palette.text.primary,
427
+ transition: o.transitions.create("box-shadow"),
428
+ variants: [{
429
+ props: ({
430
+ ownerState: a
431
+ }) => !a.square,
432
+ style: {
433
+ borderRadius: o.shape.borderRadius
434
+ }
435
+ }, {
436
+ props: {
437
+ variant: "outlined"
438
+ },
439
+ style: {
440
+ border: `1px solid ${(o.vars || o).palette.divider}`
441
+ }
442
+ }, {
443
+ props: {
444
+ variant: "elevation"
445
+ },
446
+ style: {
447
+ boxShadow: "var(--Paper-shadow)",
448
+ backgroundImage: "var(--Paper-overlay)"
449
+ }
450
+ }]
451
+ }))), ee = /* @__PURE__ */ P.forwardRef(function(a, s) {
452
+ var O;
453
+ const r = _({
454
+ props: a,
455
+ name: "MuiPaper"
456
+ }), t = H(), {
457
+ className: e,
458
+ component: i = "div",
459
+ elevation: u = 1,
460
+ square: l = !1,
461
+ variant: p = "elevation",
462
+ ...f
463
+ } = r, h = {
464
+ ...r,
465
+ component: i,
466
+ elevation: u,
467
+ square: l,
468
+ variant: p
469
+ }, T = Y(h);
470
+ return process.env.NODE_ENV !== "production" && t.shadows[u] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${u}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${u}]\` is defined.`].join(`
471
+ `)), /* @__PURE__ */ A.jsx(Z, {
472
+ as: i,
473
+ ownerState: h,
474
+ className: $(T.root, e),
475
+ ref: s,
476
+ ...f,
477
+ style: {
478
+ ...p === "elevation" && {
479
+ "--Paper-shadow": (t.vars || t).shadows[u],
480
+ ...t.vars && {
481
+ "--Paper-overlay": (O = t.vars.overlays) == null ? void 0 : O[u]
482
+ },
483
+ ...!t.vars && t.palette.mode === "dark" && {
484
+ "--Paper-overlay": `linear-gradient(${D("#fff", S(u))}, ${D("#fff", S(u))})`
485
+ }
486
+ },
487
+ ...f.style
488
+ }
489
+ });
490
+ });
491
+ process.env.NODE_ENV !== "production" && (ee.propTypes = {
492
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
493
+ // │ These PropTypes are generated from the TypeScript type definitions. │
494
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
495
+ // └─────────────────────────────────────────────────────────────────────┘
496
+ /**
497
+ * The content of the component.
498
+ */
499
+ children: n.node,
500
+ /**
501
+ * Override or extend the styles applied to the component.
502
+ */
503
+ classes: n.object,
504
+ /**
505
+ * @ignore
506
+ */
507
+ className: n.string,
508
+ /**
509
+ * The component used for the root node.
510
+ * Either a string to use a HTML element or a component.
511
+ */
512
+ component: n.elementType,
513
+ /**
514
+ * Shadow depth, corresponds to `dp` in the spec.
515
+ * It accepts values between 0 and 24 inclusive.
516
+ * @default 1
517
+ */
518
+ elevation: W(K, (o) => {
519
+ const {
520
+ elevation: a,
521
+ variant: s
522
+ } = o;
523
+ return a > 0 && s === "outlined" ? new Error(`MUI: Combining \`elevation={${a}}\` with \`variant="${s}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
524
+ }),
525
+ /**
526
+ * If `true`, rounded corners are disabled.
527
+ * @default false
528
+ */
529
+ square: n.bool,
530
+ /**
531
+ * @ignore
532
+ */
533
+ style: n.object,
534
+ /**
535
+ * The system prop that allows defining system overrides as well as additional CSS styles.
536
+ */
537
+ sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
538
+ /**
539
+ * The variant to use.
540
+ * @default 'elevation'
541
+ */
542
+ variant: n.oneOfType([n.oneOf(["elevation", "outlined"]), n.string])
543
+ });
544
+ export {
545
+ ee as P,
546
+ c as T,
547
+ ve as c,
548
+ z as f,
549
+ Ee as g,
550
+ K as i,
551
+ me as r,
552
+ H as u
553
+ };
@@ -1,17 +1,18 @@
1
1
  import * as i from "react";
2
- import { c as F, P as e, j as Uo, f as Je } from "./createTheme-DjqDAiZm.js";
3
- import { u as ae, s as N, a as ie, b as Y, m as V, r as me, e as Vo, c as Ho } from "./createSvgIcon-vJH0FaMW.js";
4
- import { F as Ro, u as fo, a as Qe } from "./useFormControl-B3RPiDsz.js";
2
+ import { c as F, P as e, l as Uo, f as Je } from "./createTheme-DbdaZ0Ku.js";
3
+ import { u as ae, s as N, c as ie, a as Y, m as V, r as me, e as Vo, b as Ho } from "./createSvgIcon-DpVs_nKR.js";
4
+ import { F as Ro, u as Qe } from "./useFormControl-CatNKXAi.js";
5
5
  import { g as Ce, f as To } from "./colorManipulator-ep5lERxB.js";
6
6
  import { g as xe } from "./generateUtilityClasses-BtVDwGrk.js";
7
7
  import { j as m } from "./jsx-runtime-DywqP_6a.js";
8
8
  import { c as Se } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
9
- import { g as _o, i as mo } from "./iconButtonClasses-qz3jor3M.js";
10
- import { c as No, B as qo, r as Oe, u as Me, d as Ko, e as Go, b as Xo } from "./useSlot-DFSsVuMw.js";
9
+ import { g as _o, i as fo } from "./iconButtonClasses-qz3jor3M.js";
10
+ import { c as No, B as qo, r as Oe, u as Me, f as Ko, e as Go, d as Xo } from "./ButtonBase-C0g54hXq.js";
11
11
  import { css as Po, keyframes as jo } from "@emotion/react";
12
- import { o as Yo, M as Zo, a as bo, d as Jo, i as go, g as Qo } from "./Menu-D2LDo0yd.js";
12
+ import { o as Yo, M as Zo, a as mo, d as Jo, i as bo, g as Qo } from "./Menu-BuktPpzX.js";
13
+ import { u as go } from "./useControlled-nm4pBabJ.js";
13
14
  import { i as Ee, g as et, a as ot, o as X } from "./outlinedInputClasses-DM19xjo3.js";
14
- import { g as tt } from "./index-DcImsw9J.js";
15
+ import { g as tt } from "./index-CjPqjRDL.js";
15
16
  import { u as Xe } from "./useEnhancedEffect-CJGo-L3B.js";
16
17
  let yo = 0;
17
18
  function nt(o) {
@@ -635,11 +636,11 @@ const yt = (o) => {
635
636
  fontSize: o.typography.pxToRem(28)
636
637
  }
637
638
  }],
638
- [`&.${mo.disabled}`]: {
639
+ [`&.${fo.disabled}`]: {
639
640
  backgroundColor: "transparent",
640
641
  color: (o.vars || o).palette.action.disabled
641
642
  },
642
- [`&.${mo.loading}`]: {
643
+ [`&.${fo.loading}`]: {
643
644
  color: "transparent"
644
645
  }
645
646
  }))), vt = N("span", {
@@ -1136,11 +1137,11 @@ const Pt = (o) => {
1136
1137
  value: K,
1137
1138
  variant: B = "standard",
1138
1139
  ...q
1139
- } = t, [P, Ue] = fo({
1140
+ } = t, [P, Ue] = go({
1140
1141
  controlled: K,
1141
1142
  default: f,
1142
1143
  name: "Select"
1143
- }), [we, ke] = fo({
1144
+ }), [we, ke] = go({
1144
1145
  controlled: _,
1145
1146
  default: y,
1146
1147
  name: "Select"
@@ -1560,7 +1561,7 @@ const Wo = /* @__PURE__ */ i.forwardRef(function(t, n) {
1560
1561
  const c = f.current, p = x.current;
1561
1562
  if (!c || !p)
1562
1563
  return;
1563
- const w = bo(c).getComputedStyle(c);
1564
+ const w = mo(c).getComputedStyle(c);
1564
1565
  if (w.width === "0px")
1565
1566
  return {
1566
1567
  outerHeightStyle: 0,
@@ -1595,7 +1596,7 @@ const Wo = /* @__PURE__ */ i.forwardRef(function(t, n) {
1595
1596
  const c = Jo(g), p = f == null ? void 0 : f.current;
1596
1597
  if (!p)
1597
1598
  return;
1598
- const j = bo(p);
1599
+ const j = mo(p);
1599
1600
  j.addEventListener("resize", c);
1600
1601
  let w;
1601
1602
  return typeof ResizeObserver < "u" && (w = new ResizeObserver(() => {
@@ -2011,7 +2012,7 @@ const Ae = (o, t) => {
2011
2012
  ref: n,
2012
2013
  onClick: re,
2013
2014
  ...Ve,
2014
- ...!go(Te) && {
2015
+ ...!bo(Te) && {
2015
2016
  ownerState: {
2016
2017
  ...ue,
2017
2018
  ...pe.ownerState
@@ -2039,7 +2040,7 @@ const Ae = (o, t) => {
2039
2040
  onKeyUp: le,
2040
2041
  type: G,
2041
2042
  ...D,
2042
- ...!go(Ne) && {
2043
+ ...!bo(Ne) && {
2043
2044
  as: be,
2044
2045
  ownerState: {
2045
2046
  ...ue,
@@ -1,10 +1,10 @@
1
- import { P as e, h as O, r as m, e as V, f as C, m as D, b as E, g as b } from "./createTheme-DjqDAiZm.js";
2
- import { d as N, b as R, s as F, u as B } from "./createSvgIcon-vJH0FaMW.js";
1
+ import { P as e, h as O, r as m, e as V, f as C, m as D, b as E, g as b } from "./createTheme-DbdaZ0Ku.js";
2
+ import { d as N, a as R, s as F, u as B } from "./createSvgIcon-DpVs_nKR.js";
3
3
  import * as f from "react";
4
4
  import { c as M } from "./clsx-OuTLNxxd.js";
5
5
  import { j as w } from "./jsx-runtime-DywqP_6a.js";
6
- import { e as G } from "./extendSxProp-BnfiUPQK.js";
7
- import { u as U } from "./useThemeProps-DQiCrjPQ.js";
6
+ import { e as G } from "./extendSxProp-CQnEn3aw.js";
7
+ import { u as U } from "./useThemeProps-DdCEfRBE.js";
8
8
  import { g as $ } from "./colorManipulator-ep5lERxB.js";
9
9
  const A = N(), _ = E(), I = A("div", {
10
10
  name: "MuiStack",