@cgi-learning-hub/ui 1.2.0-dev.1725030880 → 1.2.0-dev.1725451328

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 (161) hide show
  1. package/dist/Box-BDMtAH2P.cjs +1 -0
  2. package/dist/{Box-BJvmuM0Y.js → Box-CONPkck2.js} +32 -30
  3. package/dist/Button-By3A0teb.js +454 -0
  4. package/dist/Button-CBAa7bmK.cjs +1 -0
  5. package/dist/ButtonBase-D0vqeM8I.js +890 -0
  6. package/dist/ButtonBase-DePtV_m6.cjs +75 -0
  7. package/dist/CircularProgress-BRnSv2J2.cjs +28 -0
  8. package/dist/CircularProgress-BrfcRJbv.js +251 -0
  9. package/dist/DatePicker-Cw1xQ3Sn.cjs +19 -0
  10. package/dist/{DatePicker-xLT3dl8F.js → DatePicker-wZ1VHlXF.js} +4241 -4100
  11. package/dist/DefaultButton-B1wjXZO7.cjs +1 -0
  12. package/dist/DefaultButton-dbnwLtyd.js +351 -0
  13. package/dist/DefaultPropsProvider-B6IbLm7M.cjs +17 -0
  14. package/dist/DefaultPropsProvider-QV6PDjPd.js +468 -0
  15. package/dist/IconButton-BiLAYORS.js +239 -0
  16. package/dist/IconButton-DE-QtB3Q.cjs +2 -0
  17. package/dist/{InputAdornment-zaw7AFWU.js → InputAdornment-7ED2C-w1.js} +81 -65
  18. package/dist/InputAdornment-CJbpwt2R.cjs +1 -0
  19. package/dist/InputBase-LZPaeC-A.cjs +3 -0
  20. package/dist/InputBase-jbXydPMc.js +802 -0
  21. package/dist/{Stack-Dlgk5t_M.js → Stack-BzF_6-v5.js} +62 -60
  22. package/dist/Stack-D6Kv6y1D.cjs +1 -0
  23. package/dist/Tabs-CV_eM5RY.js +1222 -0
  24. package/dist/Tabs-DcqpjpXb.cjs +4 -0
  25. package/dist/TextField-DAxS82qf.cjs +12 -0
  26. package/dist/{TextField-DG1754qQ.js → TextField-G9MOGCdw.js} +3033 -2408
  27. package/dist/{Tooltip-BjTwTSrD.js → Tooltip-D_4ANHAc.js} +4682 -3406
  28. package/dist/Tooltip-Ma-NowZd.cjs +100 -0
  29. package/dist/TransitionGroupContext-B5aSBz0G.js +64 -0
  30. package/dist/TransitionGroupContext-gQFtuZSh.cjs +1 -0
  31. package/dist/Typography-4kqbsc6q.js +258 -0
  32. package/dist/Typography-CNQVeQXr.cjs +1 -0
  33. package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
  34. package/dist/components/DatePicker/DatePicker.es.js +3 -3
  35. package/dist/components/DatePicker/DatePicker.stories.cjs.js +1 -1
  36. package/dist/components/DatePicker/DatePicker.stories.es.js +3 -3
  37. package/dist/components/DatePicker/index.cjs.js +1 -1
  38. package/dist/components/DatePicker/index.es.js +1 -1
  39. package/dist/components/DefaultButton/DefaultButton.cjs.js +1 -1
  40. package/dist/components/DefaultButton/DefaultButton.es.js +2 -2
  41. package/dist/components/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
  42. package/dist/components/DefaultButton/DefaultButtonIcon.es.js +108 -67
  43. package/dist/components/DefaultButton/index.cjs.js +1 -1
  44. package/dist/components/DefaultButton/index.es.js +1 -1
  45. package/dist/components/Dropzone/Dropzone.cjs.js +5 -5
  46. package/dist/components/Dropzone/Dropzone.es.js +8 -8
  47. package/dist/components/FileList/FileList.cjs.js +1 -1
  48. package/dist/components/FileList/FileList.es.js +1 -1
  49. package/dist/components/FileList/FileListItem.cjs.js +1 -1
  50. package/dist/components/FileList/FileListItem.es.js +10 -11
  51. package/dist/components/IconButton.stories.cjs.js +1 -1
  52. package/dist/components/IconButton.stories.es.js +13 -14
  53. package/dist/components/Loader/Loader.cjs.js +1 -1
  54. package/dist/components/Loader/Loader.es.js +1 -1
  55. package/dist/components/PaperHeader/PaperHeader.cjs.js +1 -1
  56. package/dist/components/PaperHeader/PaperHeader.es.js +2 -2
  57. package/dist/components/PaperHeader/PaperHeader.stories.cjs.js +1 -1
  58. package/dist/components/PaperHeader/PaperHeader.stories.es.js +7 -7
  59. package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
  60. package/dist/components/PasswordInput/PasswordInput.es.js +5 -5
  61. package/dist/components/PrimaryButton/PrimaryButton.cjs.js +1 -1
  62. package/dist/components/PrimaryButton/PrimaryButton.es.js +1 -1
  63. package/dist/components/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
  64. package/dist/components/PrimaryButton/PrimaryButton.stories.es.js +1 -1
  65. package/dist/components/QueryError/QueryError.cjs.js +1 -1
  66. package/dist/components/QueryError/QueryError.es.js +1 -1
  67. package/dist/components/SearchInput/SearchInput.cjs.js +1 -1
  68. package/dist/components/SearchInput/SearchInput.es.js +4 -4
  69. package/dist/components/SecondaryButton/SecondaryButton.cjs.js +1 -1
  70. package/dist/components/SecondaryButton/SecondaryButton.es.js +1 -1
  71. package/dist/components/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
  72. package/dist/components/SecondaryButton/SecondaryButton.stories.es.js +1 -1
  73. package/dist/components/TabList.stories.cjs.js +1 -1
  74. package/dist/components/TabList.stories.es.js +100 -87
  75. package/dist/components/TextInput/TextInput.cjs.js +1 -1
  76. package/dist/components/TextInput/TextInput.es.js +1 -1
  77. package/dist/components/index.cjs.js +1 -1
  78. package/dist/components/index.es.js +240 -235
  79. package/dist/composeClasses-B_ETVugV.cjs +1 -0
  80. package/dist/composeClasses-zmPRtZOg.js +16 -0
  81. package/dist/createSvgIcon-B6bEgasO.js +249 -0
  82. package/dist/createSvgIcon-C92jLZ0q.cjs +2 -0
  83. package/dist/createSvgIcon-Cdsg9tFu.js +88 -0
  84. package/dist/createSvgIcon-CrOALbij.cjs +1 -0
  85. package/dist/extendSxProp-BpSXIdup.js +37 -0
  86. package/dist/extendSxProp-DVE8Tgj8.cjs +1 -0
  87. package/dist/{fr-CXEmlY0d.js → fr-D92L3a1M.js} +13 -13
  88. package/dist/{fr-C4bcUC-9.cjs → fr-EMw1nUC-.cjs} +1 -1
  89. package/dist/identifier-7NboR24y.cjs +59 -0
  90. package/dist/identifier-Bsv46xiT.js +2930 -0
  91. package/dist/index-C9spydU3.js +89 -0
  92. package/dist/index-DHDspyh-.cjs +1 -0
  93. package/dist/index.cjs.js +1 -1
  94. package/dist/index.es.js +238 -233
  95. package/dist/{ownerWindow-C7EH1lr6.js → ownerWindow-BoRkeomM.js} +2 -2
  96. package/dist/{refType-DiVIFcsY.js → refType-BnS1d2D8.js} +1 -1
  97. package/dist/{refType-D1DDOFsy.cjs → refType-YgbJS0xl.cjs} +1 -1
  98. package/dist/useControlled-Bf7_InaL.cjs +3 -0
  99. package/dist/useControlled-D59BLg1S.js +48 -0
  100. package/dist/useEventCallback-BgMlqKLP.js +14 -0
  101. package/dist/useEventCallback-CrCf96iG.cjs +1 -0
  102. package/dist/useId-CyGZMA-F.js +19 -0
  103. package/dist/useId-D5Txt-1B.cjs +1 -0
  104. package/dist/useTheme-A9inJAFh.cjs +1 -0
  105. package/dist/useTheme-C0nMwKpp.js +128 -0
  106. package/dist/{useTheme-1gSw-INq.js → useTheme-DzMeSzHc.js} +5 -5
  107. package/dist/useTheme-Zq6D7sUp.cjs +1 -0
  108. package/dist/useThemeProps-YFPF1eJp.js +40 -0
  109. package/dist/useThemeProps-r2yCksSx.cjs +1 -0
  110. package/package.json +15 -15
  111. package/dist/Box-2ZrLOc7U.cjs +0 -1
  112. package/dist/Button-HyZp1VKI.js +0 -359
  113. package/dist/Button-NhaA68Of.cjs +0 -1
  114. package/dist/ButtonBase-CnINN-P4.cjs +0 -75
  115. package/dist/ButtonBase-cOL6Mpcp.js +0 -827
  116. package/dist/CircularProgress-01RZzfpF.cjs +0 -28
  117. package/dist/CircularProgress-DO4r9-x8.js +0 -217
  118. package/dist/DatePicker-DZBeZYG6.cjs +0 -19
  119. package/dist/DefaultButton-BMmuKPgA.cjs +0 -1
  120. package/dist/DefaultButton-CKY6tuni.js +0 -258
  121. package/dist/IconButton-3v-0zgZW.cjs +0 -2
  122. package/dist/IconButton-BBfmzBP6.js +0 -184
  123. package/dist/InputAdornment-DHmtETz3.cjs +0 -1
  124. package/dist/InputBase-BpGQgBej.cjs +0 -3
  125. package/dist/InputBase-COUxfhh1.js +0 -794
  126. package/dist/Stack-D9IYPfJ8.cjs +0 -1
  127. package/dist/Tabs-Blo-8Ro5.js +0 -1091
  128. package/dist/Tabs-D0e7cB4l.cjs +0 -4
  129. package/dist/TextField-8AuRLRIK.cjs +0 -12
  130. package/dist/Tooltip-Cp3Dh6LR.cjs +0 -95
  131. package/dist/TransitionGroupContext-BkoHK5Kx.js +0 -14
  132. package/dist/TransitionGroupContext-mYDSzffd.cjs +0 -1
  133. package/dist/Typography-DjrvRhOr.js +0 -178
  134. package/dist/Typography-YHooSvuR.cjs +0 -1
  135. package/dist/createStyled--XbpooZB.js +0 -142
  136. package/dist/createStyled-CuYz_ckk.cjs +0 -1
  137. package/dist/createSvgIcon-CUiH3cta.cjs +0 -1
  138. package/dist/createSvgIcon-D29Io9jD.js +0 -183
  139. package/dist/createSvgIcon-DTc4Xvfk.cjs +0 -2
  140. package/dist/createSvgIcon-DvOXtgXV.js +0 -76
  141. package/dist/identifier-CAQ9PWqs.js +0 -3046
  142. package/dist/identifier-CWIj084w.cjs +0 -50
  143. package/dist/isHostComponent-PydJW4A4.cjs +0 -1
  144. package/dist/isHostComponent-kiaBvYVo.js +0 -6
  145. package/dist/styled-Bt4oYVnF.cjs +0 -17
  146. package/dist/styled-Co-8YWfm.js +0 -533
  147. package/dist/useControlled-DKpcyPsg.cjs +0 -3
  148. package/dist/useControlled-DoRrpN8o.js +0 -48
  149. package/dist/useId-BW-oWmul.js +0 -19
  150. package/dist/useId-Cw0TtD-8.cjs +0 -1
  151. package/dist/useIsFocusVisible-Bv_7uvif.cjs +0 -1
  152. package/dist/useIsFocusVisible-DhASXQ4o.js +0 -69
  153. package/dist/useTheme-Dm6RnXrf.cjs +0 -1
  154. package/dist/useTheme-HJhneR9g.js +0 -99
  155. package/dist/useTheme-T2P7WhLG.cjs +0 -1
  156. package/dist/useThemeProps-BKIVQv3E.js +0 -17
  157. package/dist/useThemeProps-BfZ3lLQs.js +0 -27
  158. package/dist/useThemeProps-BpFUkYqe.cjs +0 -1
  159. package/dist/useThemeProps-Co5ylM0H.cjs +0 -1
  160. package/dist/useTimeout-BdvDipeg.js +0 -47
  161. package/dist/useTimeout-XUWYBnl6.cjs +0 -1
@@ -0,0 +1 @@
1
+ "use strict";const f=require("./identifier-7NboR24y.cjs"),H=require("./useForkRef-CGd3Nhyb.cjs"),q=require("react"),C=require("react/jsx-runtime"),D=require("./DefaultPropsProvider-B6IbLm7M.cjs"),S=require("./useTheme-Zq6D7sUp.cjs");function b(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const g=b(q);function _(e){return typeof e=="string"}function O(e,s,t){return e===void 0||_(e)?s:{...s,ownerState:{...s.ownerState,...t}}}function R(e,s=[]){if(e===void 0)return{};const t={};return Object.keys(e).filter(n=>n.match(/^on[A-Z]/)&&typeof e[n]=="function"&&!s.includes(n)).forEach(n=>{t[n]=e[n]}),t}function E(e){if(e===void 0)return{};const s={};return Object.keys(e).filter(t=>!(t.match(/^on[A-Z]/)&&typeof e[t]=="function")).forEach(t=>{s[t]=e[t]}),s}function p(e){const{getSlotProps:s,additionalProps:t,externalSlotProps:n,externalForwardedProps:c,className:i}=e;if(!s){const h=f.clsx(t==null?void 0:t.className,i,c==null?void 0:c.className,n==null?void 0:n.className),N={...t==null?void 0:t.style,...c==null?void 0:c.style,...n==null?void 0:n.style},v={...t,...c,...n};return h.length>0&&(v.className=h),Object.keys(N).length>0&&(v.style=N),{props:v,internalRef:void 0}}const r=R({...c,...n}),l=E(n),a=E(c),u=s(r),m=f.clsx(u==null?void 0:u.className,t==null?void 0:t.className,i,c==null?void 0:c.className,n==null?void 0:n.className),o={...u==null?void 0:u.style,...t==null?void 0:t.style,...c==null?void 0:c.style,...n==null?void 0:n.style},y={...u,...t,...a,...l};return m.length>0&&(y.className=m),Object.keys(o).length>0&&(y.style=o),{props:y,internalRef:u.ref}}function d(e,s,t){return typeof e=="function"?e(s,t):e}function j(e){var o;const{elementType:s,externalSlotProps:t,ownerState:n,skipResolvingSlotProps:c=!1,...i}=e,r=c?{}:d(t,n),{props:l,internalRef:a}=p({...i,externalSlotProps:r}),u=H.useForkRef(a,r==null?void 0:r.ref,(o=e.additionalProps)==null?void 0:o.ref);return O(s,{...l,ref:u},n)}const T=g.createContext();function k({value:e,...s}){return C.jsx(T.Provider,{value:e??!0,...s})}process.env.NODE_ENV!=="production"&&(k.propTypes={children:f.PropTypes.node,value:f.PropTypes.bool});const V=()=>g.useContext(T)??!1;function $(){const e=S.useTheme(D.defaultTheme);return process.env.NODE_ENV!=="production"&&g.useDebugValue(e),e[f.THEME_ID]||e}exports.RtlProvider=k;exports.appendOwnerState=O;exports.extractEventHandlers=R;exports.mergeSlotProps=p;exports.resolveComponentProps=d;exports.useRtl=V;exports.useSlotProps=j;exports.useTheme=$;
@@ -0,0 +1,128 @@
1
+ import { L as g, P as E, T as O } from "./identifier-Bsv46xiT.js";
2
+ import { a as T } from "./useForkRef-DwN_Iz9R.js";
3
+ import * as h from "react";
4
+ import { jsx as k } from "react/jsx-runtime";
5
+ import { d as C } from "./DefaultPropsProvider-QV6PDjPd.js";
6
+ import { u as p } from "./useTheme-DzMeSzHc.js";
7
+ function D(e) {
8
+ return typeof e == "string";
9
+ }
10
+ function V(e, n, t) {
11
+ return e === void 0 || D(e) ? n : {
12
+ ...n,
13
+ ownerState: {
14
+ ...n.ownerState,
15
+ ...t
16
+ }
17
+ };
18
+ }
19
+ function _(e, n = []) {
20
+ if (e === void 0)
21
+ return {};
22
+ const t = {};
23
+ return Object.keys(e).filter((s) => s.match(/^on[A-Z]/) && typeof e[s] == "function" && !n.includes(s)).forEach((s) => {
24
+ t[s] = e[s];
25
+ }), t;
26
+ }
27
+ function R(e) {
28
+ if (e === void 0)
29
+ return {};
30
+ const n = {};
31
+ return Object.keys(e).filter((t) => !(t.match(/^on[A-Z]/) && typeof e[t] == "function")).forEach((t) => {
32
+ n[t] = e[t];
33
+ }), n;
34
+ }
35
+ function d(e) {
36
+ const {
37
+ getSlotProps: n,
38
+ additionalProps: t,
39
+ externalSlotProps: s,
40
+ externalForwardedProps: c,
41
+ className: i
42
+ } = e;
43
+ if (!n) {
44
+ const v = g(t == null ? void 0 : t.className, i, c == null ? void 0 : c.className, s == null ? void 0 : s.className), N = {
45
+ ...t == null ? void 0 : t.style,
46
+ ...c == null ? void 0 : c.style,
47
+ ...s == null ? void 0 : s.style
48
+ }, y = {
49
+ ...t,
50
+ ...c,
51
+ ...s
52
+ };
53
+ return v.length > 0 && (y.className = v), Object.keys(N).length > 0 && (y.style = N), {
54
+ props: y,
55
+ internalRef: void 0
56
+ };
57
+ }
58
+ const f = _({
59
+ ...c,
60
+ ...s
61
+ }), r = R(s), m = R(c), u = n(f), a = g(u == null ? void 0 : u.className, t == null ? void 0 : t.className, i, c == null ? void 0 : c.className, s == null ? void 0 : s.className), o = {
62
+ ...u == null ? void 0 : u.style,
63
+ ...t == null ? void 0 : t.style,
64
+ ...c == null ? void 0 : c.style,
65
+ ...s == null ? void 0 : s.style
66
+ }, l = {
67
+ ...u,
68
+ ...t,
69
+ ...m,
70
+ ...r
71
+ };
72
+ return a.length > 0 && (l.className = a), Object.keys(o).length > 0 && (l.style = o), {
73
+ props: l,
74
+ internalRef: u.ref
75
+ };
76
+ }
77
+ function A(e, n, t) {
78
+ return typeof e == "function" ? e(n, t) : e;
79
+ }
80
+ function L(e) {
81
+ var o;
82
+ const {
83
+ elementType: n,
84
+ externalSlotProps: t,
85
+ ownerState: s,
86
+ skipResolvingSlotProps: c = !1,
87
+ ...i
88
+ } = e, f = c ? {} : A(t, s), {
89
+ props: r,
90
+ internalRef: m
91
+ } = d({
92
+ ...i,
93
+ externalSlotProps: f
94
+ }), u = T(m, f == null ? void 0 : f.ref, (o = e.additionalProps) == null ? void 0 : o.ref);
95
+ return V(n, {
96
+ ...r,
97
+ ref: u
98
+ }, s);
99
+ }
100
+ const H = /* @__PURE__ */ h.createContext();
101
+ function S({
102
+ value: e,
103
+ ...n
104
+ }) {
105
+ return /* @__PURE__ */ k(H.Provider, {
106
+ value: e ?? !0,
107
+ ...n
108
+ });
109
+ }
110
+ process.env.NODE_ENV !== "production" && (S.propTypes = {
111
+ children: E.node,
112
+ value: E.bool
113
+ });
114
+ const M = () => h.useContext(H) ?? !1;
115
+ function $() {
116
+ const e = p(C);
117
+ return process.env.NODE_ENV !== "production" && h.useDebugValue(e), e[O] || e;
118
+ }
119
+ export {
120
+ S as R,
121
+ M as a,
122
+ L as b,
123
+ V as c,
124
+ _ as e,
125
+ d as m,
126
+ A as r,
127
+ $ as u
128
+ };
@@ -1,14 +1,14 @@
1
- import * as n from "react";
2
- import { ThemeContext as o } from "@emotion/react";
3
- import { n as m } from "./identifier-CAQ9PWqs.js";
1
+ import { M as n } from "./identifier-Bsv46xiT.js";
2
+ import * as o from "react";
3
+ import { ThemeContext as m } from "@emotion/react";
4
4
  function r(e) {
5
5
  return Object.keys(e).length === 0;
6
6
  }
7
7
  function s(e = null) {
8
- const t = n.useContext(o);
8
+ const t = o.useContext(m);
9
9
  return !t || r(t) ? e : t;
10
10
  }
11
- const u = m();
11
+ const u = n();
12
12
  function f(e = u) {
13
13
  return s(e);
14
14
  }
@@ -0,0 +1 @@
1
+ "use strict";const u=require("./identifier-7NboR24y.cjs"),o=require("react"),s=require("@emotion/react");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=i(o);function f(e){return Object.keys(e).length===0}function c(e=null){const t=a.useContext(s.ThemeContext);return!t||f(t)?e:t}const m=u.createTheme$1();function l(e=m){return c(e)}exports.useTheme=l;exports.useTheme$1=c;
@@ -0,0 +1,40 @@
1
+ import { r as n, d as m } from "./DefaultPropsProvider-QV6PDjPd.js";
2
+ import { T as p } from "./identifier-Bsv46xiT.js";
3
+ import { u } from "./useTheme-DzMeSzHc.js";
4
+ function a(o) {
5
+ const {
6
+ theme: e,
7
+ name: r,
8
+ props: s
9
+ } = o;
10
+ return !e || !e.components || !e.components[r] || !e.components[r].defaultProps ? s : n(e.components[r].defaultProps, s);
11
+ }
12
+ function f({
13
+ props: o,
14
+ name: e,
15
+ defaultTheme: r,
16
+ themeId: s
17
+ }) {
18
+ let t = u(r);
19
+ return s && (t = t[s] || t), a({
20
+ theme: t,
21
+ name: e,
22
+ props: o
23
+ });
24
+ }
25
+ function T({
26
+ props: o,
27
+ name: e
28
+ }) {
29
+ return f({
30
+ props: o,
31
+ name: e,
32
+ defaultTheme: m,
33
+ themeId: p
34
+ });
35
+ }
36
+ export {
37
+ f as a,
38
+ a as g,
39
+ T as u
40
+ };
@@ -0,0 +1 @@
1
+ "use strict";const n=require("./DefaultPropsProvider-B6IbLm7M.cjs"),p=require("./identifier-7NboR24y.cjs"),i=require("./useTheme-Zq6D7sUp.cjs");function u(r){const{theme:e,name:o,props:s}=r;return!e||!e.components||!e.components[o]||!e.components[o].defaultProps?s:n.resolveProps(e.components[o].defaultProps,s)}function m({props:r,name:e,defaultTheme:o,themeId:s}){let t=i.useTheme(o);return s&&(t=t[s]||t),u({theme:t,name:e,props:r})}function c({props:r,name:e}){return m({props:r,name:e,defaultTheme:n.defaultTheme,themeId:p.THEME_ID})}exports.getThemeProps=u;exports.useThemeProps=c;exports.useThemeProps$1=m;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cgi-learning-hub/ui",
3
- "version": "1.2.0-dev.1725030880",
3
+ "version": "1.2.0-dev.1725451328",
4
4
  "private": false,
5
5
  "author": "CGI Learning-hub Team",
6
6
  "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
@@ -30,26 +30,26 @@
30
30
  "dist"
31
31
  ],
32
32
  "dependencies": {
33
- "@emotion/react": "11.11.4",
34
- "@emotion/styled": "11.11.5",
35
- "@mui/icons-material": "5.16.4",
36
- "@mui/lab": "5.0.0-alpha.172",
37
- "@mui/x-date-pickers": "7.10.0",
38
- "dayjs": "1.11.11",
33
+ "@emotion/react": "11.13.3",
34
+ "@emotion/styled": "11.13.0",
35
+ "@mui/icons-material": "6.0.2",
36
+ "@mui/lab": "6.0.0-beta.9",
37
+ "@mui/x-date-pickers": "7.15.0",
38
+ "dayjs": "1.11.13",
39
39
  "react-dropzone": "14.2.3"
40
40
  },
41
41
  "devDependencies": {
42
- "@reduxjs/toolkit": "2.2.6",
43
- "@types/react": "18.3.3",
42
+ "@reduxjs/toolkit": "2.2.7",
43
+ "@types/react": "18.3.5",
44
44
  "@types/react-dom": "18.3.0",
45
- "autoprefixer": "10.4.19",
46
- "postcss": "8.4.39",
47
- "tailwindcss": "3.4.6"
45
+ "autoprefixer": "10.4.20",
46
+ "postcss": "8.4.45",
47
+ "tailwindcss": "3.4.10"
48
48
  },
49
49
  "peerDependencies": {
50
- "@mui/material": "^5.0.0",
51
- "react": "^18.0.0",
52
- "react-dom": "^18.0.0"
50
+ "@mui/material": "^6",
51
+ "react": "^18",
52
+ "react-dom": "^18"
53
53
  },
54
54
  "scripts": {
55
55
  "dev": "vite",
@@ -1 +0,0 @@
1
- "use strict";const e=require("./identifier-CWIj084w.cjs"),T=require("react"),P=require("./useTheme-T2P7WhLG.cjs"),h=require("react/jsx-runtime");function b(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 N=b(T),B=["className","component"];function g(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:a}=o,i=e.styled("div",{shouldForwardProp:n=>n!=="theme"&&n!=="sx"&&n!=="as"})(e.styleFunctionSx);return N.forwardRef(function(d,m){const c=P.useTheme(s),p=e.extendSxProp(d),{className:f,component:x="div"}=p,y=e._objectWithoutPropertiesLoose(p,B);return h.jsx(i,e._extends({as:x,ref:m,className:e.clsx(f,a?a(r):r),theme:t&&c[t]||c},y))})}const C=e.generateUtilityClasses("MuiBox",["root"]),u=C,O=e.createTheme(),l=g({themeId:e.THEME_ID,defaultTheme:O,defaultClassName:u.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(l.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 _=l;exports.Box=_;exports.boxClasses=u;
@@ -1,359 +0,0 @@
1
- import { v as D, w as F, q as r, m as t, x as v, _ as G, y as m, P as n } from "./identifier-CAQ9PWqs.js";
2
- import * as p from "react";
3
- import { s as f, a as U, r as H, u as q, c as A } from "./styled-Co-8YWfm.js";
4
- import { jsx as R, jsxs as J } from "react/jsx-runtime";
5
- import { B as K } from "./ButtonBase-cOL6Mpcp.js";
6
- function Q(o) {
7
- return D("MuiButton", o);
8
- }
9
- const X = F("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), b = X, E = /* @__PURE__ */ p.createContext({});
10
- process.env.NODE_ENV !== "production" && (E.displayName = "ButtonGroupContext");
11
- const N = /* @__PURE__ */ p.createContext(void 0);
12
- process.env.NODE_ENV !== "production" && (N.displayName = "ButtonGroupButtonContext");
13
- const Y = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Z = (o) => {
14
- const {
15
- color: a,
16
- disableElevation: i,
17
- fullWidth: l,
18
- size: s,
19
- variant: e,
20
- classes: c
21
- } = o, g = {
22
- root: ["root", e, `${e}${r(a)}`, `size${r(s)}`, `${e}Size${r(s)}`, `color${r(a)}`, i && "disableElevation", l && "fullWidth"],
23
- label: ["label"],
24
- startIcon: ["icon", "startIcon", `iconSize${r(s)}`],
25
- endIcon: ["icon", "endIcon", `iconSize${r(s)}`]
26
- }, x = A(g, Q, c);
27
- return t({}, c, x);
28
- }, h = (o) => t({}, o.size === "small" && {
29
- "& > *:nth-of-type(1)": {
30
- fontSize: 18
31
- }
32
- }, o.size === "medium" && {
33
- "& > *:nth-of-type(1)": {
34
- fontSize: 20
35
- }
36
- }, o.size === "large" && {
37
- "& > *:nth-of-type(1)": {
38
- fontSize: 22
39
- }
40
- }), w = f(K, {
41
- shouldForwardProp: (o) => U(o) || o === "classes",
42
- name: "MuiButton",
43
- slot: "Root",
44
- overridesResolver: (o, a) => {
45
- const {
46
- ownerState: i
47
- } = o;
48
- return [a.root, a[i.variant], a[`${i.variant}${r(i.color)}`], a[`size${r(i.size)}`], a[`${i.variant}Size${r(i.size)}`], i.color === "inherit" && a.colorInherit, i.disableElevation && a.disableElevation, i.fullWidth && a.fullWidth];
49
- }
50
- })(({
51
- theme: o,
52
- ownerState: a
53
- }) => {
54
- var i, l;
55
- const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], e = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
56
- return t({}, o.typography.button, {
57
- minWidth: 64,
58
- padding: "6px 16px",
59
- borderRadius: (o.vars || o).shape.borderRadius,
60
- transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
61
- duration: o.transitions.duration.short
62
- }),
63
- "&:hover": t({
64
- textDecoration: "none",
65
- backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
66
- // Reset on touch devices, it doesn't add specificity
67
- "@media (hover: none)": {
68
- backgroundColor: "transparent"
69
- }
70
- }, a.variant === "text" && a.color !== "inherit" && {
71
- backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
72
- // Reset on touch devices, it doesn't add specificity
73
- "@media (hover: none)": {
74
- backgroundColor: "transparent"
75
- }
76
- }, a.variant === "outlined" && a.color !== "inherit" && {
77
- border: `1px solid ${(o.vars || o).palette[a.color].main}`,
78
- backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
79
- // Reset on touch devices, it doesn't add specificity
80
- "@media (hover: none)": {
81
- backgroundColor: "transparent"
82
- }
83
- }, a.variant === "contained" && {
84
- backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : e,
85
- boxShadow: (o.vars || o).shadows[4],
86
- // Reset on touch devices, it doesn't add specificity
87
- "@media (hover: none)": {
88
- boxShadow: (o.vars || o).shadows[2],
89
- backgroundColor: (o.vars || o).palette.grey[300]
90
- }
91
- }, a.variant === "contained" && a.color !== "inherit" && {
92
- backgroundColor: (o.vars || o).palette[a.color].dark,
93
- // Reset on touch devices, it doesn't add specificity
94
- "@media (hover: none)": {
95
- backgroundColor: (o.vars || o).palette[a.color].main
96
- }
97
- }),
98
- "&:active": t({}, a.variant === "contained" && {
99
- boxShadow: (o.vars || o).shadows[8]
100
- }),
101
- [`&.${b.focusVisible}`]: t({}, a.variant === "contained" && {
102
- boxShadow: (o.vars || o).shadows[6]
103
- }),
104
- [`&.${b.disabled}`]: t({
105
- color: (o.vars || o).palette.action.disabled
106
- }, a.variant === "outlined" && {
107
- border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
108
- }, a.variant === "contained" && {
109
- color: (o.vars || o).palette.action.disabled,
110
- boxShadow: (o.vars || o).shadows[0],
111
- backgroundColor: (o.vars || o).palette.action.disabledBackground
112
- })
113
- }, a.variant === "text" && {
114
- padding: "6px 8px"
115
- }, a.variant === "text" && a.color !== "inherit" && {
116
- color: (o.vars || o).palette[a.color].main
117
- }, a.variant === "outlined" && {
118
- padding: "5px 15px",
119
- border: "1px solid currentColor"
120
- }, a.variant === "outlined" && a.color !== "inherit" && {
121
- color: (o.vars || o).palette[a.color].main,
122
- border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
123
- }, a.variant === "contained" && {
124
- color: o.vars ? (
125
- // this is safe because grey does not change between default light/dark mode
126
- o.vars.palette.text.primary
127
- ) : (i = (l = o.palette).getContrastText) == null ? void 0 : i.call(l, o.palette.grey[300]),
128
- backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
129
- boxShadow: (o.vars || o).shadows[2]
130
- }, a.variant === "contained" && a.color !== "inherit" && {
131
- color: (o.vars || o).palette[a.color].contrastText,
132
- backgroundColor: (o.vars || o).palette[a.color].main
133
- }, a.color === "inherit" && {
134
- color: "inherit",
135
- borderColor: "currentColor"
136
- }, a.size === "small" && a.variant === "text" && {
137
- padding: "4px 5px",
138
- fontSize: o.typography.pxToRem(13)
139
- }, a.size === "large" && a.variant === "text" && {
140
- padding: "8px 11px",
141
- fontSize: o.typography.pxToRem(15)
142
- }, a.size === "small" && a.variant === "outlined" && {
143
- padding: "3px 9px",
144
- fontSize: o.typography.pxToRem(13)
145
- }, a.size === "large" && a.variant === "outlined" && {
146
- padding: "7px 21px",
147
- fontSize: o.typography.pxToRem(15)
148
- }, a.size === "small" && a.variant === "contained" && {
149
- padding: "4px 10px",
150
- fontSize: o.typography.pxToRem(13)
151
- }, a.size === "large" && a.variant === "contained" && {
152
- padding: "8px 22px",
153
- fontSize: o.typography.pxToRem(15)
154
- }, a.fullWidth && {
155
- width: "100%"
156
- });
157
- }, ({
158
- ownerState: o
159
- }) => o.disableElevation && {
160
- boxShadow: "none",
161
- "&:hover": {
162
- boxShadow: "none"
163
- },
164
- [`&.${b.focusVisible}`]: {
165
- boxShadow: "none"
166
- },
167
- "&:active": {
168
- boxShadow: "none"
169
- },
170
- [`&.${b.disabled}`]: {
171
- boxShadow: "none"
172
- }
173
- }), oo = f("span", {
174
- name: "MuiButton",
175
- slot: "StartIcon",
176
- overridesResolver: (o, a) => {
177
- const {
178
- ownerState: i
179
- } = o;
180
- return [a.startIcon, a[`iconSize${r(i.size)}`]];
181
- }
182
- })(({
183
- ownerState: o
184
- }) => t({
185
- display: "inherit",
186
- marginRight: 8,
187
- marginLeft: -4
188
- }, o.size === "small" && {
189
- marginLeft: -2
190
- }, h(o))), ao = f("span", {
191
- name: "MuiButton",
192
- slot: "EndIcon",
193
- overridesResolver: (o, a) => {
194
- const {
195
- ownerState: i
196
- } = o;
197
- return [a.endIcon, a[`iconSize${r(i.size)}`]];
198
- }
199
- })(({
200
- ownerState: o
201
- }) => t({
202
- display: "inherit",
203
- marginRight: -4,
204
- marginLeft: 8
205
- }, o.size === "small" && {
206
- marginRight: -2
207
- }, h(o))), O = /* @__PURE__ */ p.forwardRef(function(a, i) {
208
- const l = p.useContext(E), s = p.useContext(N), e = H(l, a), c = q({
209
- props: e,
210
- name: "MuiButton"
211
- }), {
212
- children: g,
213
- color: x = "primary",
214
- component: y = "button",
215
- className: k,
216
- disabled: z = !1,
217
- disableElevation: T = !1,
218
- disableFocusRipple: C = !1,
219
- endIcon: I,
220
- focusVisibleClassName: P,
221
- fullWidth: W = !1,
222
- size: S = "medium",
223
- startIcon: $,
224
- type: B,
225
- variant: M = "text"
226
- } = c, V = G(c, Y), u = t({}, c, {
227
- color: x,
228
- component: y,
229
- disabled: z,
230
- disableElevation: T,
231
- disableFocusRipple: C,
232
- fullWidth: W,
233
- size: S,
234
- type: B,
235
- variant: M
236
- }), d = Z(u), _ = $ && /* @__PURE__ */ R(oo, {
237
- className: d.startIcon,
238
- ownerState: u,
239
- children: $
240
- }), L = I && /* @__PURE__ */ R(ao, {
241
- className: d.endIcon,
242
- ownerState: u,
243
- children: I
244
- }), j = s || "";
245
- return /* @__PURE__ */ J(w, t({
246
- ownerState: u,
247
- className: m(l.className, d.root, k, j),
248
- component: y,
249
- disabled: z,
250
- focusRipple: !C,
251
- focusVisibleClassName: m(d.focusVisible, P),
252
- ref: i,
253
- type: B
254
- }, V, {
255
- classes: d,
256
- children: [_, g, L]
257
- }));
258
- });
259
- process.env.NODE_ENV !== "production" && (O.propTypes = {
260
- // ┌────────────────────────────── Warning ──────────────────────────────┐
261
- // │ These PropTypes are generated from the TypeScript type definitions. │
262
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
263
- // └─────────────────────────────────────────────────────────────────────┘
264
- /**
265
- * The content of the component.
266
- */
267
- children: n.node,
268
- /**
269
- * Override or extend the styles applied to the component.
270
- */
271
- classes: n.object,
272
- /**
273
- * @ignore
274
- */
275
- className: n.string,
276
- /**
277
- * The color of the component.
278
- * It supports both default and custom theme colors, which can be added as shown in the
279
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
280
- * @default 'primary'
281
- */
282
- color: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
283
- /**
284
- * The component used for the root node.
285
- * Either a string to use a HTML element or a component.
286
- */
287
- component: n.elementType,
288
- /**
289
- * If `true`, the component is disabled.
290
- * @default false
291
- */
292
- disabled: n.bool,
293
- /**
294
- * If `true`, no elevation is used.
295
- * @default false
296
- */
297
- disableElevation: n.bool,
298
- /**
299
- * If `true`, the keyboard focus ripple is disabled.
300
- * @default false
301
- */
302
- disableFocusRipple: n.bool,
303
- /**
304
- * If `true`, the ripple effect is disabled.
305
- *
306
- * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
307
- * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
308
- * @default false
309
- */
310
- disableRipple: n.bool,
311
- /**
312
- * Element placed after the children.
313
- */
314
- endIcon: n.node,
315
- /**
316
- * @ignore
317
- */
318
- focusVisibleClassName: n.string,
319
- /**
320
- * If `true`, the button will take up the full width of its container.
321
- * @default false
322
- */
323
- fullWidth: n.bool,
324
- /**
325
- * The URL to link to when the button is clicked.
326
- * If defined, an `a` element will be used as the root node.
327
- */
328
- href: n.string,
329
- /**
330
- * The size of the component.
331
- * `small` is equivalent to the dense button styling.
332
- * @default 'medium'
333
- */
334
- size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
335
- /**
336
- * Element placed before the children.
337
- */
338
- startIcon: n.node,
339
- /**
340
- * The system prop that allows defining system overrides as well as additional CSS styles.
341
- */
342
- sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
343
- /**
344
- * @ignore
345
- */
346
- type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
347
- /**
348
- * The variant to use.
349
- * @default 'text'
350
- */
351
- variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
352
- });
353
- const so = O;
354
- export {
355
- so as B,
356
- E as a,
357
- b,
358
- Q as g
359
- };
@@ -1 +0,0 @@
1
- "use strict";const a=require("./identifier-CWIj084w.cjs"),j=require("react"),s=require("./styled-Bt4oYVnF.cjs"),b=require("react/jsx-runtime"),V=require("./ButtonBase-CnINN-P4.cjs");function L(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const t=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(n,i,t.get?t:{enumerable:!0,get:()=>o[i]})}}return n.default=o,Object.freeze(n)}const d=L(j);function $(o){return a.generateUtilityClass("MuiButton",o)}const D=a.generateUtilityClasses("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),p=D,x=d.createContext({});process.env.NODE_ENV!=="production"&&(x.displayName="ButtonGroupContext");const B=d.createContext(void 0);process.env.NODE_ENV!=="production"&&(B.displayName="ButtonGroupButtonContext");const q=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],G=o=>{const{color:n,disableElevation:i,fullWidth:t,size:r,variant:e,classes:l}=o,v={root:["root",e,`${e}${a.capitalize(n)}`,`size${a.capitalize(r)}`,`${e}Size${a.capitalize(r)}`,`color${a.capitalize(n)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${a.capitalize(r)}`],endIcon:["icon","endIcon",`iconSize${a.capitalize(r)}`]},y=s.composeClasses(v,$,l);return a._extends({},l,y)},I=o=>a._extends({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),F=s.styled(V.ButtonBase,{shouldForwardProp:o=>s.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.root,n[i.variant],n[`${i.variant}${a.capitalize(i.color)}`],n[`size${a.capitalize(i.size)}`],n[`${i.variant}Size${a.capitalize(i.size)}`],i.color==="inherit"&&n.colorInherit,i.disableElevation&&n.disableElevation,i.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var i,t;const r=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],e=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return a._extends({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":a._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha_1(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="text"&&n.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="outlined"&&n.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[n.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:e,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},n.variant==="contained"&&n.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[n.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[n.color].main}}),"&:active":a._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${p.focusVisible}`]:a._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${p.disabled}`]:a._extends({color:(o.vars||o).palette.action.disabled},n.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},n.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},n.variant==="text"&&{padding:"6px 8px"},n.variant==="text"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main},n.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},n.variant==="outlined"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)`:`1px solid ${a.alpha_1(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(t=o.palette).getContrastText)==null?void 0:i.call(t,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:r,boxShadow:(o.vars||o).shadows[2]},n.variant==="contained"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].contrastText,backgroundColor:(o.vars||o).palette[n.color].main},n.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},n.size==="small"&&n.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},n.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${p.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${p.disabled}`]:{boxShadow:"none"}}),U=s.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.startIcon,n[`iconSize${a.capitalize(i.size)}`]]}})(({ownerState:o})=>a._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},I(o))),H=s.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.endIcon,n[`iconSize${a.capitalize(i.size)}`]]}})(({ownerState:o})=>a._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},I(o))),O=d.forwardRef(function(n,i){const t=d.useContext(x),r=d.useContext(B),e=s.resolveProps(t,n),l=s.useDefaultProps({props:e,name:"MuiButton"}),{children:v,color:y="primary",component:g="button",className:_,disabled:f=!1,disableElevation:R=!1,disableFocusRipple:z=!1,endIcon:C,focusVisibleClassName:h,fullWidth:N=!1,size:E="medium",startIcon:T,type:P,variant:k="text"}=l,m=a._objectWithoutPropertiesLoose(l,q),u=a._extends({},l,{color:y,component:g,disabled:f,disableElevation:R,disableFocusRipple:z,fullWidth:N,size:E,type:P,variant:k}),c=G(u),W=T&&b.jsx(U,{className:c.startIcon,ownerState:u,children:T}),S=C&&b.jsx(H,{className:c.endIcon,ownerState:u,children:C}),M=r||"";return b.jsxs(F,a._extends({ownerState:u,className:a.clsx(t.className,c.root,_,M),component:g,disabled:f,focusRipple:!z,focusVisibleClassName:a.clsx(c.focusVisible,h),ref:i,type:P},m,{classes:c,children:[W,v,S]}))});process.env.NODE_ENV!=="production"&&(O.propTypes={children:a.PropTypes.node,classes:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOfType([a.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),a.PropTypes.string]),component:a.PropTypes.elementType,disabled:a.PropTypes.bool,disableElevation:a.PropTypes.bool,disableFocusRipple:a.PropTypes.bool,disableRipple:a.PropTypes.bool,endIcon:a.PropTypes.node,focusVisibleClassName:a.PropTypes.string,fullWidth:a.PropTypes.bool,href:a.PropTypes.string,size:a.PropTypes.oneOfType([a.PropTypes.oneOf(["small","medium","large"]),a.PropTypes.string]),startIcon:a.PropTypes.node,sx:a.PropTypes.oneOfType([a.PropTypes.arrayOf(a.PropTypes.oneOfType([a.PropTypes.func,a.PropTypes.object,a.PropTypes.bool])),a.PropTypes.func,a.PropTypes.object]),type:a.PropTypes.oneOfType([a.PropTypes.oneOf(["button","reset","submit"]),a.PropTypes.string]),variant:a.PropTypes.oneOfType([a.PropTypes.oneOf(["contained","outlined","text"]),a.PropTypes.string])});const A=O;exports.Button=A;exports.ButtonGroupContext=x;exports.buttonClasses=p;exports.getButtonUtilityClass=$;