@zidsa/zidmui 2.1.5 → 2.1.7

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 (85) hide show
  1. package/dist/react/cjs/theme/components/app-bar.js +153 -0
  2. package/dist/react/cjs/theme/components/app-bar.js.map +1 -0
  3. package/dist/react/cjs/theme/components/autocomplete.js +14 -0
  4. package/dist/react/cjs/theme/components/autocomplete.js.map +1 -0
  5. package/dist/react/cjs/theme/components/backdrop.js +11 -0
  6. package/dist/react/cjs/theme/components/backdrop.js.map +1 -0
  7. package/dist/react/cjs/theme/components/card.js +31 -0
  8. package/dist/react/cjs/theme/components/card.js.map +1 -0
  9. package/dist/react/cjs/theme/components/drawer.js +37 -0
  10. package/dist/react/cjs/theme/components/drawer.js.map +1 -0
  11. package/dist/react/cjs/theme/components/form-control-label.js +14 -0
  12. package/dist/react/cjs/theme/components/form-control-label.js.map +1 -0
  13. package/dist/react/cjs/theme/components/form-helper-text.js +46 -0
  14. package/dist/react/cjs/theme/components/form-helper-text.js.map +1 -0
  15. package/dist/react/cjs/theme/components/form-label.js +31 -0
  16. package/dist/react/cjs/theme/components/form-label.js.map +1 -0
  17. package/dist/react/cjs/theme/components/icon.js +77 -0
  18. package/dist/react/cjs/theme/components/icon.js.map +1 -0
  19. package/dist/react/cjs/theme/components/menu.js +26 -0
  20. package/dist/react/cjs/theme/components/menu.js.map +1 -0
  21. package/dist/react/cjs/theme/components/paper.js +11 -0
  22. package/dist/react/cjs/theme/components/paper.js.map +1 -0
  23. package/dist/react/cjs/theme/components/select.js +32 -0
  24. package/dist/react/cjs/theme/components/select.js.map +1 -0
  25. package/dist/react/cjs/theme/components/svg-icon.js +14 -0
  26. package/dist/react/cjs/theme/components/svg-icon.js.map +1 -0
  27. package/dist/react/cjs/theme/components/switch.js +2 -2
  28. package/dist/react/cjs/theme/components/switch.js.map +1 -1
  29. package/dist/react/cjs/theme/components/table.js +45 -0
  30. package/dist/react/cjs/theme/components/table.js.map +1 -0
  31. package/dist/react/cjs/theme/components/timeline.js +43 -0
  32. package/dist/react/cjs/theme/components/timeline.js.map +1 -0
  33. package/dist/react/cjs/theme/components.js +33 -1
  34. package/dist/react/cjs/theme/components.js.map +1 -1
  35. package/dist/react/es/theme/components/app-bar.js +153 -0
  36. package/dist/react/es/theme/components/app-bar.js.map +1 -0
  37. package/dist/react/es/theme/components/autocomplete.js +14 -0
  38. package/dist/react/es/theme/components/autocomplete.js.map +1 -0
  39. package/dist/react/es/theme/components/backdrop.js +11 -0
  40. package/dist/react/es/theme/components/backdrop.js.map +1 -0
  41. package/dist/react/es/theme/components/card.js +31 -0
  42. package/dist/react/es/theme/components/card.js.map +1 -0
  43. package/dist/react/es/theme/components/drawer.js +37 -0
  44. package/dist/react/es/theme/components/drawer.js.map +1 -0
  45. package/dist/react/es/theme/components/form-control-label.js +14 -0
  46. package/dist/react/es/theme/components/form-control-label.js.map +1 -0
  47. package/dist/react/es/theme/components/form-helper-text.js +46 -0
  48. package/dist/react/es/theme/components/form-helper-text.js.map +1 -0
  49. package/dist/react/es/theme/components/form-label.js +31 -0
  50. package/dist/react/es/theme/components/form-label.js.map +1 -0
  51. package/dist/react/es/theme/components/icon.js +77 -0
  52. package/dist/react/es/theme/components/icon.js.map +1 -0
  53. package/dist/react/es/theme/components/menu.js +26 -0
  54. package/dist/react/es/theme/components/menu.js.map +1 -0
  55. package/dist/react/es/theme/components/paper.js +11 -0
  56. package/dist/react/es/theme/components/paper.js.map +1 -0
  57. package/dist/react/es/theme/components/select.js +32 -0
  58. package/dist/react/es/theme/components/select.js.map +1 -0
  59. package/dist/react/es/theme/components/svg-icon.js +14 -0
  60. package/dist/react/es/theme/components/svg-icon.js.map +1 -0
  61. package/dist/react/es/theme/components/switch.js +2 -2
  62. package/dist/react/es/theme/components/switch.js.map +1 -1
  63. package/dist/react/es/theme/components/table.js +45 -0
  64. package/dist/react/es/theme/components/table.js.map +1 -0
  65. package/dist/react/es/theme/components/timeline.js +43 -0
  66. package/dist/react/es/theme/components/timeline.js.map +1 -0
  67. package/dist/react/es/theme/components.js +33 -1
  68. package/dist/react/es/theme/components.js.map +1 -1
  69. package/dist/react/types/theme/components/app-bar.d.ts +2 -0
  70. package/dist/react/types/theme/components/autocomplete.d.ts +2 -0
  71. package/dist/react/types/theme/components/backdrop.d.ts +2 -0
  72. package/dist/react/types/theme/components/card.d.ts +2 -0
  73. package/dist/react/types/theme/components/drawer.d.ts +2 -0
  74. package/dist/react/types/theme/components/form-control-label.d.ts +2 -0
  75. package/dist/react/types/theme/components/form-helper-text.d.ts +2 -0
  76. package/dist/react/types/theme/components/form-label.d.ts +2 -0
  77. package/dist/react/types/theme/components/icon.d.ts +2 -0
  78. package/dist/react/types/theme/components/menu.d.ts +3 -0
  79. package/dist/react/types/theme/components/paper.d.ts +2 -0
  80. package/dist/react/types/theme/components/select.d.ts +2 -0
  81. package/dist/react/types/theme/components/svg-icon.d.ts +2 -0
  82. package/dist/react/types/theme/components/table.d.ts +3 -0
  83. package/dist/react/types/theme/components/timeline.d.ts +2 -0
  84. package/dist/tsconfig.tsbuildinfo +1 -1
  85. package/package.json +6 -6
@@ -0,0 +1,77 @@
1
+ const MuiIcon = {
2
+ defaultProps: {
3
+ fontSize: "medium",
4
+ color: "primary"
5
+ },
6
+ styleOverrides: {
7
+ root: ({ theme }) => ({
8
+ display: "flex",
9
+ alignItems: "center",
10
+ justifyContent: "center",
11
+ borderRadius: "50%",
12
+ variants: [
13
+ {
14
+ props: { fontSize: "large" },
15
+ style: {
16
+ minWidth: theme.spacing(6),
17
+ minHeight: theme.spacing(6)
18
+ },
19
+ "> svg": {
20
+ width: theme.spacing(3),
21
+ height: theme.spacing(3)
22
+ }
23
+ },
24
+ {
25
+ props: { fontSize: "medium" },
26
+ style: {
27
+ minWidth: theme.spacing(5),
28
+ minHeight: theme.spacing(5)
29
+ },
30
+ "> svg": {
31
+ width: theme.spacing(2.5),
32
+ height: theme.spacing(2.5)
33
+ }
34
+ },
35
+ {
36
+ props: { fontSize: "small" },
37
+ style: {
38
+ minWidth: theme.spacing(4),
39
+ minHeight: theme.spacing(4),
40
+ "> svg": {
41
+ width: theme.spacing(2),
42
+ height: theme.spacing(2)
43
+ }
44
+ }
45
+ },
46
+ {
47
+ props: { color: "primary" },
48
+ style: {
49
+ backgroundColor: "transparent",
50
+ color: theme.palette._components.iconButton.primary.text,
51
+ border: `1px solid ${theme.palette._components.button.primary.contained}`
52
+ }
53
+ },
54
+ {
55
+ props: { color: "secondary" },
56
+ style: {
57
+ backgroundColor: "transparent",
58
+ color: theme.palette._components.iconButton.secondary.text,
59
+ border: `1px solid ${theme.palette._components.button.secondary.border}`
60
+ }
61
+ },
62
+ {
63
+ props: { color: "error" },
64
+ style: {
65
+ backgroundColor: "transparent",
66
+ color: theme.palette._components.button.error.focused,
67
+ border: `1px solid ${theme.palette._components.button.error.border}`
68
+ }
69
+ }
70
+ ]
71
+ })
72
+ }
73
+ };
74
+ export {
75
+ MuiIcon
76
+ };
77
+ //# sourceMappingURL=icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.js","sources":["../../../../../src/theme/components/icon.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiIcon: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiIcon'] =\n {\n defaultProps: {\n fontSize: 'medium',\n color: 'primary',\n },\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '50%',\n variants: [\n {\n props: { fontSize: 'large' },\n style: {\n minWidth: theme.spacing(6),\n minHeight: theme.spacing(6),\n },\n '> svg': {\n width: theme.spacing(3),\n height: theme.spacing(3),\n },\n },\n {\n props: { fontSize: 'medium' },\n style: {\n minWidth: theme.spacing(5),\n minHeight: theme.spacing(5),\n },\n '> svg': {\n width: theme.spacing(2.5),\n height: theme.spacing(2.5),\n },\n },\n {\n props: { fontSize: 'small' },\n style: {\n minWidth: theme.spacing(4),\n minHeight: theme.spacing(4),\n '> svg': {\n width: theme.spacing(2),\n height: theme.spacing(2),\n },\n },\n },\n {\n props: { color: 'primary' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.iconButton.primary.text,\n border: `1px solid ${theme.palette._components.button.primary.contained}`,\n },\n },\n {\n props: { color: 'secondary' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.iconButton.secondary.text,\n border: `1px solid ${theme.palette._components.button.secondary.border}`,\n },\n },\n {\n props: { color: 'error' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.button.error.focused,\n border: `1px solid ${theme.palette._components.button.error.border}`,\n },\n },\n ],\n }),\n },\n };\n"],"names":[],"mappings":"AAMO,MAAM,UACX;AAAA,EACE,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,UAAU,QAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,YACzB,WAAW,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,UAE5B,SAAS;AAAA,YACP,OAAO,MAAM,QAAQ,CAAC;AAAA,YACtB,QAAQ,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,QACzB;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,UAAU,SAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,YACzB,WAAW,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,UAE5B,SAAS;AAAA,YACP,OAAO,MAAM,QAAQ,GAAG;AAAA,YACxB,QAAQ,MAAM,QAAQ,GAAG;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,UAAU,QAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,YACzB,WAAW,MAAM,QAAQ,CAAC;AAAA,YAC1B,SAAS;AAAA,cACP,OAAO,MAAM,QAAQ,CAAC;AAAA,cACtB,QAAQ,MAAM,QAAQ,CAAC;AAAA,YAAA;AAAA,UACzB;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,UAAA;AAAA,UAChB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,WAAW,QAAQ;AAAA,YACpD,QAAQ,aAAa,MAAM,QAAQ,YAAY,OAAO,QAAQ,SAAS;AAAA,UAAA;AAAA,QACzE;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,YAAA;AAAA,UAChB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,WAAW,UAAU;AAAA,YACtD,QAAQ,aAAa,MAAM,QAAQ,YAAY,OAAO,UAAU,MAAM;AAAA,UAAA;AAAA,QACxE;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,QAAA;AAAA,UAChB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAC9C,QAAQ,aAAa,MAAM,QAAQ,YAAY,OAAO,MAAM,MAAM;AAAA,UAAA;AAAA,QACpE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
@@ -0,0 +1,26 @@
1
+ const MuiMenu = {
2
+ defaultProps: {
3
+ disableRestoreFocus: true,
4
+ disableAutoFocusItem: true
5
+ },
6
+ styleOverrides: {
7
+ paper: ({ theme }) => ({
8
+ borderRadius: theme.spacing(1.5),
9
+ marginTop: theme.spacing(1),
10
+ borderStyle: "solid",
11
+ borderWidth: 1,
12
+ borderColor: theme.palette.outlined?.outlined
13
+ })
14
+ }
15
+ };
16
+ const MuiMenuItem = {
17
+ defaultProps: {
18
+ disableRipple: true,
19
+ disableTouchRipple: true
20
+ }
21
+ };
22
+ export {
23
+ MuiMenu,
24
+ MuiMenuItem
25
+ };
26
+ //# sourceMappingURL=menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu.js","sources":["../../../../../src/theme/components/menu.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiMenu: Components<Theme & CssVarsTheme>['MuiMenu'] = {\n defaultProps: {\n disableRestoreFocus: true,\n disableAutoFocusItem: true,\n },\n styleOverrides: {\n paper: ({ theme }) => ({\n borderRadius: theme.spacing(1.5),\n marginTop: theme.spacing(1),\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: theme.palette.outlined?.outlined,\n }),\n },\n};\n\nexport const MuiMenuItem: Components<Theme & CssVarsTheme>['MuiMenuItem'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n};\n"],"names":[],"mappings":"AAGO,MAAM,UAAuD;AAAA,EAClE,cAAc;AAAA,IACZ,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,EAAA;AAAA,EAExB,gBAAgB;AAAA,IACd,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,cAAc,MAAM,QAAQ,GAAG;AAAA,MAC/B,WAAW,MAAM,QAAQ,CAAC;AAAA,MAC1B,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa,MAAM,QAAQ,UAAU;AAAA,IAAA;AAAA,EACvC;AAEJ;AAEO,MAAM,cAA+D;AAAA,EAC1E,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAExB;"}
@@ -0,0 +1,11 @@
1
+ const MuiPaper = {
2
+ styleOverrides: {
3
+ root: {
4
+ border: "1px solid #F2F2F2"
5
+ }
6
+ }
7
+ };
8
+ export {
9
+ MuiPaper
10
+ };
11
+ //# sourceMappingURL=paper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"paper.js","sources":["../../../../../src/theme/components/paper.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiPaper: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiPaper'] = {\n styleOverrides: {\n root: {\n border: '1px solid #F2F2F2',\n },\n },\n};\n"],"names":[],"mappings":"AAMO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ;"}
@@ -0,0 +1,32 @@
1
+ const MuiSelect = {
2
+ styleOverrides: {
3
+ icon: ({ theme }) => ({
4
+ "&.MuiSvgIcon-root": {
5
+ marginRight: theme.spacing(0.5)
6
+ }
7
+ }),
8
+ select: ({ theme }) => ({
9
+ "&.MuiSelect-outlined": {
10
+ "&.MuiInputBase-input": {
11
+ "&.MuiOutlinedInput-input": {
12
+ padding: theme.spacing(1, 5, 1, 2),
13
+ boxSizing: "border-box",
14
+ minHeight: theme.spacing(6),
15
+ display: "flex",
16
+ alignItems: "center"
17
+ },
18
+ "&.MuiInputBase-inputSizeSmall": {
19
+ minHeight: theme.spacing(5)
20
+ },
21
+ "&.MuiInputBase-inputAdornedStart": {
22
+ padding: theme.spacing(1, 5, 1, 0)
23
+ }
24
+ }
25
+ }
26
+ })
27
+ }
28
+ };
29
+ export {
30
+ MuiSelect
31
+ };
32
+ //# sourceMappingURL=select.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select.js","sources":["../../../../../src/theme/components/select.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSelect: Components<Theme & CssVarsTheme>['MuiSelect'] = {\n styleOverrides: {\n icon: ({ theme }) => ({\n '&.MuiSvgIcon-root': {\n marginRight: theme.spacing(0.5),\n },\n }),\n select: ({ theme }) => ({\n '&.MuiSelect-outlined': {\n '&.MuiInputBase-input': {\n '&.MuiOutlinedInput-input': {\n padding: theme.spacing(1, 5, 1, 2),\n boxSizing: 'border-box',\n minHeight: theme.spacing(6),\n display: 'flex',\n alignItems: 'center',\n },\n\n '&.MuiInputBase-inputSizeSmall': {\n minHeight: theme.spacing(5),\n },\n\n '&.MuiInputBase-inputAdornedStart': {\n padding: theme.spacing(1, 5, 1, 0),\n },\n },\n },\n }),\n },\n};\n"],"names":[],"mappings":"AAMO,MAAM,YAA2D;AAAA,EACtE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,qBAAqB;AAAA,QACnB,aAAa,MAAM,QAAQ,GAAG;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,QAAQ,CAAC,EAAE,aAAa;AAAA,MACtB,wBAAwB;AAAA,QACtB,wBAAwB;AAAA,UACtB,4BAA4B;AAAA,YAC1B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,YACjC,WAAW;AAAA,YACX,WAAW,MAAM,QAAQ,CAAC;AAAA,YAC1B,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAGd,iCAAiC;AAAA,YAC/B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,UAG5B,oCAAoC;AAAA,YAClC,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,UAAA;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
@@ -0,0 +1,14 @@
1
+ const MuiSvgIcon = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ transition: theme.transitions.create("color", {
5
+ easing: theme.transitions.easing.easeInOut,
6
+ duration: theme.transitions.duration.standard
7
+ })
8
+ })
9
+ }
10
+ };
11
+ export {
12
+ MuiSvgIcon
13
+ };
14
+ //# sourceMappingURL=svg-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n transition: theme.transitions.create('color', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.standard,\n }),\n }),\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
@@ -73,8 +73,8 @@ const MuiSwitch = {
73
73
  height: toggleSwitchHeight,
74
74
  padding: 0,
75
75
  overflow: "visible",
76
- marginRight: theme.spacing(1),
77
- marginLeft: theme.spacing(1.5),
76
+ marginInlineStart: theme.spacing(0),
77
+ marginInlineEnd: theme.spacing(1),
78
78
  "&:hover": {
79
79
  "& .MuiSwitch-switchBase:not(.Mui-checked)": {
80
80
  "& + .MuiSwitch-track": {
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(1.5),\n '&:hover': {\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n },\n },\n '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-switchBase': {\n padding: 0,\n margin: innerMargin,\n width: toggleCircleSize,\n transitionDuration: '300ms',\n '&.Mui-checked': {\n transform: `translateX(${transformValue})`,\n color: theme.palette._components?.switch?.knobFillEnabled,\n '& + .MuiSwitch-track': {\n opacity: 1,\n boxShadow: 'none',\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.5,\n },\n },\n '&.Mui-focusVisible .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.color,\n boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n },\n '&.Mui-disabled .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.knobFillEnabled,\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.7,\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-thumb': {\n boxSizing: 'border-box',\n width: toggleCircleSize,\n height: toggleCircleSize,\n borderRadius: toggleCircleSize,\n borderWidth: theme.spacing(0.08375),\n borderStyle: 'solid',\n borderColor: theme.palette._components.switch.knowFillDisabled,\n boxShadow: theme.shadows[2],\n transition: theme.transitions.create(['transform'], {\n duration: 300,\n }),\n },\n '& .MuiSwitch-track': {\n borderRadius: theme.spacing(8.25),\n backgroundColor: theme.palette._components.switch?.slideFill,\n opacity: 1,\n transition: theme.transitions.create(['background-color'], {\n duration: 500,\n }),\n boxShadow: `${shadowValue} transparent`,\n },\n };\n },\n },\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n marginInlineStart: theme.spacing(0),\n marginInlineEnd: theme.spacing(1),\n '&:hover': {\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n },\n },\n '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-switchBase': {\n padding: 0,\n margin: innerMargin,\n width: toggleCircleSize,\n transitionDuration: '300ms',\n '&.Mui-checked': {\n transform: `translateX(${transformValue})`,\n color: theme.palette._components?.switch?.knobFillEnabled,\n '& + .MuiSwitch-track': {\n opacity: 1,\n boxShadow: 'none',\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.5,\n },\n },\n '&.Mui-focusVisible .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.color,\n boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n },\n '&.Mui-disabled .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.knobFillEnabled,\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.7,\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-thumb': {\n boxSizing: 'border-box',\n width: toggleCircleSize,\n height: toggleCircleSize,\n borderRadius: toggleCircleSize,\n borderWidth: theme.spacing(0.08375),\n borderStyle: 'solid',\n borderColor: theme.palette._components.switch.knowFillDisabled,\n boxShadow: theme.shadows[2],\n transition: theme.transitions.create(['transform'], {\n duration: 300,\n }),\n },\n '& .MuiSwitch-track': {\n borderRadius: theme.spacing(8.25),\n backgroundColor: theme.palette._components.switch?.slideFill,\n opacity: 1,\n transition: theme.transitions.create(['background-color'], {\n duration: 500,\n }),\n boxShadow: `${shadowValue} transparent`,\n },\n };\n },\n },\n};\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,45 @@
1
+ const MuiTable = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ border: "none",
5
+ ".MuiTableHead-root": {
6
+ ".MuiTableCell-root": {
7
+ borderBottom: `1px solid ${theme.palette.background.gray200}`,
8
+ borderTop: `1px solid ${theme.palette.background.gray200}`,
9
+ background: theme.palette.background.gray,
10
+ verticalAlign: "baseline"
11
+ },
12
+ whiteSpace: "nowrap"
13
+ },
14
+ ".MuiTableBody-root": {
15
+ ".MuiTableRow-root": {
16
+ ".MuiTableCell-root": {
17
+ borderBottom: `1px solid ${theme.palette.background.gray200}`,
18
+ borderTop: `1px solid ${theme.palette.background.gray200}`
19
+ }
20
+ },
21
+ ".MuiTableRow-root:last-child": {
22
+ ".MuiTableCell-root": {
23
+ borderBottom: "none"
24
+ }
25
+ }
26
+ }
27
+ })
28
+ }
29
+ };
30
+ const MuiTableRow = {
31
+ styleOverrides: {
32
+ root: ({ ownerState }) => ({
33
+ ...ownerState["disable-row-hover"] ? {} : {
34
+ "&:hover": {
35
+ backgroundColor: "#FBFBFB"
36
+ }
37
+ }
38
+ })
39
+ }
40
+ };
41
+ export {
42
+ MuiTable,
43
+ MuiTableRow
44
+ };
45
+ //# sourceMappingURL=table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table.js","sources":["../../../../../src/theme/components/table.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiTable: Components<Theme & CssVarsTheme>['MuiTable'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n border: 'none',\n\n '.MuiTableHead-root': {\n '.MuiTableCell-root': {\n borderBottom: `1px solid ${theme.palette.background.gray200}`,\n borderTop: `1px solid ${theme.palette.background.gray200}`,\n background: theme.palette.background.gray,\n verticalAlign: 'baseline',\n },\n whiteSpace: 'nowrap',\n },\n\n '.MuiTableBody-root': {\n '.MuiTableRow-root': {\n '.MuiTableCell-root': {\n borderBottom: `1px solid ${theme.palette.background.gray200}`,\n borderTop: `1px solid ${theme.palette.background.gray200}`,\n },\n },\n\n '.MuiTableRow-root:last-child': {\n '.MuiTableCell-root': {\n borderBottom: 'none',\n },\n },\n },\n }),\n },\n};\n\nexport const MuiTableRow: Components<Theme & CssVarsTheme>['MuiTableRow'] = {\n styleOverrides: {\n root: ({ ownerState }) => ({\n ...(ownerState['disable-row-hover']\n ? {}\n : {\n '&:hover': {\n backgroundColor: '#FBFBFB',\n },\n }),\n }),\n },\n};\n"],"names":[],"mappings":"AAGO,MAAM,WAAyD;AAAA,EACpE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ;AAAA,MAER,sBAAsB;AAAA,QACpB,sBAAsB;AAAA,UACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UACxD,YAAY,MAAM,QAAQ,WAAW;AAAA,UACrC,eAAe;AAAA,QAAA;AAAA,QAEjB,YAAY;AAAA,MAAA;AAAA,MAGd,sBAAsB;AAAA,QACpB,qBAAqB;AAAA,UACnB,sBAAsB;AAAA,YACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,YAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAAA;AAAA,QAC1D;AAAA,QAGF,gCAAgC;AAAA,UAC9B,sBAAsB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,MAAM,cAA+D;AAAA,EAC1E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,kBAAkB;AAAA,MACzB,GAAI,WAAW,mBAAmB,IAC9B,KACA;AAAA,QACE,WAAW;AAAA,UACT,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACN;AAEJ;"}
@@ -0,0 +1,43 @@
1
+ const MuiTimeline = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ variants: [
5
+ {
6
+ // noOppositeContent is used to remove the opposite content,
7
+ // which is the content that is on the other side of the timeline item depending on the language
8
+ props: { noOppositeContent: true },
9
+ style: {
10
+ [`.MuiTimelineItem-root:before`]: {
11
+ flex: 0,
12
+ padding: 0
13
+ }
14
+ }
15
+ },
16
+ {
17
+ props: { color: "error", variant: "text" },
18
+ style: {
19
+ backgroundColor: "transparent",
20
+ color: theme.palette._components.button.error.outlinedText,
21
+ borderColor: "transparent",
22
+ "&:hover": { backgroundColor: theme.palette._components.button.error.outlinedHover },
23
+ "&.Mui-focusVisible": {
24
+ backgroundColor: "transparent"
25
+ },
26
+ "&:active": {
27
+ backgroundColor: theme.palette._components.button.error.pressed
28
+ },
29
+ "&.Mui-disabled": {
30
+ backgroundColor: "transparent",
31
+ borderColor: "transparent",
32
+ color: theme.palette._components.button.disabledText
33
+ }
34
+ }
35
+ }
36
+ ]
37
+ })
38
+ }
39
+ };
40
+ export {
41
+ MuiTimeline
42
+ };
43
+ //# sourceMappingURL=timeline.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timeline.js","sources":["../../../../../src/theme/components/timeline.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiTimeline: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiTimeline'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n variants: [\n {\n // noOppositeContent is used to remove the opposite content,\n // which is the content that is on the other side of the timeline item depending on the language\n props: { noOppositeContent: true },\n style: {\n [`.MuiTimelineItem-root:before`]: {\n flex: 0,\n padding: 0,\n },\n },\n },\n {\n props: { color: 'error', variant: 'text' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.button.error.outlinedText,\n borderColor: 'transparent',\n '&:hover': { backgroundColor: theme.palette._components.button.error.outlinedHover },\n '&.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n '&:active': {\n backgroundColor: theme.palette._components.button.error.pressed,\n },\n '&.Mui-disabled': {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n color: theme.palette._components.button.disabledText,\n },\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":"AAMO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,UAAU;AAAA,QACR;AAAA;AAAA;AAAA,UAGE,OAAO,EAAE,mBAAmB,KAAA;AAAA,UAC5B,OAAO;AAAA,YACL,CAAC,8BAA8B,GAAG;AAAA,cAChC,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,SAAS,SAAS,OAAA;AAAA,UAClC,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAC9C,aAAa;AAAA,YACb,WAAW,EAAE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM,cAAA;AAAA,YACrE,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,YAAA;AAAA,YAEnB,YAAY;AAAA,cACV,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAAA;AAAA,YAE1D,kBAAkB;AAAA,cAChB,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb,OAAO,MAAM,QAAQ,YAAY,OAAO;AAAA,YAAA;AAAA,UAC1C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
@@ -20,6 +20,21 @@ import { MuiPagination } from "./components/pagination.js";
20
20
  import { MuiSwitch } from "./components/switch.js";
21
21
  import { MuiRadio } from "./components/radio.js";
22
22
  import { MuiFormGroup } from "./components/form-group.js";
23
+ import { MuiBackdrop } from "./components/backdrop.js";
24
+ import { MuiSvgIcon } from "./components/svg-icon.js";
25
+ import { MuiTimeline } from "./components/timeline.js";
26
+ import { MuiFormControlLabel } from "./components/form-control-label.js";
27
+ import { MuiFormLabel } from "./components/form-label.js";
28
+ import { MuiFormHelperText } from "./components/form-helper-text.js";
29
+ import { MuiAppBar } from "./components/app-bar.js";
30
+ import { MuiAutocomplete } from "./components/autocomplete.js";
31
+ import { MuiDrawer } from "./components/drawer.js";
32
+ import { MuiMenuItem, MuiMenu } from "./components/menu.js";
33
+ import { MuiIcon } from "./components/icon.js";
34
+ import { MuiPaper } from "./components/paper.js";
35
+ import { MuiTableRow, MuiTable } from "./components/table.js";
36
+ import { MuiSelect } from "./components/select.js";
37
+ import { MuiCard } from "./components/card.js";
23
38
  const components = {
24
39
  MuiTypography,
25
40
  MuiChip,
@@ -47,7 +62,24 @@ const components = {
47
62
  MuiPagination,
48
63
  MuiSwitch,
49
64
  MuiRadio,
50
- MuiFormGroup
65
+ MuiFormGroup,
66
+ MuiBackdrop,
67
+ MuiSvgIcon,
68
+ MuiTimeline,
69
+ MuiFormControlLabel,
70
+ MuiFormLabel,
71
+ MuiFormHelperText,
72
+ MuiAppBar,
73
+ MuiAutocomplete,
74
+ MuiDrawer,
75
+ MuiMenu,
76
+ MuiMenuItem,
77
+ MuiIcon,
78
+ MuiPaper,
79
+ MuiTable,
80
+ MuiTableRow,
81
+ MuiSelect,
82
+ MuiCard
51
83
  };
52
84
  export {
53
85
  components
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,aAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
1
+ {"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n MuiBackdrop,\n MuiSvgIcon,\n MuiTimeline,\n MuiFormControlLabel,\n MuiFormLabel,\n MuiFormHelperText,\n MuiAppBar,\n MuiAutocomplete,\n MuiDrawer,\n MuiMenu,\n MuiMenuItem,\n MuiIcon,\n MuiPaper,\n MuiTable,\n MuiTableRow,\n MuiSelect,\n MuiCard,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CO,MAAM,aAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiAutocomplete: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiAutocomplete'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiBackdrop: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiBackdrop'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiCard: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiCard'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiDrawer: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiDrawer'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material';
2
+ export declare const MuiFormControlLabel: Components<Theme & CssVarsTheme>['MuiFormControlLabel'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiFormHelperText: Components<Theme & CssVarsTheme>['MuiFormHelperText'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiFormLabel: Components<Theme & CssVarsTheme>['MuiFormLabel'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiIcon: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiIcon'];
@@ -0,0 +1,3 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiMenu: Components<Theme & CssVarsTheme>['MuiMenu'];
3
+ export declare const MuiMenuItem: Components<Theme & CssVarsTheme>['MuiMenuItem'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiPaper: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiPaper'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiSelect: Components<Theme & CssVarsTheme>['MuiSelect'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiSvgIcon: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiSvgIcon'];
@@ -0,0 +1,3 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiTable: Components<Theme & CssVarsTheme>['MuiTable'];
3
+ export declare const MuiTableRow: Components<Theme & CssVarsTheme>['MuiTableRow'];
@@ -0,0 +1,2 @@
1
+ import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
2
+ export declare const MuiTimeline: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiTimeline'];