@cgi-learning-hub/ui 1.3.5-dev.1739205895 → 1.3.5-dev.1739206891

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 (50) hide show
  1. package/dist/CircularProgress-BgUNlpbU.js +253 -0
  2. package/dist/CircularProgress-nxAXvjY0.cjs +28 -0
  3. package/dist/Delete-DCHX_nNr.js +8 -0
  4. package/dist/Delete-Z2rf9szx.cjs +1 -0
  5. package/dist/components/Button/Button.cjs.js +1 -1
  6. package/dist/components/Button/Button.es.js +297 -4
  7. package/dist/components/Button/index.cjs.js +1 -1
  8. package/dist/components/Button/index.es.js +2 -2
  9. package/dist/components/Dialog/Dialog.cjs.js +1 -1
  10. package/dist/components/Dialog/Dialog.es.js +14 -12
  11. package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js +1 -1
  12. package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.es.js +3 -4
  13. package/dist/components/FileList/FileList.cjs.js +1 -1
  14. package/dist/components/FileList/FileList.d.ts +3 -5
  15. package/dist/components/FileList/FileList.es.js +14 -23
  16. package/dist/components/FileList/FileListItem.cjs.js +1 -1
  17. package/dist/components/FileList/FileListItem.d.ts +5 -9
  18. package/dist/components/FileList/FileListItem.es.js +24 -95
  19. package/dist/components/ImagePicker/ImagePicker.cjs.js +1 -1
  20. package/dist/components/ImagePicker/ImagePicker.es.js +39 -40
  21. package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
  22. package/dist/components/PasswordInput/PasswordInput.es.js +1 -1
  23. package/dist/components/index.cjs.js +1 -1
  24. package/dist/components/index.es.js +213 -212
  25. package/dist/components/stories/Button.stories.cjs.js +1 -1
  26. package/dist/components/stories/Button.stories.es.js +1 -1
  27. package/dist/components/stories/Card.stories.cjs.js +1 -1
  28. package/dist/components/stories/Card.stories.es.js +1 -1
  29. package/dist/components/stories/Dialog.stories.cjs.js +1 -1
  30. package/dist/components/stories/Dialog.stories.es.js +1 -1
  31. package/dist/components/stories/FileList.stories.cjs.js +1 -8
  32. package/dist/components/stories/FileList.stories.es.js +19 -145
  33. package/dist/components/stories/Menu.stories.cjs.js +1 -1
  34. package/dist/components/stories/Menu.stories.es.js +1 -1
  35. package/dist/index.cjs.js +1 -1
  36. package/dist/index.es.js +213 -212
  37. package/package.json +1 -1
  38. package/dist/Button-C-bZSJCq.cjs +0 -28
  39. package/dist/Button-CSNPv43f.js +0 -542
  40. package/dist/CloseRounded-Cu-sn6XC.cjs +0 -1
  41. package/dist/CloseRounded-Df8vYhLX.js +0 -8
  42. package/dist/components/FileList/FileIcon.cjs.js +0 -1
  43. package/dist/components/FileList/FileIcon.d.ts +0 -3
  44. package/dist/components/FileList/FileIcon.es.js +0 -56
  45. package/dist/components/FileList/FileInfosSeparator.cjs.js +0 -1
  46. package/dist/components/FileList/FileInfosSeparator.d.ts +0 -1
  47. package/dist/components/FileList/FileInfosSeparator.es.js +0 -14
  48. package/dist/components/FileList/utils.cjs.js +0 -1
  49. package/dist/components/FileList/utils.d.ts +0 -2
  50. package/dist/components/FileList/utils.es.js +0 -13
@@ -0,0 +1,253 @@
1
+ import * as O from "react";
2
+ import { I as T, H as R, G as N, P as r } from "./generateUtilityClasses-v9KcqdK1.js";
3
+ import { m as P } from "./memoTheme-D-rebSfX.js";
4
+ import { c as j } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
5
+ import { jsx as h } from "react/jsx-runtime";
6
+ import { u as I, s as g, c as U } from "./DefaultPropsProvider-CmOKr9hq.js";
7
+ import { c } from "./capitalize-yX_QSknw.js";
8
+ import { c as E } from "./chainPropTypes-D9lkm76m.js";
9
+ import { css as x, keyframes as w } from "@emotion/react";
10
+ function z(e) {
11
+ return T("MuiCircularProgress", e);
12
+ }
13
+ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), a = 44, y = w`
14
+ 0% {
15
+ transform: rotate(0deg);
16
+ }
17
+
18
+ 100% {
19
+ transform: rotate(360deg);
20
+ }
21
+ `, v = w`
22
+ 0% {
23
+ stroke-dasharray: 1px, 200px;
24
+ stroke-dashoffset: 0;
25
+ }
26
+
27
+ 50% {
28
+ stroke-dasharray: 100px, 200px;
29
+ stroke-dashoffset: -15px;
30
+ }
31
+
32
+ 100% {
33
+ stroke-dasharray: 100px, 200px;
34
+ stroke-dashoffset: -125px;
35
+ }
36
+ `, F = typeof y != "string" ? x`
37
+ animation: ${y} 1.4s linear infinite;
38
+ ` : null, V = typeof v != "string" ? x`
39
+ animation: ${v} 1.4s ease-in-out infinite;
40
+ ` : null, A = (e) => {
41
+ const {
42
+ classes: s,
43
+ variant: t,
44
+ color: o,
45
+ disableShrink: l
46
+ } = e, m = {
47
+ root: ["root", t, `color${c(o)}`],
48
+ svg: ["svg"],
49
+ circle: ["circle", `circle${c(t)}`, l && "circleDisableShrink"]
50
+ };
51
+ return U(m, z, s);
52
+ }, G = g("span", {
53
+ name: "MuiCircularProgress",
54
+ slot: "Root",
55
+ overridesResolver: (e, s) => {
56
+ const {
57
+ ownerState: t
58
+ } = e;
59
+ return [s.root, s[t.variant], s[`color${c(t.color)}`]];
60
+ }
61
+ })(P(({
62
+ theme: e
63
+ }) => ({
64
+ display: "inline-block",
65
+ variants: [{
66
+ props: {
67
+ variant: "determinate"
68
+ },
69
+ style: {
70
+ transition: e.transitions.create("transform")
71
+ }
72
+ }, {
73
+ props: {
74
+ variant: "indeterminate"
75
+ },
76
+ style: F || {
77
+ animation: `${y} 1.4s linear infinite`
78
+ }
79
+ }, ...Object.entries(e.palette).filter(j()).map(([s]) => ({
80
+ props: {
81
+ color: s
82
+ },
83
+ style: {
84
+ color: (e.vars || e).palette[s].main
85
+ }
86
+ }))]
87
+ }))), K = g("svg", {
88
+ name: "MuiCircularProgress",
89
+ slot: "Svg",
90
+ overridesResolver: (e, s) => s.svg
91
+ })({
92
+ display: "block"
93
+ // Keeps the progress centered
94
+ }), B = g("circle", {
95
+ name: "MuiCircularProgress",
96
+ slot: "Circle",
97
+ overridesResolver: (e, s) => {
98
+ const {
99
+ ownerState: t
100
+ } = e;
101
+ return [s.circle, s[`circle${c(t.variant)}`], t.disableShrink && s.circleDisableShrink];
102
+ }
103
+ })(P(({
104
+ theme: e
105
+ }) => ({
106
+ stroke: "currentColor",
107
+ variants: [{
108
+ props: {
109
+ variant: "determinate"
110
+ },
111
+ style: {
112
+ transition: e.transitions.create("stroke-dashoffset")
113
+ }
114
+ }, {
115
+ props: {
116
+ variant: "indeterminate"
117
+ },
118
+ style: {
119
+ // Some default value that looks fine waiting for the animation to kicks in.
120
+ strokeDasharray: "80px, 200px",
121
+ strokeDashoffset: 0
122
+ // Add the unit to fix a Edge 16 and below bug.
123
+ }
124
+ }, {
125
+ props: ({
126
+ ownerState: s
127
+ }) => s.variant === "indeterminate" && !s.disableShrink,
128
+ style: V || {
129
+ // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
130
+ animation: `${v} 1.4s ease-in-out infinite`
131
+ }
132
+ }]
133
+ }))), H = /* @__PURE__ */ O.forwardRef(function(s, t) {
134
+ const o = I({
135
+ props: s,
136
+ name: "MuiCircularProgress"
137
+ }), {
138
+ className: l,
139
+ color: m = "primary",
140
+ disableShrink: $ = !1,
141
+ size: p = 40,
142
+ style: D,
143
+ thickness: i = 3.6,
144
+ value: f = 0,
145
+ variant: k = "indeterminate",
146
+ ...M
147
+ } = o, n = {
148
+ ...o,
149
+ color: m,
150
+ disableShrink: $,
151
+ size: p,
152
+ thickness: i,
153
+ value: f,
154
+ variant: k
155
+ }, u = A(n), d = {}, b = {}, C = {};
156
+ if (k === "determinate") {
157
+ const S = 2 * Math.PI * ((a - i) / 2);
158
+ d.strokeDasharray = S.toFixed(3), C["aria-valuenow"] = Math.round(f), d.strokeDashoffset = `${((100 - f) / 100 * S).toFixed(3)}px`, b.transform = "rotate(-90deg)";
159
+ }
160
+ return /* @__PURE__ */ h(G, {
161
+ className: N(u.root, l),
162
+ style: {
163
+ width: p,
164
+ height: p,
165
+ ...b,
166
+ ...D
167
+ },
168
+ ownerState: n,
169
+ ref: t,
170
+ role: "progressbar",
171
+ ...C,
172
+ ...M,
173
+ children: /* @__PURE__ */ h(K, {
174
+ className: u.svg,
175
+ ownerState: n,
176
+ viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
177
+ children: /* @__PURE__ */ h(B, {
178
+ className: u.circle,
179
+ style: d,
180
+ ownerState: n,
181
+ cx: a,
182
+ cy: a,
183
+ r: (a - i) / 2,
184
+ fill: "none",
185
+ strokeWidth: i
186
+ })
187
+ })
188
+ });
189
+ });
190
+ process.env.NODE_ENV !== "production" && (H.propTypes = {
191
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
192
+ // │ These PropTypes are generated from the TypeScript type definitions. │
193
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
194
+ // └─────────────────────────────────────────────────────────────────────┘
195
+ /**
196
+ * Override or extend the styles applied to the component.
197
+ */
198
+ classes: r.object,
199
+ /**
200
+ * @ignore
201
+ */
202
+ className: r.string,
203
+ /**
204
+ * The color of the component.
205
+ * It supports both default and custom theme colors, which can be added as shown in the
206
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
207
+ * @default 'primary'
208
+ */
209
+ color: r.oneOfType([r.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
210
+ /**
211
+ * If `true`, the shrink animation is disabled.
212
+ * This only works if variant is `indeterminate`.
213
+ * @default false
214
+ */
215
+ disableShrink: E(r.bool, (e) => e.disableShrink && e.variant && e.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
216
+ /**
217
+ * The size of the component.
218
+ * If using a number, the pixel unit is assumed.
219
+ * If using a string, you need to provide the CSS unit, for example '3rem'.
220
+ * @default 40
221
+ */
222
+ size: r.oneOfType([r.number, r.string]),
223
+ /**
224
+ * @ignore
225
+ */
226
+ style: r.object,
227
+ /**
228
+ * The system prop that allows defining system overrides as well as additional CSS styles.
229
+ */
230
+ sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
231
+ /**
232
+ * The thickness of the circle.
233
+ * @default 3.6
234
+ */
235
+ thickness: r.number,
236
+ /**
237
+ * The value of the progress indicator for the determinate variant.
238
+ * Value between 0 and 100.
239
+ * @default 0
240
+ */
241
+ value: r.number,
242
+ /**
243
+ * The variant to use.
244
+ * Use indeterminate when there is no progress value.
245
+ * @default 'indeterminate'
246
+ */
247
+ variant: r.oneOf(["determinate", "indeterminate"])
248
+ });
249
+ export {
250
+ H as C,
251
+ X as c,
252
+ z as g
253
+ };
@@ -0,0 +1,28 @@
1
+ "use strict";const $=require("react"),r=require("./generateUtilityClasses-0dYt6eGZ.cjs"),S=require("./memoTheme-D1tPxCd9.cjs"),M=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),g=require("react/jsx-runtime"),a=require("./DefaultPropsProvider-PRhNsS_3.cjs"),l=require("./capitalize-Cq3s4y8R.cjs"),R=require("./chainPropTypes-CEUi6Jb4.cjs"),p=require("@emotion/react");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const z=q($);function x(e){return r.generateUtilityClass("MuiCircularProgress",e)}const N=r.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),o=44,h=p.keyframes`
2
+ 0% {
3
+ transform: rotate(0deg);
4
+ }
5
+
6
+ 100% {
7
+ transform: rotate(360deg);
8
+ }
9
+ `,v=p.keyframes`
10
+ 0% {
11
+ stroke-dasharray: 1px, 200px;
12
+ stroke-dashoffset: 0;
13
+ }
14
+
15
+ 50% {
16
+ stroke-dasharray: 100px, 200px;
17
+ stroke-dashoffset: -15px;
18
+ }
19
+
20
+ 100% {
21
+ stroke-dasharray: 100px, 200px;
22
+ stroke-dashoffset: -125px;
23
+ }
24
+ `,U=typeof h!="string"?p.css`
25
+ animation: ${h} 1.4s linear infinite;
26
+ `:null,E=typeof v!="string"?p.css`
27
+ animation: ${v} 1.4s ease-in-out infinite;
28
+ `:null,F=e=>{const{classes:s,variant:t,color:i,disableShrink:u}=e,y={root:["root",t,`color${l.capitalize(i)}`],svg:["svg"],circle:["circle",`circle${l.capitalize(t)}`,u&&"circleDisableShrink"]};return a.composeClasses(y,x,s)},I=a.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.root,s[t.variant],s[`color${l.capitalize(t.color)}`]]}})(S.memoTheme(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:U||{animation:`${h} 1.4s linear infinite`}},...Object.entries(e.palette).filter(M.createSimplePaletteValueFilter()).map(([s])=>({props:{color:s},style:{color:(e.vars||e).palette[s].main}}))]}))),V=a.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,s)=>s.svg})({display:"block"}),_=a.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.circle,s[`circle${l.capitalize(t.variant)}`],t.disableShrink&&s.circleDisableShrink]}})(S.memoTheme(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:s})=>s.variant==="indeterminate"&&!s.disableShrink,style:E||{animation:`${v} 1.4s ease-in-out infinite`}}]}))),w=z.forwardRef(function(s,t){const i=a.useDefaultProps({props:s,name:"MuiCircularProgress"}),{className:u,color:y="primary",disableShrink:D=!1,size:m=40,style:O,thickness:n=3.6,value:d=0,variant:T="indeterminate",...j}=i,c={...i,color:y,disableShrink:D,size:m,thickness:n,value:d,variant:T},f=F(c),P={},k={},b={};if(T==="determinate"){const C=2*Math.PI*((o-n)/2);P.strokeDasharray=C.toFixed(3),b["aria-valuenow"]=Math.round(d),P.strokeDashoffset=`${((100-d)/100*C).toFixed(3)}px`,k.transform="rotate(-90deg)"}return g.jsx(I,{className:r.clsx(f.root,u),style:{width:m,height:m,...k,...O},ownerState:c,ref:t,role:"progressbar",...b,...j,children:g.jsx(V,{className:f.svg,ownerState:c,viewBox:`${o/2} ${o/2} ${o} ${o}`,children:g.jsx(_,{className:f.circle,style:P,ownerState:c,cx:o,cy:o,r:(o-n)/2,fill:"none",strokeWidth:n})})})});process.env.NODE_ENV!=="production"&&(w.propTypes={classes:r.PropTypes.object,className:r.PropTypes.string,color:r.PropTypes.oneOfType([r.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),r.PropTypes.string]),disableShrink:R.chainPropTypes(r.PropTypes.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]),style:r.PropTypes.object,sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object]),thickness:r.PropTypes.number,value:r.PropTypes.number,variant:r.PropTypes.oneOf(["determinate","indeterminate"])});exports.CircularProgress=w;exports.circularProgressClasses=N;exports.getCircularProgressUtilityClass=x;
@@ -0,0 +1,8 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { c as o } from "./createSvgIcon-Cd6y8E9W.js";
3
+ const r = o(/* @__PURE__ */ e("path", {
4
+ d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
5
+ }), "Delete");
6
+ export {
7
+ r as D
8
+ };
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),c=require("./createSvgIcon-CWNQW6u6.cjs"),t=c.createSvgIcon(e.jsx("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete");exports.DeleteIcon=t;
@@ -1 +1 @@
1
- "use strict";require("react/jsx-runtime");require("../../DefaultPropsProvider-PRhNsS_3.cjs");const t=require("../../Button-C-bZSJCq.cjs");module.exports=t.Button;
1
+ "use strict";const a=require("react/jsx-runtime"),r=require("../../DefaultPropsProvider-PRhNsS_3.cjs"),S=require("react"),n=require("../../generateUtilityClasses-0dYt6eGZ.cjs"),y=require("../../Button-COTy9ASL.cjs"),z=require("../../useId-DNXtOFeX.cjs"),p=require("../../capitalize-Cq3s4y8R.cjs"),v=require("../../memoTheme-D1tPxCd9.cjs"),E=require("../../CircularProgress-nxAXvjY0.cjs"),O=require("../../chainPropTypes-CEUi6Jb4.cjs");function R(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:()=>o[i]})}}return t.default=o,Object.freeze(t)}const m=R(S);function q(o){return n.generateUtilityClass("MuiLoadingButton",o)}const e=n.generateUtilityClasses("MuiLoadingButton",["root","label","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),w=o=>{const{loading:t,loadingPosition:i,classes:s}=o,u={root:["root",t&&"loading"],label:["label"],startIcon:[t&&`startIconLoading${p.capitalize(i)}`],endIcon:[t&&`endIconLoading${p.capitalize(i)}`],loadingIndicator:["loadingIndicator",t&&`loadingIndicator${p.capitalize(i)}`]},l=r.composeClasses(u,q,s);return{...s,...l}},M=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",U=r.styled(y.Button,{shouldForwardProp:o=>M(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,t)=>[t.root,t.startIconLoadingStart&&{[`& .${e.startIconLoadingStart}`]:t.startIconLoadingStart},t.endIconLoadingEnd&&{[`& .${e.endIconLoadingEnd}`]:t.endIconLoadingEnd}]})(v.memoTheme(({theme:o})=>({display:"inline-flex",[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0},variants:[{props:{loadingPosition:"center"},style:{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${e.loading}`]:{color:"transparent"}}},{props:({ownerState:t})=>t.loadingPosition==="start"&&t.fullWidth,style:{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginRight:-8}}},{props:({ownerState:t})=>t.loadingPosition==="end"&&t.fullWidth,style:{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginLeft:-8}}}]}))),N=r.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,t)=>{const{ownerState:i}=o;return[t.loadingIndicator,t[`loadingIndicator${p.capitalize(i.loadingPosition)}`]]}})(v.memoTheme(({theme:o})=>({position:"absolute",visibility:"visible",display:"flex",variants:[{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:({loadingPosition:t,ownerState:i})=>t==="start"&&i.size!=="small",style:{left:14}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:({loadingPosition:t,ownerState:i})=>t==="end"&&i.size!=="small",style:{right:14}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:({ownerState:t})=>t.loadingPosition==="start"&&t.fullWidth,style:{position:"relative",left:-10}},{props:({ownerState:t})=>t.loadingPosition==="end"&&t.fullWidth,style:{position:"relative",right:-10}}]}))),T=r.styled("span",{name:"MuiLoadingButton",slot:"Label",overridesResolver:(o,t)=>[t.label]})({display:"inherit",alignItems:"inherit",justifyContent:"inherit"}),x=m.forwardRef(function(t,i){const s=m.useContext(y.ButtonGroupContext),u=y.resolveProps(s,t),l=r.useDefaultProps({props:u,name:"MuiLoadingButton"}),{children:P,disabled:I=!1,id:B,loading:g=!1,loadingIndicator:j,loadingPosition:C="center",variant:f="text",...$}=l,b=z.useId(B),L=j??a.jsx(E.CircularProgress,{"aria-labelledby":b,color:"inherit",size:16}),d={...l,disabled:I,loading:g,loadingIndicator:L,loadingPosition:C,variant:f},c=w(d),h=g?a.jsx(N,{className:c.loadingIndicator,ownerState:d,children:L}):null;return a.jsxs(U,{disabled:I||g,id:b,ref:i,...$,variant:f,classes:c,ownerState:d,children:[d.loadingPosition==="end"?a.jsx(T,{className:c.label,children:P}):h,d.loadingPosition==="end"?h:a.jsx(T,{className:c.label,children:P})]})});process.env.NODE_ENV!=="production"&&(x.propTypes={children:n.PropTypes.node,classes:n.PropTypes.object,disabled:n.PropTypes.bool,id:n.PropTypes.string,loading:n.PropTypes.bool,loadingIndicator:n.PropTypes.node,loadingPosition:O.chainPropTypes(n.PropTypes.oneOf(["start","end","center"]),o=>o.loadingPosition==="start"&&!o.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):o.loadingPosition==="end"&&!o.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),sx:n.PropTypes.oneOfType([n.PropTypes.arrayOf(n.PropTypes.oneOfType([n.PropTypes.func,n.PropTypes.object,n.PropTypes.bool])),n.PropTypes.func,n.PropTypes.object]),variant:n.PropTypes.oneOfType([n.PropTypes.oneOf(["contained","outlined","text"]),n.PropTypes.string])});const D=r.styled(x)(({color:o,theme:t})=>({minHeight:38,textTransform:"none",transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-outlined":{borderRadius:5,borderWidth:2}})),W=({variant:o="outlined",...t})=>a.jsx(D,{variant:o,...t});module.exports=W;
@@ -1,6 +1,299 @@
1
- import "react/jsx-runtime";
2
- import "../../DefaultPropsProvider-CmOKr9hq.js";
3
- import { B as p } from "../../Button-CSNPv43f.js";
1
+ import { jsxs as S, jsx as r } from "react/jsx-runtime";
2
+ import { u as T, s as g, c as w } from "../../DefaultPropsProvider-CmOKr9hq.js";
3
+ import * as P from "react";
4
+ import { H as M, I as R, P as n } from "../../generateUtilityClasses-v9KcqdK1.js";
5
+ import { a as z, r as O, B as j } from "../../Button-DovfjBkz.js";
6
+ import { u as U } from "../../useId-CK6Kn3Tn.js";
7
+ import { c } from "../../capitalize-yX_QSknw.js";
8
+ import { m as v } from "../../memoTheme-D-rebSfX.js";
9
+ import { C as N } from "../../CircularProgress-BgUNlpbU.js";
10
+ import { c as W } from "../../chainPropTypes-D9lkm76m.js";
11
+ function D(o) {
12
+ return R("MuiLoadingButton", o);
13
+ }
14
+ const a = M("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), F = (o) => {
15
+ const {
16
+ loading: t,
17
+ loadingPosition: i,
18
+ classes: e
19
+ } = o, u = {
20
+ root: ["root", t && "loading"],
21
+ label: ["label"],
22
+ startIcon: [t && `startIconLoading${c(i)}`],
23
+ endIcon: [t && `endIconLoading${c(i)}`],
24
+ loadingIndicator: ["loadingIndicator", t && `loadingIndicator${c(i)}`]
25
+ }, d = w(u, D, e);
26
+ return {
27
+ ...e,
28
+ // forward the outlined, color, etc. classes to Button
29
+ ...d
30
+ };
31
+ }, H = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", k = g(j, {
32
+ shouldForwardProp: (o) => H(o) || o === "classes",
33
+ name: "MuiLoadingButton",
34
+ slot: "Root",
35
+ overridesResolver: (o, t) => [t.root, t.startIconLoadingStart && {
36
+ [`& .${a.startIconLoadingStart}`]: t.startIconLoadingStart
37
+ }, t.endIconLoadingEnd && {
38
+ [`& .${a.endIconLoadingEnd}`]: t.endIconLoadingEnd
39
+ }]
40
+ })(v(({
41
+ theme: o
42
+ }) => ({
43
+ display: "inline-flex",
44
+ [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
45
+ transition: o.transitions.create(["opacity"], {
46
+ duration: o.transitions.duration.short
47
+ }),
48
+ opacity: 0
49
+ },
50
+ variants: [{
51
+ props: {
52
+ loadingPosition: "center"
53
+ },
54
+ style: {
55
+ transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
56
+ duration: o.transitions.duration.short
57
+ }),
58
+ [`&.${a.loading}`]: {
59
+ color: "transparent"
60
+ }
61
+ }
62
+ }, {
63
+ props: ({
64
+ ownerState: t
65
+ }) => t.loadingPosition === "start" && t.fullWidth,
66
+ style: {
67
+ [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
68
+ transition: o.transitions.create(["opacity"], {
69
+ duration: o.transitions.duration.short
70
+ }),
71
+ opacity: 0,
72
+ marginRight: -8
73
+ }
74
+ }
75
+ }, {
76
+ props: ({
77
+ ownerState: t
78
+ }) => t.loadingPosition === "end" && t.fullWidth,
79
+ style: {
80
+ [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
81
+ transition: o.transitions.create(["opacity"], {
82
+ duration: o.transitions.duration.short
83
+ }),
84
+ opacity: 0,
85
+ marginLeft: -8
86
+ }
87
+ }
88
+ }]
89
+ }))), G = g("span", {
90
+ name: "MuiLoadingButton",
91
+ slot: "LoadingIndicator",
92
+ overridesResolver: (o, t) => {
93
+ const {
94
+ ownerState: i
95
+ } = o;
96
+ return [t.loadingIndicator, t[`loadingIndicator${c(i.loadingPosition)}`]];
97
+ }
98
+ })(v(({
99
+ theme: o
100
+ }) => ({
101
+ position: "absolute",
102
+ visibility: "visible",
103
+ display: "flex",
104
+ variants: [{
105
+ props: {
106
+ loadingPosition: "start",
107
+ size: "small"
108
+ },
109
+ style: {
110
+ left: 10
111
+ }
112
+ }, {
113
+ props: ({
114
+ loadingPosition: t,
115
+ ownerState: i
116
+ }) => t === "start" && i.size !== "small",
117
+ style: {
118
+ left: 14
119
+ }
120
+ }, {
121
+ props: {
122
+ variant: "text",
123
+ loadingPosition: "start"
124
+ },
125
+ style: {
126
+ left: 6
127
+ }
128
+ }, {
129
+ props: {
130
+ loadingPosition: "center"
131
+ },
132
+ style: {
133
+ left: "50%",
134
+ transform: "translate(-50%)",
135
+ color: (o.vars || o).palette.action.disabled
136
+ }
137
+ }, {
138
+ props: {
139
+ loadingPosition: "end",
140
+ size: "small"
141
+ },
142
+ style: {
143
+ right: 10
144
+ }
145
+ }, {
146
+ props: ({
147
+ loadingPosition: t,
148
+ ownerState: i
149
+ }) => t === "end" && i.size !== "small",
150
+ style: {
151
+ right: 14
152
+ }
153
+ }, {
154
+ props: {
155
+ variant: "text",
156
+ loadingPosition: "end"
157
+ },
158
+ style: {
159
+ right: 6
160
+ }
161
+ }, {
162
+ props: ({
163
+ ownerState: t
164
+ }) => t.loadingPosition === "start" && t.fullWidth,
165
+ style: {
166
+ position: "relative",
167
+ left: -10
168
+ }
169
+ }, {
170
+ props: ({
171
+ ownerState: t
172
+ }) => t.loadingPosition === "end" && t.fullWidth,
173
+ style: {
174
+ position: "relative",
175
+ right: -10
176
+ }
177
+ }]
178
+ }))), h = g("span", {
179
+ name: "MuiLoadingButton",
180
+ slot: "Label",
181
+ overridesResolver: (o, t) => [t.label]
182
+ })({
183
+ display: "inherit",
184
+ alignItems: "inherit",
185
+ justifyContent: "inherit"
186
+ }), B = /* @__PURE__ */ P.forwardRef(function(t, i) {
187
+ const e = P.useContext(z), u = O(e, t), d = T({
188
+ props: u,
189
+ name: "MuiLoadingButton"
190
+ }), {
191
+ children: f,
192
+ disabled: I = !1,
193
+ id: x,
194
+ loading: p = !1,
195
+ loadingIndicator: $,
196
+ loadingPosition: C = "center",
197
+ variant: m = "text",
198
+ ...E
199
+ } = d, L = U(x), b = $ ?? /* @__PURE__ */ r(N, {
200
+ "aria-labelledby": L,
201
+ color: "inherit",
202
+ size: 16
203
+ }), s = {
204
+ ...d,
205
+ disabled: I,
206
+ loading: p,
207
+ loadingIndicator: b,
208
+ loadingPosition: C,
209
+ variant: m
210
+ }, l = F(s), y = p ? /* @__PURE__ */ r(G, {
211
+ className: l.loadingIndicator,
212
+ ownerState: s,
213
+ children: b
214
+ }) : null;
215
+ return /* @__PURE__ */ S(k, {
216
+ disabled: I || p,
217
+ id: L,
218
+ ref: i,
219
+ ...E,
220
+ variant: m,
221
+ classes: l,
222
+ ownerState: s,
223
+ children: [s.loadingPosition === "end" ? /* @__PURE__ */ r(h, {
224
+ className: l.label,
225
+ children: f
226
+ }) : y, s.loadingPosition === "end" ? y : /* @__PURE__ */ r(h, {
227
+ className: l.label,
228
+ children: f
229
+ })]
230
+ });
231
+ });
232
+ process.env.NODE_ENV !== "production" && (B.propTypes = {
233
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
234
+ // │ These PropTypes are generated from the TypeScript type definitions. │
235
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
236
+ // └─────────────────────────────────────────────────────────────────────┘
237
+ /**
238
+ * The content of the component.
239
+ */
240
+ children: n.node,
241
+ /**
242
+ * Override or extend the styles applied to the component.
243
+ */
244
+ classes: n.object,
245
+ /**
246
+ * If `true`, the component is disabled.
247
+ * @default false
248
+ */
249
+ disabled: n.bool,
250
+ /**
251
+ * @ignore
252
+ */
253
+ id: n.string,
254
+ /**
255
+ * If `true`, the loading indicator is shown and the button becomes disabled.
256
+ * @default false
257
+ */
258
+ loading: n.bool,
259
+ /**
260
+ * Element placed before the children if the button is in loading state.
261
+ * The node should contain an element with `role="progressbar"` with an accessible name.
262
+ * By default we render a `CircularProgress` that is labelled by the button itself.
263
+ * @default <CircularProgress color="inherit" size={16} />
264
+ */
265
+ loadingIndicator: n.node,
266
+ /**
267
+ * The loading indicator can be positioned on the start, end, or the center of the button.
268
+ * @default 'center'
269
+ */
270
+ loadingPosition: W(n.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
271
+ /**
272
+ * The system prop that allows defining system overrides as well as additional CSS styles.
273
+ */
274
+ sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
275
+ /**
276
+ * The variant to use.
277
+ * @default 'text'
278
+ */
279
+ variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
280
+ });
281
+ const V = g(B)(({ color: o, theme: t }) => ({
282
+ minHeight: 38,
283
+ textTransform: "none",
284
+ transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
285
+ "&.MuiButton-outlined": {
286
+ borderRadius: 5,
287
+ borderWidth: 2
288
+ /* "&:hover": {
289
+ //backgroundColor: theme.palette[color].main,
290
+ color: theme.palette.common.white,
291
+ },*/
292
+ }
293
+ })), oo = ({
294
+ variant: o = "outlined",
295
+ ...t
296
+ }) => /* @__PURE__ */ r(V, { variant: o, ...t });
4
297
  export {
5
- p as default
298
+ oo as default
6
299
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../Button-C-bZSJCq.cjs");exports.Button=t.Button;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button.cjs.js");exports.Button=t;
@@ -1,4 +1,4 @@
1
- import { B as r } from "../../Button-CSNPv43f.js";
1
+ import { default as a } from "./Button.es.js";
2
2
  export {
3
- r as Button
3
+ a as Button
4
4
  };
@@ -1 +1 @@
1
- "use strict";const n=require("react/jsx-runtime"),t=require("../../CloseRounded-Cu-sn6XC.cjs"),c=require("@mui/material"),u=require("../../Dialog-BFZeovlo.cjs"),a=({children:s,showCloseButton:i=!0,...e})=>{const o=()=>{var l;return(l=e.onClose)==null?void 0:l.call(e,{},"escapeKeyDown")};return n.jsxs(u.Dialog,{...e,children:[i?n.jsx(c.IconButton,{"aria-label":"close",onClick:o,sx:{position:"absolute",right:16,top:16},children:n.jsx(t.CloseRounded,{})}):null,s]})};module.exports=a;
1
+ "use strict";const n=require("react/jsx-runtime"),t=require("../../createSvgIcon-CWNQW6u6.cjs"),i=require("@mui/material"),a=require("../../Dialog-BFZeovlo.cjs"),u=t.createSvgIcon(n.jsx("path",{d:"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"}),"CloseRounded"),r=({children:s,showCloseButton:l=!0,...e})=>{const o=()=>{var c;return(c=e.onClose)==null?void 0:c.call(e,{},"escapeKeyDown")};return n.jsxs(a.Dialog,{...e,children:[l?n.jsx(i.IconButton,{"aria-label":"close",onClick:o,sx:{position:"absolute",right:24,top:24},children:n.jsx(u,{})}):null,s]})};module.exports=r;
@@ -1,26 +1,28 @@
1
- import { jsxs as i, jsx as n } from "react/jsx-runtime";
2
- import { C as s } from "../../CloseRounded-Df8vYhLX.js";
1
+ import { jsx as l, jsxs as c } from "react/jsx-runtime";
2
+ import { c as s } from "../../createSvgIcon-Cd6y8E9W.js";
3
3
  import { IconButton as t } from "@mui/material";
4
- import { D as c } from "../../Dialog-D0fzD-TX.js";
5
- const f = ({
4
+ import { D as i } from "../../Dialog-D0fzD-TX.js";
5
+ const d = s(/* @__PURE__ */ l("path", {
6
+ d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
7
+ }), "CloseRounded"), g = ({
6
8
  children: e,
7
9
  showCloseButton: a = !0,
8
- ...l
9
- }) => /* @__PURE__ */ i(c, { ...l, children: [
10
- a ? /* @__PURE__ */ n(
10
+ ...o
11
+ }) => /* @__PURE__ */ c(i, { ...o, children: [
12
+ a ? /* @__PURE__ */ l(
11
13
  t,
12
14
  {
13
15
  "aria-label": "close",
14
16
  onClick: () => {
15
- var o;
16
- return (o = l.onClose) == null ? void 0 : o.call(l, {}, "escapeKeyDown");
17
+ var n;
18
+ return (n = o.onClose) == null ? void 0 : n.call(o, {}, "escapeKeyDown");
17
19
  },
18
- sx: { position: "absolute", right: 16, top: 16 },
19
- children: /* @__PURE__ */ n(s, {})
20
+ sx: { position: "absolute", right: 24, top: 24 },
21
+ children: /* @__PURE__ */ l(d, {})
20
22
  }
21
23
  ) : null,
22
24
  e
23
25
  ] });
24
26
  export {
25
- f as default
27
+ g as default
26
28
  };