dq-cus-lib 1.0.13 → 1.1.1

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 (87) hide show
  1. package/dist/index.css +181 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.ts +29 -6
  4. package/dist/index.js +365 -1
  5. package/dist/index.js.map +1 -0
  6. package/package.json +15 -40
  7. package/dist/Card-Bfg8P2ba.mjs +0 -70
  8. package/dist/Card-DZoz07x1.js +0 -1
  9. package/dist/CardContent-C3iE4rdC.js +0 -1
  10. package/dist/CardContent-CX83Iz5u.mjs +0 -73
  11. package/dist/Container-CHiQwwon.mjs +0 -3470
  12. package/dist/Container-DRUrQLPe.js +0 -34
  13. package/dist/Paper-B1BWzC32.js +0 -3
  14. package/dist/Paper-px0ZrIl-.mjs +0 -725
  15. package/dist/Typography-DjYh_lcA.js +0 -1
  16. package/dist/Typography-dhPvE-yk.mjs +0 -524
  17. package/dist/button-BTe1MJmo.mjs +0 -2052
  18. package/dist/button-XEz-DvWZ.js +0 -132
  19. package/dist/components/common/loading.d.ts +0 -2
  20. package/dist/components/common/login-image.d.ts +0 -6
  21. package/dist/components/error.page/error.d.ts +0 -2
  22. package/dist/components/landing.page/constants.d.ts +0 -5
  23. package/dist/components/landing.page/features.d.ts +0 -3
  24. package/dist/components/landing.page/footer.d.ts +0 -7
  25. package/dist/components/landing.page/header.d.ts +0 -7
  26. package/dist/components/landing.page/hero.d.ts +0 -7
  27. package/dist/components/layout.page/api-calls.d.ts +0 -2
  28. package/dist/components/layout.page/constants.d.ts +0 -9
  29. package/dist/components/layout.page/footer.d.ts +0 -2
  30. package/dist/components/layout.page/header.d.ts +0 -5
  31. package/dist/components/signin.page/api-calls.d.ts +0 -1
  32. package/dist/components/signin.page/business-rules.d.ts +0 -1
  33. package/dist/components/signin.page/footer-links.d.ts +0 -10
  34. package/dist/components/signin.page/sign-in.d.ts +0 -6
  35. package/dist/components/user.page/card.d.ts +0 -12
  36. package/dist/components/user.page/constants.d.ts +0 -16
  37. package/dist/components/user.page/navigator-icon.d.ts +0 -8
  38. package/dist/components/user.page/navigator-link.d.ts +0 -8
  39. package/dist/constants-CYWfA_it.js +0 -1
  40. package/dist/constants-bixGJi69.mjs +0 -10
  41. package/dist/dashboard.page.d.ts +0 -4
  42. package/dist/dashboard.page.js +0 -1
  43. package/dist/dashboard.page.mjs +0 -52
  44. package/dist/dq-cus-lib.css +0 -1
  45. package/dist/error-B0u1MssC.mjs +0 -17
  46. package/dist/error-C-Fm8lre.js +0 -1
  47. package/dist/error.page.d.ts +0 -4
  48. package/dist/error.page.js +0 -1
  49. package/dist/error.page.mjs +0 -10
  50. package/dist/favicon.ico +0 -0
  51. package/dist/header-BLuHRYED.js +0 -1
  52. package/dist/header-DZeF4MvE.mjs +0 -353
  53. package/dist/index-CCRuOAqd.js +0 -292
  54. package/dist/index-gUmyoYAp.mjs +0 -477
  55. package/dist/index.mjs +0 -16
  56. package/dist/jsx-runtime-nZSsnGb7.js +0 -6
  57. package/dist/jsx-runtime-tc70JA_2.mjs +0 -264
  58. package/dist/landing.page.d.ts +0 -4
  59. package/dist/landing.page.js +0 -3
  60. package/dist/landing.page.mjs +0 -181
  61. package/dist/layout.page.d.ts +0 -4
  62. package/dist/layout.page.js +0 -1
  63. package/dist/layout.page.mjs +0 -24
  64. package/dist/library/index.d.ts +0 -6
  65. package/dist/link-button-BkYJm52P.mjs +0 -52
  66. package/dist/link-button-yZmEF1A6.js +0 -19
  67. package/dist/logout-error.page.d.ts +0 -4
  68. package/dist/logout-error.page.js +0 -1
  69. package/dist/logout-error.page.mjs +0 -31
  70. package/dist/manifest.json +0 -15
  71. package/dist/pages/dashboard.page.d.ts +0 -2
  72. package/dist/pages/error.page.d.ts +0 -2
  73. package/dist/pages/landing.page.d.ts +0 -7
  74. package/dist/pages/layout.page.d.ts +0 -8
  75. package/dist/pages/logout-error.page.d.ts +0 -6
  76. package/dist/pages/signin.page.d.ts +0 -6
  77. package/dist/pages/wrappers/auth.wrapper.d.ts +0 -8
  78. package/dist/pages/wrappers/common-page.wrapper.d.ts +0 -2
  79. package/dist/pages/wrappers/link.navigator.d.ts +0 -8
  80. package/dist/pages/wrappers/non-auth.wrapper.d.ts +0 -6
  81. package/dist/resources/constants.d.ts +0 -7
  82. package/dist/resources/images.d.ts +0 -6
  83. package/dist/resources/routes.d.ts +0 -9
  84. package/dist/resources/status.d.ts +0 -4
  85. package/dist/signin.page.d.ts +0 -4
  86. package/dist/signin.page.js +0 -17
  87. package/dist/signin.page.mjs +0 -9761
@@ -1 +0,0 @@
1
- "use strict";const C=require("react"),y=require("./jsx-runtime-nZSsnGb7.js"),e=require("./Container-DRUrQLPe.js"),i=require("./Paper-B1BWzC32.js"),R=require("@mui/system");function w(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const d=w(C);function j(t){return y.jsxRuntimeExports.jsx(R.GlobalStyles,{...t,defaultTheme:e.defaultTheme,themeId:e.THEME_ID})}process.env.NODE_ENV!=="production"&&(j.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function E(t){return function(r){return y.jsxRuntimeExports.jsx(j,{styles:typeof t=="function"?n=>t({theme:n,...r}):t})}}function N(){return i.extendSxProp}function I(t){return e.generateUtilityClass("MuiSvgIcon",t)}i.generateUtilityClasses("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const B=t=>{const{color:o,fontSize:r,classes:n}=t,s={root:["root",o!=="inherit"&&`color${e.capitalize(o)}`,`fontSize${e.capitalize(r)}`]};return i.composeClasses(s,I,n)},M=e.styled("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:r}=t;return[o.root,r.color!=="inherit"&&o[`color${e.capitalize(r.color)}`],o[`fontSize${e.capitalize(r.fontSize)}`]]}})(i.memoTheme(({theme:t})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:t.transitions?.create?.("fill",{duration:(t.vars??t).transitions?.duration?.shorter}),variants:[{props:o=>!o.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:t.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:t.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:t.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((t.vars??t).palette).filter(([,o])=>o&&o.main).map(([o])=>({props:{color:o},style:{color:(t.vars??t).palette?.[o]?.main}})),{props:{color:"action"},style:{color:(t.vars??t).palette?.action?.active}},{props:{color:"disabled"},style:{color:(t.vars??t).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}))),S=d.forwardRef(function(o,r){const n=e.useDefaultProps({props:o,name:"MuiSvgIcon"}),{children:s,className:u,color:a="inherit",component:p="svg",fontSize:m="medium",htmlColor:P,inheritViewBox:b=!1,titleAccess:l,viewBox:g="0 0 24 24",...f}=n,c=d.isValidElement(s)&&s.type==="svg",h={...n,color:a,component:p,fontSize:m,instanceFontSize:o.fontSize,inheritViewBox:b,viewBox:g,hasSvgAsChild:c},T={};b||(T.viewBox=g);const v=B(h);return y.jsxRuntimeExports.jsxs(M,{as:p,className:e.clsx(v.root,u),focusable:"false",color:P,"aria-hidden":l?void 0:!0,role:l?"img":void 0,ref:r,...T,...f,...c&&s.props,ownerState:h,children:[c?s.props.children:s,l?y.jsxRuntimeExports.jsx("title",{children:l}):null]})});process.env.NODE_ENV!=="production"&&(S.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,fontSize:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","large","medium","small"]),e.PropTypes.string]),htmlColor:e.PropTypes.string,inheritViewBox:e.PropTypes.bool,shapeRendering:e.PropTypes.string,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),titleAccess:e.PropTypes.string,viewBox:e.PropTypes.string});S.muiName="SvgIcon";function D(t,o){function r(n,s){return y.jsxRuntimeExports.jsx(S,{"data-testid":process.env.NODE_ENV!=="production"?`${o}Icon`:void 0,ref:s,...n,children:t})}return process.env.NODE_ENV!=="production"&&(r.displayName=`${o}Icon`),r.muiName=S.muiName,d.memo(d.forwardRef(r))}function V(t){return e.generateUtilityClass("MuiTypography",t)}i.generateUtilityClasses("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);const _={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},$=N(),W=t=>{const{align:o,gutterBottom:r,noWrap:n,paragraph:s,variant:u,classes:a}=t,p={root:["root",u,t.align!=="inherit"&&`align${e.capitalize(o)}`,r&&"gutterBottom",n&&"noWrap",s&&"paragraph"]};return i.composeClasses(p,V,a)},A=e.styled("span",{name:"MuiTypography",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:r}=t;return[o.root,r.variant&&o[r.variant],r.align!=="inherit"&&o[`align${e.capitalize(r.align)}`],r.noWrap&&o.noWrap,r.gutterBottom&&o.gutterBottom,r.paragraph&&o.paragraph]}})(i.memoTheme(({theme:t})=>({margin:0,variants:[{props:{variant:"inherit"},style:{font:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},...Object.entries(t.typography).filter(([o,r])=>o!=="inherit"&&r&&typeof r=="object").map(([o,r])=>({props:{variant:o},style:r})),...Object.entries(t.palette).filter(i.createSimplePaletteValueFilter()).map(([o])=>({props:{color:o},style:{color:(t.vars||t).palette[o].main}})),...Object.entries(t.palette?.text||{}).filter(([,o])=>typeof o=="string").map(([o])=>({props:{color:`text${e.capitalize(o)}`},style:{color:(t.vars||t).palette.text[o]}})),{props:({ownerState:o})=>o.align!=="inherit",style:{textAlign:"var(--Typography-textAlign)"}},{props:({ownerState:o})=>o.noWrap,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{props:({ownerState:o})=>o.gutterBottom,style:{marginBottom:"0.35em"}},{props:({ownerState:o})=>o.paragraph,style:{marginBottom:16}}]}))),x={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},O=d.forwardRef(function(o,r){const{color:n,...s}=e.useDefaultProps({props:o,name:"MuiTypography"}),u=!_[n],a=$({...s,...u&&{color:n}}),{align:p="inherit",className:m,component:P,gutterBottom:b=!1,noWrap:l=!1,paragraph:g=!1,variant:f="body1",variantMapping:c=x,...h}=a,T={...a,align:p,color:n,className:m,component:P,gutterBottom:b,noWrap:l,paragraph:g,variant:f,variantMapping:c},v=P||(g?"p":c[f]||x[f])||"span",z=W(T);return y.jsxRuntimeExports.jsx(A,{as:v,ref:r,className:e.clsx(z.root,m),...h,ownerState:T,style:{...p!=="inherit"&&{"--Typography-textAlign":p},...h.style}})});process.env.NODE_ENV!=="production"&&(O.propTypes={align:e.PropTypes.oneOf(["center","inherit","justify","left","right"]),children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]),e.PropTypes.string]),component:e.PropTypes.elementType,gutterBottom:e.PropTypes.bool,noWrap:e.PropTypes.bool,paragraph:e.PropTypes.bool,style:e.PropTypes.object,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]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),e.PropTypes.string]),variantMapping:e.PropTypes.object});exports.Typography=O;exports.createSvgIcon=D;exports.globalCss=E;
@@ -1,524 +0,0 @@
1
- import * as m from "react";
2
- import { j as f } from "./jsx-runtime-tc70JA_2.mjs";
3
- import { T as M, i as $, P as o, g as j, u as w, c as z, a, s as N } from "./Container-CHiQwwon.mjs";
4
- import { h as D, b as C, c as E, m as R, d as P } from "./Paper-px0ZrIl-.mjs";
5
- import { GlobalStyles as V } from "@mui/system";
6
- function B(e) {
7
- return /* @__PURE__ */ f.jsx(V, {
8
- ...e,
9
- defaultTheme: $,
10
- themeId: M
11
- });
12
- }
13
- process.env.NODE_ENV !== "production" && (B.propTypes = {
14
- // ┌────────────────────────────── Warning ──────────────────────────────┐
15
- // │ These PropTypes are generated from the TypeScript type definitions. │
16
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
17
- // └─────────────────────────────────────────────────────────────────────┘
18
- /**
19
- * The styles you want to apply globally.
20
- */
21
- styles: o.oneOfType([o.array, o.func, o.number, o.object, o.string, o.bool])
22
- });
23
- function Y(e) {
24
- return function(r) {
25
- return (
26
- // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
27
- /* @__PURE__ */ f.jsx(B, {
28
- styles: typeof e == "function" ? (n) => e({
29
- theme: n,
30
- ...r
31
- }) : e
32
- })
33
- );
34
- };
35
- }
36
- function W() {
37
- return D;
38
- }
39
- function A(e) {
40
- return j("MuiSvgIcon", e);
41
- }
42
- C("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
43
- const _ = (e) => {
44
- const {
45
- color: t,
46
- fontSize: r,
47
- classes: n
48
- } = e, i = {
49
- root: ["root", t !== "inherit" && `color${a(t)}`, `fontSize${a(r)}`]
50
- };
51
- return E(i, A, n);
52
- }, U = N("svg", {
53
- name: "MuiSvgIcon",
54
- slot: "Root",
55
- overridesResolver: (e, t) => {
56
- const {
57
- ownerState: r
58
- } = e;
59
- return [t.root, r.color !== "inherit" && t[`color${a(r.color)}`], t[`fontSize${a(r.fontSize)}`]];
60
- }
61
- })(R(({
62
- theme: e
63
- }) => ({
64
- userSelect: "none",
65
- width: "1em",
66
- height: "1em",
67
- display: "inline-block",
68
- flexShrink: 0,
69
- transition: e.transitions?.create?.("fill", {
70
- duration: (e.vars ?? e).transitions?.duration?.shorter
71
- }),
72
- variants: [
73
- {
74
- props: (t) => !t.hasSvgAsChild,
75
- style: {
76
- // the <svg> will define the property that has `currentColor`
77
- // for example heroicons uses fill="none" and stroke="currentColor"
78
- fill: "currentColor"
79
- }
80
- },
81
- {
82
- props: {
83
- fontSize: "inherit"
84
- },
85
- style: {
86
- fontSize: "inherit"
87
- }
88
- },
89
- {
90
- props: {
91
- fontSize: "small"
92
- },
93
- style: {
94
- fontSize: e.typography?.pxToRem?.(20) || "1.25rem"
95
- }
96
- },
97
- {
98
- props: {
99
- fontSize: "medium"
100
- },
101
- style: {
102
- fontSize: e.typography?.pxToRem?.(24) || "1.5rem"
103
- }
104
- },
105
- {
106
- props: {
107
- fontSize: "large"
108
- },
109
- style: {
110
- fontSize: e.typography?.pxToRem?.(35) || "2.1875rem"
111
- }
112
- },
113
- // TODO v5 deprecate color prop, v6 remove for sx
114
- ...Object.entries((e.vars ?? e).palette).filter(([, t]) => t && t.main).map(([t]) => ({
115
- props: {
116
- color: t
117
- },
118
- style: {
119
- color: (e.vars ?? e).palette?.[t]?.main
120
- }
121
- })),
122
- {
123
- props: {
124
- color: "action"
125
- },
126
- style: {
127
- color: (e.vars ?? e).palette?.action?.active
128
- }
129
- },
130
- {
131
- props: {
132
- color: "disabled"
133
- },
134
- style: {
135
- color: (e.vars ?? e).palette?.action?.disabled
136
- }
137
- },
138
- {
139
- props: {
140
- color: "inherit"
141
- },
142
- style: {
143
- color: void 0
144
- }
145
- }
146
- ]
147
- }))), x = /* @__PURE__ */ m.forwardRef(function(t, r) {
148
- const n = w({
149
- props: t,
150
- name: "MuiSvgIcon"
151
- }), {
152
- children: i,
153
- className: u,
154
- color: l = "inherit",
155
- component: s = "svg",
156
- fontSize: S = "medium",
157
- htmlColor: v,
158
- inheritViewBox: b = !1,
159
- titleAccess: p,
160
- viewBox: g = "0 0 24 24",
161
- ...y
162
- } = n, c = /* @__PURE__ */ m.isValidElement(i) && i.type === "svg", h = {
163
- ...n,
164
- color: l,
165
- component: s,
166
- fontSize: S,
167
- instanceFontSize: t.fontSize,
168
- inheritViewBox: b,
169
- viewBox: g,
170
- hasSvgAsChild: c
171
- }, d = {};
172
- b || (d.viewBox = g);
173
- const T = _(h);
174
- return /* @__PURE__ */ f.jsxs(U, {
175
- as: s,
176
- className: z(T.root, u),
177
- focusable: "false",
178
- color: v,
179
- "aria-hidden": p ? void 0 : !0,
180
- role: p ? "img" : void 0,
181
- ref: r,
182
- ...d,
183
- ...y,
184
- ...c && i.props,
185
- ownerState: h,
186
- children: [c ? i.props.children : i, p ? /* @__PURE__ */ f.jsx("title", {
187
- children: p
188
- }) : null]
189
- });
190
- });
191
- process.env.NODE_ENV !== "production" && (x.propTypes = {
192
- // ┌────────────────────────────── Warning ──────────────────────────────┐
193
- // │ These PropTypes are generated from the TypeScript type definitions. │
194
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
195
- // └─────────────────────────────────────────────────────────────────────┘
196
- /**
197
- * Node passed into the SVG element.
198
- */
199
- children: o.node,
200
- /**
201
- * Override or extend the styles applied to the component.
202
- */
203
- classes: o.object,
204
- /**
205
- * @ignore
206
- */
207
- className: o.string,
208
- /**
209
- * The color of the component.
210
- * It supports both default and custom theme colors, which can be added as shown in the
211
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
212
- * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
213
- * @default 'inherit'
214
- */
215
- color: o.oneOfType([o.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
216
- /**
217
- * The component used for the root node.
218
- * Either a string to use a HTML element or a component.
219
- */
220
- component: o.elementType,
221
- /**
222
- * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
223
- * @default 'medium'
224
- */
225
- fontSize: o.oneOfType([o.oneOf(["inherit", "large", "medium", "small"]), o.string]),
226
- /**
227
- * Applies a color attribute to the SVG element.
228
- */
229
- htmlColor: o.string,
230
- /**
231
- * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
232
- * prop will be ignored.
233
- * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
234
- * `component`'s viewBox to the root node.
235
- * @default false
236
- */
237
- inheritViewBox: o.bool,
238
- /**
239
- * The shape-rendering attribute. The behavior of the different options is described on the
240
- * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
241
- * If you are having issues with blurry icons you should investigate this prop.
242
- */
243
- shapeRendering: o.string,
244
- /**
245
- * The system prop that allows defining system overrides as well as additional CSS styles.
246
- */
247
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
248
- /**
249
- * Provides a human-readable title for the element that contains it.
250
- * https://www.w3.org/TR/SVG-access/#Equivalent
251
- */
252
- titleAccess: o.string,
253
- /**
254
- * Allows you to redefine what the coordinates without units mean inside an SVG element.
255
- * For example, if the SVG element is 500 (width) by 200 (height),
256
- * and you pass viewBox="0 0 50 20",
257
- * this means that the coordinates inside the SVG will go from the top left corner (0,0)
258
- * to bottom right (50,20) and each unit will be worth 10px.
259
- * @default '0 0 24 24'
260
- */
261
- viewBox: o.string
262
- });
263
- x.muiName = "SvgIcon";
264
- function Z(e, t) {
265
- function r(n, i) {
266
- return /* @__PURE__ */ f.jsx(x, {
267
- "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
268
- ref: i,
269
- ...n,
270
- children: e
271
- });
272
- }
273
- return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = x.muiName, /* @__PURE__ */ m.memo(/* @__PURE__ */ m.forwardRef(r));
274
- }
275
- function G(e) {
276
- return j("MuiTypography", e);
277
- }
278
- C("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
279
- const k = {
280
- primary: !0,
281
- secondary: !0,
282
- error: !0,
283
- info: !0,
284
- success: !0,
285
- warning: !0,
286
- textPrimary: !0,
287
- textSecondary: !0,
288
- textDisabled: !0
289
- }, F = W(), H = (e) => {
290
- const {
291
- align: t,
292
- gutterBottom: r,
293
- noWrap: n,
294
- paragraph: i,
295
- variant: u,
296
- classes: l
297
- } = e, s = {
298
- root: ["root", u, e.align !== "inherit" && `align${a(t)}`, r && "gutterBottom", n && "noWrap", i && "paragraph"]
299
- };
300
- return E(s, G, l);
301
- }, L = N("span", {
302
- name: "MuiTypography",
303
- slot: "Root",
304
- overridesResolver: (e, t) => {
305
- const {
306
- ownerState: r
307
- } = e;
308
- return [t.root, r.variant && t[r.variant], r.align !== "inherit" && t[`align${a(r.align)}`], r.noWrap && t.noWrap, r.gutterBottom && t.gutterBottom, r.paragraph && t.paragraph];
309
- }
310
- })(R(({
311
- theme: e
312
- }) => ({
313
- margin: 0,
314
- variants: [{
315
- props: {
316
- variant: "inherit"
317
- },
318
- style: {
319
- // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
320
- font: "inherit",
321
- lineHeight: "inherit",
322
- letterSpacing: "inherit"
323
- }
324
- }, ...Object.entries(e.typography).filter(([t, r]) => t !== "inherit" && r && typeof r == "object").map(([t, r]) => ({
325
- props: {
326
- variant: t
327
- },
328
- style: r
329
- })), ...Object.entries(e.palette).filter(P()).map(([t]) => ({
330
- props: {
331
- color: t
332
- },
333
- style: {
334
- color: (e.vars || e).palette[t].main
335
- }
336
- })), ...Object.entries(e.palette?.text || {}).filter(([, t]) => typeof t == "string").map(([t]) => ({
337
- props: {
338
- color: `text${a(t)}`
339
- },
340
- style: {
341
- color: (e.vars || e).palette.text[t]
342
- }
343
- })), {
344
- props: ({
345
- ownerState: t
346
- }) => t.align !== "inherit",
347
- style: {
348
- textAlign: "var(--Typography-textAlign)"
349
- }
350
- }, {
351
- props: ({
352
- ownerState: t
353
- }) => t.noWrap,
354
- style: {
355
- overflow: "hidden",
356
- textOverflow: "ellipsis",
357
- whiteSpace: "nowrap"
358
- }
359
- }, {
360
- props: ({
361
- ownerState: t
362
- }) => t.gutterBottom,
363
- style: {
364
- marginBottom: "0.35em"
365
- }
366
- }, {
367
- props: ({
368
- ownerState: t
369
- }) => t.paragraph,
370
- style: {
371
- marginBottom: 16
372
- }
373
- }]
374
- }))), O = {
375
- h1: "h1",
376
- h2: "h2",
377
- h3: "h3",
378
- h4: "h4",
379
- h5: "h5",
380
- h6: "h6",
381
- subtitle1: "h6",
382
- subtitle2: "h6",
383
- body1: "p",
384
- body2: "p",
385
- inherit: "p"
386
- }, J = /* @__PURE__ */ m.forwardRef(function(t, r) {
387
- const {
388
- color: n,
389
- ...i
390
- } = w({
391
- props: t,
392
- name: "MuiTypography"
393
- }), u = !k[n], l = F({
394
- ...i,
395
- ...u && {
396
- color: n
397
- }
398
- }), {
399
- align: s = "inherit",
400
- className: S,
401
- component: v,
402
- gutterBottom: b = !1,
403
- noWrap: p = !1,
404
- paragraph: g = !1,
405
- variant: y = "body1",
406
- variantMapping: c = O,
407
- ...h
408
- } = l, d = {
409
- ...l,
410
- align: s,
411
- color: n,
412
- className: S,
413
- component: v,
414
- gutterBottom: b,
415
- noWrap: p,
416
- paragraph: g,
417
- variant: y,
418
- variantMapping: c
419
- }, T = v || (g ? "p" : c[y] || O[y]) || "span", I = H(d);
420
- return /* @__PURE__ */ f.jsx(L, {
421
- as: T,
422
- ref: r,
423
- className: z(I.root, S),
424
- ...h,
425
- ownerState: d,
426
- style: {
427
- ...s !== "inherit" && {
428
- "--Typography-textAlign": s
429
- },
430
- ...h.style
431
- }
432
- });
433
- });
434
- process.env.NODE_ENV !== "production" && (J.propTypes = {
435
- // ┌────────────────────────────── Warning ──────────────────────────────┐
436
- // │ These PropTypes are generated from the TypeScript type definitions. │
437
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
438
- // └─────────────────────────────────────────────────────────────────────┘
439
- /**
440
- * Set the text-align on the component.
441
- * @default 'inherit'
442
- */
443
- align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
444
- /**
445
- * The content of the component.
446
- */
447
- children: o.node,
448
- /**
449
- * Override or extend the styles applied to the component.
450
- */
451
- classes: o.object,
452
- /**
453
- * @ignore
454
- */
455
- className: o.string,
456
- /**
457
- * The color of the component.
458
- * It supports both default and custom theme colors, which can be added as shown in the
459
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
460
- */
461
- color: o.oneOfType([o.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), o.string]),
462
- /**
463
- * The component used for the root node.
464
- * Either a string to use a HTML element or a component.
465
- */
466
- component: o.elementType,
467
- /**
468
- * If `true`, the text will have a bottom margin.
469
- * @default false
470
- */
471
- gutterBottom: o.bool,
472
- /**
473
- * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
474
- *
475
- * Note that text overflow can only happen with block or inline-block level elements
476
- * (the element needs to have a width in order to overflow).
477
- * @default false
478
- */
479
- noWrap: o.bool,
480
- /**
481
- * If `true`, the element will be a paragraph element.
482
- * @default false
483
- * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
484
- */
485
- paragraph: o.bool,
486
- /**
487
- * @ignore
488
- */
489
- style: o.object,
490
- /**
491
- * The system prop that allows defining system overrides as well as additional CSS styles.
492
- */
493
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
494
- /**
495
- * Applies the theme typography styles.
496
- * @default 'body1'
497
- */
498
- variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string]),
499
- /**
500
- * The component maps the variant prop to a range of different HTML element types.
501
- * For instance, subtitle1 to `<h6>`.
502
- * If you wish to change that mapping, you can provide your own.
503
- * Alternatively, you can use the `component` prop.
504
- * @default {
505
- * h1: 'h1',
506
- * h2: 'h2',
507
- * h3: 'h3',
508
- * h4: 'h4',
509
- * h5: 'h5',
510
- * h6: 'h6',
511
- * subtitle1: 'h6',
512
- * subtitle2: 'h6',
513
- * body1: 'p',
514
- * body2: 'p',
515
- * inherit: 'p',
516
- * }
517
- */
518
- variantMapping: o.object
519
- });
520
- export {
521
- J as T,
522
- Z as c,
523
- Y as g
524
- };