@solostylist/ui-kit 1.0.175 → 1.0.176

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 (203) hide show
  1. package/dist/{ArrowUpward-DhTFpzoh.js → ArrowUpward-CEeqSc-C.js} +2 -2
  2. package/dist/{Box-Ha0cQ4KO.js → Box-CE3rycd-.js} +5 -5
  3. package/dist/ButtonBase-C_YYB9Ry.js +1099 -0
  4. package/dist/{ChevronLeft-CBuFk2Fh.js → ChevronLeft-6gdh4lRt.js} +2 -2
  5. package/dist/{ChevronRight-CnDWPrOm.js → ChevronRight-CC3l-wPC.js} +2 -2
  6. package/dist/{Close-BRlEKA2Q.js → Close-DOHlPcFK.js} +2 -2
  7. package/dist/{ContentCopy-7nFBtjhs.js → ContentCopy-2xxDThyB.js} +2 -2
  8. package/dist/DefaultPropsProvider-sk0uWcA6.js +64 -0
  9. package/dist/{Download-UsLvGg3y.js → Download-Chao5NQl.js} +2 -2
  10. package/dist/{ExpandMore-DTWX_mHf.js → ExpandMore-DIGPB4Mj.js} +2 -2
  11. package/dist/{Favorite-DS5Gpq2s.js → Favorite-wp65zwWq.js} +2 -2
  12. package/dist/{Menu-CWq-a1Wz.js → Menu-DZYzE2Mg.js} +908 -906
  13. package/dist/{MenuItem-DY_qFSPR.js → MenuItem-BXiIhfBS.js} +26 -25
  14. package/dist/Paper-DnctZB5U.js +689 -0
  15. package/dist/{Select-DabtQlJT.js → Select-DY7XGVsv.js} +2152 -2115
  16. package/dist/{Stack-Cq2r2NmC.js → Stack-BScsuyQy.js} +6 -6
  17. package/dist/{Typography-C8jwvSWe.js → Typography-9Kg27dDw.js} +84 -86
  18. package/dist/{_commonjsHelpers-B4e78b8K.js → _commonjsHelpers-ByX85dGu.js} +18 -13
  19. package/dist/assets/s-overlay-scrollbar.css +1 -9
  20. package/dist/createSvgIcon-BKymXuBG.js +242 -0
  21. package/dist/{createTheme-3Wd3hHrj.js → createTheme-f5g1s6ww.js} +859 -906
  22. package/dist/defaultTheme-LSr-S9un.js +5 -0
  23. package/dist/entries/carousel.d.ts +10 -0
  24. package/dist/entries/carousel.js +4 -0
  25. package/dist/entries/chat.d.ts +9 -0
  26. package/dist/entries/chat.js +4 -0
  27. package/dist/entries/code.d.ts +9 -0
  28. package/dist/entries/code.js +4 -0
  29. package/dist/entries/core.d.ts +100 -0
  30. package/dist/entries/core.js +122 -0
  31. package/dist/entries/dates.d.ts +16 -0
  32. package/dist/entries/dates.js +12 -0
  33. package/dist/entries/dropzone.d.ts +9 -0
  34. package/dist/entries/dropzone.js +4 -0
  35. package/dist/entries/editor.d.ts +12 -0
  36. package/dist/entries/editor.js +4 -0
  37. package/dist/entries/gallery.d.ts +17 -0
  38. package/dist/entries/gallery.js +13 -0
  39. package/dist/entries/i18n.d.ts +13 -0
  40. package/dist/entries/i18n.js +8 -0
  41. package/dist/entries/motion.d.ts +29 -0
  42. package/dist/entries/motion.js +28 -0
  43. package/dist/entries/scrollbar.d.ts +9 -0
  44. package/dist/entries/scrollbar.js +4 -0
  45. package/dist/entries/stripe.d.ts +10 -0
  46. package/dist/entries/stripe.js +10 -0
  47. package/dist/extendSxProp-DitxZ8We.js +36 -0
  48. package/dist/hooks/index.js +8 -9
  49. package/dist/hooks/use-is-passed-position.js +10 -10
  50. package/dist/{index-BGvzecIA.js → index-D3G5Rwl-.js} +0 -7
  51. package/dist/{index-CfKHZ86U.js → index-DtYP8YE7.js} +12 -13
  52. package/dist/{jsx-runtime-OVHDjVDe.js → jsx-runtime-tc70JA_2.js} +108 -128
  53. package/dist/main.d.ts +29 -145
  54. package/dist/main.js +187 -187
  55. package/dist/mergeSlotProps-CuzBQdlp.js +62 -0
  56. package/dist/resolveProps-BDH0VJjn.js +39 -0
  57. package/dist/s-accordion/package.json +5 -5
  58. package/dist/s-accordion/s-accordion.js +374 -358
  59. package/dist/s-action-overlay/package.json +5 -5
  60. package/dist/s-action-overlay/s-action-overlay.js +64 -79
  61. package/dist/s-ai-tool-bar/package.json +5 -5
  62. package/dist/s-ai-tool-bar/s-ai-tool-bar.js +260 -275
  63. package/dist/s-autocomplete/s-autocomplete.js +19 -25
  64. package/dist/s-avatar/package.json +5 -5
  65. package/dist/s-avatar/s-avatar.js +14 -25
  66. package/dist/s-blur-text/package.json +5 -5
  67. package/dist/s-blur-text/s-blur-text.js +55 -59
  68. package/dist/s-breadcrumbs/package.json +5 -5
  69. package/dist/s-breadcrumbs/s-breadcrumbs.js +31 -39
  70. package/dist/s-button/package.json +5 -5
  71. package/dist/s-button/s-button.js +7 -15
  72. package/dist/s-button-link/s-button-link.js +28 -36
  73. package/dist/s-carousel/package.json +4 -4
  74. package/dist/s-carousel/s-carousel.js +267 -280
  75. package/dist/s-category-card/package.json +4 -4
  76. package/dist/s-category-card/s-category-card.js +60 -77
  77. package/dist/s-chat-input/package.json +5 -5
  78. package/dist/s-chat-input/s-chat-input.js +84 -92
  79. package/dist/s-chat-message/s-chat-message.js +111 -120
  80. package/dist/s-checkbox/s-checkbox.js +12 -20
  81. package/dist/s-chip/package.json +5 -5
  82. package/dist/s-chip/s-chip.js +7 -15
  83. package/dist/s-chips/s-chips.js +47 -56
  84. package/dist/s-code-block/package.json +5 -5
  85. package/dist/s-code-block/s-code-block.js +35 -43
  86. package/dist/s-comment-message/package.json +5 -5
  87. package/dist/s-comment-message/s-comment-message.js +90 -94
  88. package/dist/s-copyable-text/s-copyable-text.js +24 -32
  89. package/dist/s-countdown/s-count-box.js +42 -50
  90. package/dist/s-countdown/s-count-down.js +79 -107
  91. package/dist/s-data-table/s-data-table.js +374 -384
  92. package/dist/s-date-picker/s-date-picker.js +164 -164
  93. package/dist/s-datetime-picker/s-datetime-picker.js +1599 -1603
  94. package/dist/s-dialog/s-dialog.js +24 -32
  95. package/dist/s-dialog-confirm/s-dialog-confirm.js +46 -50
  96. package/dist/s-dialog-message/s-dialog-message.js +40 -44
  97. package/dist/s-empty/s-empty.js +6 -14
  98. package/dist/s-error/s-error.js +9 -17
  99. package/dist/s-error-layout/s-error-layout.js +38 -47
  100. package/dist/s-file-dropzone/s-file-dropzone.js +55 -64
  101. package/dist/s-file-icon/s-file-icon.js +9 -13
  102. package/dist/s-flex-box/s-flex-box.js +6 -14
  103. package/dist/s-form/s-form.js +11 -19
  104. package/dist/s-gallery/index.js +3 -33
  105. package/dist/s-gallery/s-gallery.js +91 -114
  106. package/dist/s-glow-button/s-glow-button.js +22 -26
  107. package/dist/s-gradient-icon/s-gradient-icon.js +49 -59
  108. package/dist/s-i18n-provider/s-i18n-provider.js +17 -25
  109. package/dist/s-icon-button/s-icon-button.js +6 -14
  110. package/dist/s-image-comparison/package.json +5 -5
  111. package/dist/s-image-comparison/s-image-comparison.js +48 -53
  112. package/dist/s-image-modal/package.json +5 -5
  113. package/dist/s-image-modal/s-image-modal.js +137 -150
  114. package/dist/s-item-not-found/s-item-not-found.js +13 -22
  115. package/dist/s-label/s-label.js +12 -20
  116. package/dist/s-language-switcher/s-language-switcher.js +119 -141
  117. package/dist/s-lazy-image/index.js +2 -10
  118. package/dist/s-lazy-image/s-lazy-image.js +33 -37
  119. package/dist/s-localization-provider/s-localization-provider.js +368 -380
  120. package/dist/s-moving-border/s-moving-border.js +52 -67
  121. package/dist/s-multi-select/s-multi-select.js +43 -51
  122. package/dist/s-no-ssr/s-no-ssr.js +13 -21
  123. package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js +12 -16
  124. package/dist/s-pagination/s-pagination.js +13 -17
  125. package/dist/s-pixel-reveal/package.json +5 -5
  126. package/dist/s-pixel-reveal/s-pixel-reveal.js +92 -99
  127. package/dist/s-radial-pulse-animate/package.json +5 -5
  128. package/dist/s-radial-pulse-animate/s-radial-pulse-animate.js +40 -48
  129. package/dist/s-rating/package.json +5 -5
  130. package/dist/s-rating/s-rating.js +7 -15
  131. package/dist/s-review/package.json +5 -5
  132. package/dist/s-review/s-review.js +101 -106
  133. package/dist/s-scroll-reveal/package.json +5 -5
  134. package/dist/s-scroll-reveal/s-scroll-reveal.js +40 -48
  135. package/dist/s-scroll-to-top/package.json +5 -5
  136. package/dist/s-scroll-to-top/s-scroll-to-top.js +20 -30
  137. package/dist/s-scroll-velocity/package.json +5 -5
  138. package/dist/s-scroll-velocity/s-scroll-velocity.js +5 -19
  139. package/dist/s-scroll-velocity/scroll-velocity-container.js +18 -27
  140. package/dist/s-scroll-velocity/scroll-velocity-row.js +62 -71
  141. package/dist/s-select/s-select.js +67 -75
  142. package/dist/s-select-list/s-select-list.js +28 -32
  143. package/dist/s-skeleton/s-skeleton.js +20 -28
  144. package/dist/s-snackbar-message/s-snackbar-message.js +36 -40
  145. package/dist/s-spotlight-cursor/s-spotlight-cursor.js +31 -35
  146. package/dist/s-stripe/s-stripe-cvc.js +8 -12
  147. package/dist/s-stripe/s-stripe-expiry.js +8 -12
  148. package/dist/s-stripe/s-stripe-number.js +8 -12
  149. package/dist/s-stripe/s-stripe.d.ts +2 -2
  150. package/dist/s-stripe/s-stripe.js +17 -26
  151. package/dist/s-stripe/stripe-input.js +25 -29
  152. package/dist/s-tabs/package.json +3 -3
  153. package/dist/s-tabs/s-tab-panel.js +17 -25
  154. package/dist/s-tabs/s-tab.js +5 -9
  155. package/dist/s-tabs/s-tabs.js +19 -27
  156. package/dist/s-text-editor/s-text-editor-toolbar.js +73 -88
  157. package/dist/s-text-editor/s-text-editor.js +33 -45
  158. package/dist/s-text-field/s-text-field.js +31 -40
  159. package/dist/s-text-shimmer/package.json +4 -4
  160. package/dist/s-text-shimmer/s-text-shimmer.js +19 -27
  161. package/dist/s-text-truncation/s-text-truncation.js +24 -32
  162. package/dist/s-theme-demo/package.json +5 -5
  163. package/dist/s-theme-demo/s-theme-demo.js +219 -234
  164. package/dist/s-theme-provider/s-theme-provider.js +37 -45
  165. package/dist/s-theme-switch/package.json +4 -4
  166. package/dist/s-theme-switch/s-theme-switch.js +19 -23
  167. package/dist/s-tip/s-tip.js +14 -22
  168. package/dist/s-two-pane-layout/index.js +2 -10
  169. package/dist/s-two-pane-layout/s-two-pane-layout.js +47 -55
  170. package/dist/s-typewriter-text/package.json +5 -5
  171. package/dist/s-typewriter-text/s-typewriter-text.js +27 -35
  172. package/dist/s-zoom-image/index.js +2 -10
  173. package/dist/s-zoom-image/package.json +5 -5
  174. package/dist/s-zoom-image/s-zoom-image.js +53 -62
  175. package/dist/styled-B0KflPi-.js +203 -0
  176. package/dist/theme/components/alert.d.ts +484 -264
  177. package/dist/theme/components/avatar.js +2 -2
  178. package/dist/theme/components/button.d.ts +726 -396
  179. package/dist/theme/components/chip.js +2 -2
  180. package/dist/theme/components/icon-button.d.ts +726 -396
  181. package/dist/theme/customizations/data-display.js +1 -1
  182. package/dist/theme/customizations/inputs.js +2 -2
  183. package/dist/theme/customizations/navigation.js +2 -2
  184. package/dist/theme/theme-primitives.d.ts +8 -246
  185. package/dist/theme/theme-primitives.js +76 -87
  186. package/dist/{typographyClasses-DDyl9mok.js → typographyClasses-C7fhAsUD.js} +4 -4
  187. package/dist/{useMobilePicker-C1RZZUWr.js → useMobilePicker-C4AYe0Ch.js} +11249 -11231
  188. package/dist/{useTheme-B5czKfC4.js → useTheme-CtdhfT4P.js} +1 -1
  189. package/dist/{useThemeProps-DqA5BinV.js → useThemeProps-_apS-Aua.js} +2 -2
  190. package/dist/utils/dayjs.js +7 -7
  191. package/dist/utils/logger.js +29 -32
  192. package/dist/{warning-BCwEnWrE.js → warning-DnPRVtW6.js} +4 -4
  193. package/package.json +240 -81
  194. package/README.md +0 -13
  195. package/dist/ButtonBase-DfTfJ_ou.js +0 -1105
  196. package/dist/DefaultPropsProvider-CaCsvQaq.js +0 -78
  197. package/dist/Paper-hkbPWyBT.js +0 -553
  198. package/dist/createSvgIcon-DxwgGAVe.js +0 -247
  199. package/dist/defaultTheme-fEi1x1Gb.js +0 -5
  200. package/dist/extendSxProp-BKWjdW12.js +0 -37
  201. package/dist/mergeSlotProps-Dl_rJtoN.js +0 -62
  202. package/dist/resolveProps-61uUKnlS.js +0 -52
  203. package/dist/styled-B0Z4EDy9.js +0 -206
@@ -1,78 +0,0 @@
1
- import { p as h } from "./styled-B0Z4EDy9.js";
2
- import * as p from "react";
3
- import { P as i } from "./createTheme-3Wd3hHrj.js";
4
- import "./jsx-runtime-OVHDjVDe.js";
5
- import { r as c } from "./resolveProps-61uUKnlS.js";
6
- function d(e) {
7
- var t, o, n = "";
8
- if (typeof e == "string" || typeof e == "number") n += e;
9
- else if (typeof e == "object") if (Array.isArray(e)) {
10
- var r = e.length;
11
- for (t = 0; t < r; t++) e[t] && (o = d(e[t])) && (n && (n += " "), n += o);
12
- } else for (o in e) e[o] && (n && (n += " "), n += o);
13
- return n;
14
- }
15
- function T() {
16
- for (var e, t, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = d(e)) && (n && (n += " "), n += t);
17
- return n;
18
- }
19
- function A(e, t, o = void 0) {
20
- const n = {};
21
- for (const r in e) {
22
- const s = e[r];
23
- let m = "", f = !0;
24
- for (let a = 0; a < s.length; a += 1) {
25
- const u = s[a];
26
- u && (m += (f === !0 ? "" : " ") + t(u), f = !1, o && o[u] && (m += " " + o[u]));
27
- }
28
- n[r] = m;
29
- }
30
- return n;
31
- }
32
- const v = /* @__PURE__ */ p.createContext(void 0);
33
- process.env.NODE_ENV !== "production" && (i.node, i.object);
34
- function g(e) {
35
- const {
36
- theme: t,
37
- name: o,
38
- props: n
39
- } = e;
40
- if (!t || !t.components || !t.components[o])
41
- return n;
42
- const r = t.components[o];
43
- return r.defaultProps ? c(r.defaultProps, n, t.components.mergeClassNameAndStyle) : !r.styleOverrides && !r.variants ? c(r, n, t.components.mergeClassNameAndStyle) : n;
44
- }
45
- function y({
46
- props: e,
47
- name: t
48
- }) {
49
- const o = p.useContext(v);
50
- return g({
51
- props: e,
52
- name: t,
53
- theme: {
54
- components: o
55
- }
56
- });
57
- }
58
- const l = {
59
- theme: void 0
60
- };
61
- function P(e) {
62
- let t, o;
63
- return function(r) {
64
- let s = t;
65
- return (s === void 0 || r.theme !== o) && (l.theme = r.theme, s = h(e(l)), t = s, o = r.theme), s;
66
- };
67
- }
68
- const D = P;
69
- process.env.NODE_ENV !== "production" && (i.node, i.object.isRequired);
70
- function E(e) {
71
- return y(e);
72
- }
73
- export {
74
- A as a,
75
- T as c,
76
- D as m,
77
- E as u
78
- };
@@ -1,553 +0,0 @@
1
- import { _ as M } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
2
- import { _ as I, T as C, c as _ } from "./ButtonBase-DfTfJ_ou.js";
3
- import { P as n, k as S } from "./createTheme-3Wd3hHrj.js";
4
- import * as P from "react";
5
- import b from "react";
6
- import g from "react-dom";
7
- import { u as U, c as $, a as q, m as V } from "./DefaultPropsProvider-CaCsvQaq.js";
8
- import { d as j } from "./defaultTheme-fEi1x1Gb.js";
9
- import { T as L } from "./identifier-BKLqN993.js";
10
- import { u as G } from "./useTheme-B5czKfC4.js";
11
- import { j as A } from "./jsx-runtime-OVHDjVDe.js";
12
- import { s as F } from "./styled-B0Z4EDy9.js";
13
- import { g as X, a as D } from "./colorManipulator-ep5lERxB.js";
14
- import { g as W } from "./generateUtilityClasses-BtVDwGrk.js";
15
- function H() {
16
- const o = G(j);
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 X("MuiPaper", o);
401
- }
402
- W("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 = F("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
- })(V(({
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 = U({
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: _(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
- };