@xyo-network/react-xns 7.3.9 → 7.4.0
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.
- package/dist/browser/components/EstimateName/EstimateNameTextField.stories.d.ts +2 -2
- package/dist/browser/components/XnsNameCapture/Errors.d.ts.map +1 -1
- package/dist/browser/components/XnsNameCapture/SecondaryLink.stories.d.ts +2 -2
- package/dist/browser/components/XnsNameCapture/XnsNameCapture.stories.d.ts +2 -2
- package/dist/browser/components/XnsNameCapture/XnsNameCaptureWithContext.stories.d.ts +4 -4
- package/dist/browser/components/XnsNameCapture/XnsNameCaptureWithContext.stories.d.ts.map +1 -1
- package/dist/browser/components/XnsNameCapture/hooks/routing/useXnsNameCaptureRouting.d.ts +103 -103
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +13 -13
- package/src/components/XnsNameCapture/Errors.tsx +1 -0
- package/src/components/XnsNameCapture/XnsNameCaptureWithContext.stories.tsx +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import(".store/storybook-virtual-
|
|
5
|
-
declare const WithExternalValue: import(".store/storybook-virtual-
|
|
4
|
+
declare const Default: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./EstimateNameTextField.tsx").XnsEstimateNameTextFieldProps & import("@mui/material").TextFieldProps>;
|
|
5
|
+
declare const WithExternalValue: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./EstimateNameTextField.tsx").XnsEstimateNameTextFieldProps & import("@mui/material").TextFieldProps>;
|
|
6
6
|
export { Default, WithExternalValue };
|
|
7
7
|
//# sourceMappingURL=EstimateNameTextField.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Errors.d.ts","sourceRoot":"","sources":["../../../../src/components/XnsNameCapture/Errors.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Errors.d.ts","sourceRoot":"","sources":["../../../../src/components/XnsNameCapture/Errors.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0CpE,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import(".store/storybook-virtual-
|
|
5
|
-
declare const WithOnBuyName: import(".store/storybook-virtual-
|
|
4
|
+
declare const Default: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SecondaryLink.tsx").XnsCaptureSecondaryLinkProps>;
|
|
5
|
+
declare const WithOnBuyName: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SecondaryLink.tsx").XnsCaptureSecondaryLinkProps>;
|
|
6
6
|
export { Default, WithOnBuyName };
|
|
7
7
|
//# sourceMappingURL=SecondaryLink.stories.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import(".store/storybook-virtual-
|
|
5
|
-
declare const WithOnBuyName: import(".store/storybook-virtual-
|
|
4
|
+
declare const Default: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
|
|
5
|
+
declare const WithOnBuyName: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
|
|
6
6
|
export { Default, WithOnBuyName };
|
|
7
7
|
//# sourceMappingURL=XnsNameCapture.stories.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import(".store/storybook-virtual-
|
|
5
|
-
declare const WithOnCaptureName: import(".store/storybook-virtual-
|
|
6
|
-
declare const WithBadXnsNameInRoute: import(".store/storybook-virtual-
|
|
7
|
-
declare const WithUserName: import(".store/storybook-virtual-
|
|
4
|
+
declare const Default: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
|
|
5
|
+
declare const WithOnCaptureName: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
|
|
6
|
+
declare const WithBadXnsNameInRoute: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
|
|
7
|
+
declare const WithUserName: import(".store/storybook-virtual-8ff7720fec/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Props.ts").XnsNameCaptureProps>;
|
|
8
8
|
export { Default, WithBadXnsNameInRoute, WithOnCaptureName, WithUserName, };
|
|
9
9
|
//# sourceMappingURL=XnsNameCaptureWithContext.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XnsNameCaptureWithContext.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/XnsNameCapture/XnsNameCaptureWithContext.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAOuC,IAAI;AAAzE,wBAAyE;
|
|
1
|
+
{"version":3,"file":"XnsNameCaptureWithContext.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/XnsNameCapture/XnsNameCaptureWithContext.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAOuC,IAAI;AAAzE,wBAAyE;AA8BzE,QAAA,MAAM,OAAO,8KAAoB,CAAA;AAIjC,QAAA,MAAM,iBAAiB,8KAAoB,CAAA;AAI3C,QAAA,MAAM,qBAAqB,8KAAoB,CAAA;AAO/C,QAAA,MAAM,YAAY,8KAAoB,CAAA;AAItC,OAAO,EACL,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,YAAY,GAChE,CAAA"}
|
|
@@ -21,109 +21,109 @@ export declare const useXnsNameCaptureRouting: (props: XnsNameCaptureProps) => {
|
|
|
21
21
|
children?: import("react").ReactNode;
|
|
22
22
|
ref?: import("react").Ref<unknown>;
|
|
23
23
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
24
|
-
color?: import(".store/@mui-system-virtual-
|
|
25
|
-
margin?: import(".store/@mui-system-virtual-
|
|
26
|
-
p?: import(".store/@mui-system-virtual-
|
|
27
|
-
border?: import(".store/@mui-system-virtual-
|
|
28
|
-
height?: import(".store/@mui-system-virtual-
|
|
29
|
-
width?: import(".store/@mui-system-virtual-
|
|
30
|
-
position?: import(".store/@mui-system-virtual-
|
|
31
|
-
boxShadow?: import(".store/@mui-system-virtual-
|
|
32
|
-
fontWeight?: import(".store/@mui-system-virtual-
|
|
33
|
-
zIndex?: import(".store/@mui-system-virtual-
|
|
34
|
-
alignContent?: import(".store/@mui-system-virtual-
|
|
35
|
-
alignItems?: import(".store/@mui-system-virtual-
|
|
36
|
-
alignSelf?: import(".store/@mui-system-virtual-
|
|
37
|
-
bottom?: import(".store/@mui-system-virtual-
|
|
38
|
-
boxSizing?: import(".store/@mui-system-virtual-
|
|
39
|
-
columnGap?: import(".store/@mui-system-virtual-
|
|
40
|
-
display?: import(".store/@mui-system-virtual-
|
|
41
|
-
flexBasis?: import(".store/@mui-system-virtual-
|
|
42
|
-
flexDirection?: import(".store/@mui-system-virtual-
|
|
43
|
-
flexGrow?: import(".store/@mui-system-virtual-
|
|
44
|
-
flexShrink?: import(".store/@mui-system-virtual-
|
|
45
|
-
flexWrap?: import(".store/@mui-system-virtual-
|
|
46
|
-
fontFamily?: import(".store/@mui-system-virtual-
|
|
47
|
-
fontSize?: import(".store/@mui-system-virtual-
|
|
48
|
-
fontStyle?: import(".store/@mui-system-virtual-
|
|
49
|
-
gridAutoColumns?: import(".store/@mui-system-virtual-
|
|
50
|
-
gridAutoFlow?: import(".store/@mui-system-virtual-
|
|
51
|
-
gridAutoRows?: import(".store/@mui-system-virtual-
|
|
52
|
-
gridTemplateAreas?: import(".store/@mui-system-virtual-
|
|
53
|
-
gridTemplateColumns?: import(".store/@mui-system-virtual-
|
|
54
|
-
gridTemplateRows?: import(".store/@mui-system-virtual-
|
|
55
|
-
justifyContent?: import(".store/@mui-system-virtual-
|
|
56
|
-
justifyItems?: import(".store/@mui-system-virtual-
|
|
57
|
-
justifySelf?: import(".store/@mui-system-virtual-
|
|
58
|
-
left?: import(".store/@mui-system-virtual-
|
|
59
|
-
letterSpacing?: import(".store/@mui-system-virtual-
|
|
60
|
-
lineHeight?: import(".store/@mui-system-virtual-
|
|
61
|
-
marginBlockEnd?: import(".store/@mui-system-virtual-
|
|
62
|
-
marginBlockStart?: import(".store/@mui-system-virtual-
|
|
63
|
-
marginBottom?: import(".store/@mui-system-virtual-
|
|
64
|
-
marginInlineEnd?: import(".store/@mui-system-virtual-
|
|
65
|
-
marginInlineStart?: import(".store/@mui-system-virtual-
|
|
66
|
-
marginLeft?: import(".store/@mui-system-virtual-
|
|
67
|
-
marginRight?: import(".store/@mui-system-virtual-
|
|
68
|
-
marginTop?: import(".store/@mui-system-virtual-
|
|
69
|
-
maxHeight?: import(".store/@mui-system-virtual-
|
|
70
|
-
maxWidth?: import(".store/@mui-system-virtual-
|
|
71
|
-
minHeight?: import(".store/@mui-system-virtual-
|
|
72
|
-
minWidth?: import(".store/@mui-system-virtual-
|
|
73
|
-
order?: import(".store/@mui-system-virtual-
|
|
74
|
-
paddingBlockEnd?: import(".store/@mui-system-virtual-
|
|
75
|
-
paddingBlockStart?: import(".store/@mui-system-virtual-
|
|
76
|
-
paddingBottom?: import(".store/@mui-system-virtual-
|
|
77
|
-
paddingInlineEnd?: import(".store/@mui-system-virtual-
|
|
78
|
-
paddingInlineStart?: import(".store/@mui-system-virtual-
|
|
79
|
-
paddingLeft?: import(".store/@mui-system-virtual-
|
|
80
|
-
paddingRight?: import(".store/@mui-system-virtual-
|
|
81
|
-
paddingTop?: import(".store/@mui-system-virtual-
|
|
82
|
-
right?: import(".store/@mui-system-virtual-
|
|
83
|
-
rowGap?: import(".store/@mui-system-virtual-
|
|
84
|
-
textAlign?: import(".store/@mui-system-virtual-
|
|
85
|
-
textOverflow?: import(".store/@mui-system-virtual-
|
|
86
|
-
textTransform?: import(".store/@mui-system-virtual-
|
|
87
|
-
top?: import(".store/@mui-system-virtual-
|
|
88
|
-
visibility?: import(".store/@mui-system-virtual-
|
|
89
|
-
whiteSpace?: import(".store/@mui-system-virtual-
|
|
90
|
-
borderBottom?: import(".store/@mui-system-virtual-
|
|
91
|
-
borderColor?: import(".store/@mui-system-virtual-
|
|
92
|
-
borderLeft?: import(".store/@mui-system-virtual-
|
|
93
|
-
borderRadius?: import(".store/@mui-system-virtual-
|
|
94
|
-
borderRight?: import(".store/@mui-system-virtual-
|
|
95
|
-
borderTop?: import(".store/@mui-system-virtual-
|
|
96
|
-
flex?: import(".store/@mui-system-virtual-
|
|
97
|
-
gap?: import(".store/@mui-system-virtual-
|
|
98
|
-
gridArea?: import(".store/@mui-system-virtual-
|
|
99
|
-
gridColumn?: import(".store/@mui-system-virtual-
|
|
100
|
-
gridRow?: import(".store/@mui-system-virtual-
|
|
101
|
-
marginBlock?: import(".store/@mui-system-virtual-
|
|
102
|
-
marginInline?: import(".store/@mui-system-virtual-
|
|
103
|
-
overflow?: import(".store/@mui-system-virtual-
|
|
104
|
-
padding?: import(".store/@mui-system-virtual-
|
|
105
|
-
paddingBlock?: import(".store/@mui-system-virtual-
|
|
106
|
-
paddingInline?: import(".store/@mui-system-virtual-
|
|
107
|
-
bgcolor?: import(".store/@mui-system-virtual-
|
|
108
|
-
m?: import(".store/@mui-system-virtual-
|
|
109
|
-
mt?: import(".store/@mui-system-virtual-
|
|
110
|
-
mr?: import(".store/@mui-system-virtual-
|
|
111
|
-
mb?: import(".store/@mui-system-virtual-
|
|
112
|
-
ml?: import(".store/@mui-system-virtual-
|
|
113
|
-
mx?: import(".store/@mui-system-virtual-
|
|
114
|
-
marginX?: import(".store/@mui-system-virtual-
|
|
115
|
-
my?: import(".store/@mui-system-virtual-
|
|
116
|
-
marginY?: import(".store/@mui-system-virtual-
|
|
117
|
-
pt?: import(".store/@mui-system-virtual-
|
|
118
|
-
pr?: import(".store/@mui-system-virtual-
|
|
119
|
-
pb?: import(".store/@mui-system-virtual-
|
|
120
|
-
pl?: import(".store/@mui-system-virtual-
|
|
121
|
-
px?: import(".store/@mui-system-virtual-
|
|
122
|
-
paddingX?: import(".store/@mui-system-virtual-
|
|
123
|
-
py?: import(".store/@mui-system-virtual-
|
|
124
|
-
paddingY?: import(".store/@mui-system-virtual-
|
|
125
|
-
typography?: import(".store/@mui-system-virtual-
|
|
126
|
-
displayPrint?: import(".store/@mui-system-virtual-
|
|
24
|
+
color?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Color | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Color | undefined>);
|
|
25
|
+
margin?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | undefined>[] | undefined>);
|
|
26
|
+
p?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | undefined>[] | undefined>);
|
|
27
|
+
border?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<number | "hidden" | "medium" | (string & {}) | "none" | "inherit" | "grey" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "inset" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<number | "hidden" | "medium" | (string & {}) | "none" | "inherit" | "grey" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "inset" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | undefined>);
|
|
28
|
+
height?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Height<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Height<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Height<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Height<string | number> | undefined>[] | undefined>);
|
|
29
|
+
width?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Width<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Width<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Width<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Width<string | number> | undefined>[] | undefined>);
|
|
30
|
+
position?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Position | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Position | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Position | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Position | undefined>[] | undefined>);
|
|
31
|
+
boxShadow?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<number | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BoxShadow | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<number | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BoxShadow | undefined>);
|
|
32
|
+
fontWeight?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined>);
|
|
33
|
+
zIndex?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<string | (string & {}) | (number & {}) | undefined>);
|
|
34
|
+
alignContent?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.AlignContent | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.AlignContent | undefined>);
|
|
35
|
+
alignItems?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.AlignItems | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.AlignItems | undefined>);
|
|
36
|
+
alignSelf?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.AlignSelf | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.AlignSelf | undefined>);
|
|
37
|
+
bottom?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Bottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Bottom<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Bottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Bottom<string | number> | undefined>[] | undefined>);
|
|
38
|
+
boxSizing?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BoxSizing | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BoxSizing | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BoxSizing | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BoxSizing | undefined>[] | undefined>);
|
|
39
|
+
columnGap?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.ColumnGap<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.ColumnGap<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.ColumnGap<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.ColumnGap<string | number> | undefined>[] | undefined>);
|
|
40
|
+
display?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Display | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Display | undefined>);
|
|
41
|
+
flexBasis?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexBasis<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexBasis<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexBasis<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexBasis<string | number> | undefined>[] | undefined>);
|
|
42
|
+
flexDirection?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexDirection | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexDirection | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexDirection | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexDirection | undefined>[] | undefined>);
|
|
43
|
+
flexGrow?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexGrow | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexGrow | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexGrow | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexGrow | undefined>[] | undefined>);
|
|
44
|
+
flexShrink?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexShrink | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexShrink | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexShrink | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexShrink | undefined>[] | undefined>);
|
|
45
|
+
flexWrap?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexWrap | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexWrap | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexWrap | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FlexWrap | undefined>[] | undefined>);
|
|
46
|
+
fontFamily?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontFamily | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontFamily | undefined>);
|
|
47
|
+
fontSize?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontSize<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontSize<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontSize<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontSize<string | number> | undefined>[] | undefined>);
|
|
48
|
+
fontStyle?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontStyle | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.FontStyle | undefined>);
|
|
49
|
+
gridAutoColumns?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoColumns<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoColumns<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoColumns<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoColumns<string | number> | undefined>[] | undefined>);
|
|
50
|
+
gridAutoFlow?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoFlow | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoFlow | undefined>);
|
|
51
|
+
gridAutoRows?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoRows<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoRows<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoRows<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridAutoRows<string | number> | undefined>[] | undefined>);
|
|
52
|
+
gridTemplateAreas?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateAreas | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateAreas | undefined>);
|
|
53
|
+
gridTemplateColumns?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateColumns<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateColumns<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateColumns<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateColumns<string | number> | undefined>[] | undefined>);
|
|
54
|
+
gridTemplateRows?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateRows<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateRows<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateRows<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridTemplateRows<string | number> | undefined>[] | undefined>);
|
|
55
|
+
justifyContent?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.JustifyContent | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.JustifyContent | undefined>);
|
|
56
|
+
justifyItems?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.JustifyItems | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.JustifyItems | undefined>);
|
|
57
|
+
justifySelf?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.JustifySelf | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.JustifySelf | undefined>);
|
|
58
|
+
left?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Left<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Left<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Left<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Left<string | number> | undefined>[] | undefined>);
|
|
59
|
+
letterSpacing?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LetterSpacing<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LetterSpacing<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LetterSpacing<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LetterSpacing<string | number> | undefined>[] | undefined>);
|
|
60
|
+
lineHeight?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LineHeight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LineHeight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LineHeight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.LineHeight<string | number> | undefined>[] | undefined>);
|
|
61
|
+
marginBlockEnd?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockEnd<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockEnd<string | number> | undefined>[] | undefined>);
|
|
62
|
+
marginBlockStart?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockStart<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlockStart<string | number> | undefined>[] | undefined>);
|
|
63
|
+
marginBottom?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | undefined>[] | undefined>);
|
|
64
|
+
marginInlineEnd?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineEnd<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineEnd<string | number> | undefined>[] | undefined>);
|
|
65
|
+
marginInlineStart?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineStart<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInlineStart<string | number> | undefined>[] | undefined>);
|
|
66
|
+
marginLeft?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined>);
|
|
67
|
+
marginRight?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | undefined>[] | undefined>);
|
|
68
|
+
marginTop?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined>);
|
|
69
|
+
maxHeight?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxHeight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxHeight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxHeight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxHeight<string | number> | undefined>[] | undefined>);
|
|
70
|
+
maxWidth?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxWidth<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxWidth<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxWidth<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MaxWidth<string | number> | undefined>[] | undefined>);
|
|
71
|
+
minHeight?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinHeight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinHeight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinHeight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinHeight<string | number> | undefined>[] | undefined>);
|
|
72
|
+
minWidth?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinWidth<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinWidth<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinWidth<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MinWidth<string | number> | undefined>[] | undefined>);
|
|
73
|
+
order?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Order | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Order | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Order | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Order | undefined>[] | undefined>);
|
|
74
|
+
paddingBlockEnd?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockEnd<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockEnd<string | number> | undefined>[] | undefined>);
|
|
75
|
+
paddingBlockStart?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockStart<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlockStart<string | number> | undefined>[] | undefined>);
|
|
76
|
+
paddingBottom?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | undefined>[] | undefined>);
|
|
77
|
+
paddingInlineEnd?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineEnd<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineEnd<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineEnd<string | number> | undefined>[] | undefined>);
|
|
78
|
+
paddingInlineStart?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineStart<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineStart<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInlineStart<string | number> | undefined>[] | undefined>);
|
|
79
|
+
paddingLeft?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined>);
|
|
80
|
+
paddingRight?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | undefined>[] | undefined>);
|
|
81
|
+
paddingTop?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined>);
|
|
82
|
+
right?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Right<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Right<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Right<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Right<string | number> | undefined>[] | undefined>);
|
|
83
|
+
rowGap?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.RowGap<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.RowGap<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.RowGap<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.RowGap<string | number> | undefined>[] | undefined>);
|
|
84
|
+
textAlign?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextAlign | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextAlign | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextAlign | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextAlign | undefined>[] | undefined>);
|
|
85
|
+
textOverflow?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextOverflow | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextOverflow | undefined>);
|
|
86
|
+
textTransform?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextTransform | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextTransform | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextTransform | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.TextTransform | undefined>[] | undefined>);
|
|
87
|
+
top?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Top<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Top<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Top<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Top<string | number> | undefined>[] | undefined>);
|
|
88
|
+
visibility?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Visibility | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Visibility | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Visibility | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Visibility | undefined>[] | undefined>);
|
|
89
|
+
whiteSpace?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.WhiteSpace | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.WhiteSpace | undefined>);
|
|
90
|
+
borderBottom?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderBottom<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderBottom<string | number> | undefined>[] | undefined>);
|
|
91
|
+
borderColor?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderColor | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderColor | undefined>);
|
|
92
|
+
borderLeft?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderLeft<string | number> | undefined>[] | undefined>);
|
|
93
|
+
borderRadius?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRadius<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRadius<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRadius<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRadius<string | number> | undefined>[] | undefined>);
|
|
94
|
+
borderRight?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderRight<string | number> | undefined>[] | undefined>);
|
|
95
|
+
borderTop?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BorderTop<string | number> | undefined>[] | undefined>);
|
|
96
|
+
flex?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Flex<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Flex<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Flex<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Flex<string | number> | undefined>[] | undefined>);
|
|
97
|
+
gap?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Gap<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Gap<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Gap<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Gap<string | number> | undefined>[] | undefined>);
|
|
98
|
+
gridArea?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridArea | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridArea | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridArea | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridArea | undefined>[] | undefined>);
|
|
99
|
+
gridColumn?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridColumn | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridColumn | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridColumn | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridColumn | undefined>[] | undefined>);
|
|
100
|
+
gridRow?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridRow | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridRow | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridRow | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.GridRow | undefined>[] | undefined>);
|
|
101
|
+
marginBlock?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlock<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlock<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlock<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBlock<string | number> | undefined>[] | undefined>);
|
|
102
|
+
marginInline?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInline<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInline<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInline<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginInline<string | number> | undefined>[] | undefined>);
|
|
103
|
+
overflow?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Overflow | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Overflow | undefined>);
|
|
104
|
+
padding?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Padding<string | number> | undefined>[] | undefined>);
|
|
105
|
+
paddingBlock?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlock<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlock<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlock<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBlock<string | number> | undefined>[] | undefined>);
|
|
106
|
+
paddingInline?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInline<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInline<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInline<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingInline<string | number> | undefined>[] | undefined>);
|
|
107
|
+
bgcolor?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BackgroundColor | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.BackgroundColor | undefined>);
|
|
108
|
+
m?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Margin<string | number> | undefined>[] | undefined>);
|
|
109
|
+
mt?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined>);
|
|
110
|
+
mr?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginRight<string | number> | undefined>[] | undefined>);
|
|
111
|
+
mb?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginBottom<string | number> | undefined>[] | undefined>);
|
|
112
|
+
ml?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined>);
|
|
113
|
+
mx?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined>);
|
|
114
|
+
marginX?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginLeft<string | number> | undefined>[] | undefined>);
|
|
115
|
+
my?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined>);
|
|
116
|
+
marginY?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.MarginTop<string | number> | undefined>[] | undefined>);
|
|
117
|
+
pt?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined>);
|
|
118
|
+
pr?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingRight<string | number> | undefined>[] | undefined>);
|
|
119
|
+
pb?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingBottom<string | number> | undefined>[] | undefined>);
|
|
120
|
+
pl?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined>);
|
|
121
|
+
px?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined>);
|
|
122
|
+
paddingX?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingLeft<string | number> | undefined>[] | undefined>);
|
|
123
|
+
py?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined>);
|
|
124
|
+
paddingY?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | readonly NonNullable<import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.PaddingTop<string | number> | undefined>[] | undefined>);
|
|
125
|
+
typography?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<string | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<string | undefined>);
|
|
126
|
+
displayPrint?: import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Display | undefined> | ((theme: import("@mui/material").Theme) => import(".store/@mui-system-virtual-3b54340e66/package/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import(".store/csstype-npm-3.1.3-e9a1c85013/package").Property.Display | undefined>);
|
|
127
127
|
className?: string;
|
|
128
128
|
style?: import("react").CSSProperties;
|
|
129
129
|
classes?: Partial<import("@mui/material").ClassNameMap<never>> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/EstimateName/EstimateNameTextField.tsx","../../src/components/XnsNameCapture/Errors.tsx","../../src/components/XnsNameCapture/hooks/routing/useXnsNameCaptureRouting.ts","../../src/components/XnsNameCapture/hooks/routing/useXnsNameFromLocation.ts","../../src/components/XnsNameCapture/SecondaryLink.tsx","../../src/components/XnsNameCapture/XnsNameCapture.tsx","../../src/components/XnsNameCapture/lib/navigateWithUsername.ts","../../src/components/XnsNameCapture/XnsNameCaptureWithContext.tsx"],"sourcesContent":["import type { StandardTextFieldProps, TextFieldProps } from '@mui/material'\nimport { TextField, useTheme } from '@mui/material'\nimport { alphaCss } from '@xylabs/react-theme'\nimport { MIN_DOMAIN_LENGTH, XnsNameHelper } from '@xyo-network/xns-record-payloadset-plugins'\nimport React, {\n useLayoutEffect, useMemo, useRef, useState,\n} from 'react'\n\nexport interface XnsEstimateNameTextFieldProps {\n maskOutput?: boolean\n}\n\nexport const XnsEstimateNameTextField: React.FC<XnsEstimateNameTextFieldProps & TextFieldProps> = ({\n maskOutput = true, onChange: onChangeProp, onBlur: onBlurProp, value, ...props\n}) => {\n const theme = useTheme()\n const [validLength, setValidLength] = useState(false)\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n // watch for external changes to the value and update the validLength state\n useMemo(() => {\n const validValueLength = !!(value && typeof value === 'string' && value.length >= MIN_DOMAIN_LENGTH)\n setValidLength(validValueLength)\n }, [value])\n\n // Update the input value when the value prop changes\n // NOTE: the intent of this component is to remain uncontrolled to avoid the need to manage the value state\n // Therefore, we use useLayoutEffect to update the input value directly.\n useLayoutEffect(() => {\n if (inputRef.current && typeof value === 'string') {\n inputRef.current.value = value\n }\n }, [value])\n\n // override onChange to mask the input and update the event value\n const handleChange: StandardTextFieldProps['onChange'] = (event) => {\n if (maskOutput) {\n const value = event.target.value\n event.target.value = XnsNameHelper.mask(value)\n }\n onChangeProp?.(event)\n\n if (inputRef.current) {\n setValidLength(inputRef.current.value.length >= MIN_DOMAIN_LENGTH)\n }\n }\n\n // override onBlur to do a final mask of the input and update the event value\n const handleBlur: StandardTextFieldProps['onBlur'] = (event) => {\n if (maskOutput) {\n const value = event.target.value\n event.target.value = XnsNameHelper.mask(value, { maskStartEndHyphens: true })\n }\n onBlurProp?.(event)\n }\n\n return (\n <TextField\n inputRef={inputRef}\n onBlur={handleBlur}\n onChange={handleChange}\n {...props}\n slotProps={{ htmlInput: { style: { color: validLength ? theme.vars.palette.text.primary : alphaCss(theme.vars.palette.text.primary, 0.5) } } }}\n />\n )\n}\n","import {\n Alert, Snackbar, useMediaQuery, useTheme,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface XnsNameCaptureErrorsProps {\n error?: Error\n errorUi?: 'alert' | 'toast'\n resetError?: () => void\n}\n\nexport const XnsNameCaptureErrors: React.FC<XnsNameCaptureErrorsProps> = ({\n error, errorUi, resetError,\n}) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n\n return (\n <>\n {(errorUi === 'toast')\n ? (\n <Snackbar\n open={!!error}\n message={error?.toString()}\n autoHideDuration={3000}\n onClose={() => resetError?.()}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n >\n <Alert\n severity=\"error\"\n sx={{\n width: '100%', display: (isMobile && !error) ? 'none' : undefined, visibility: error ? 'visible' : 'hidden',\n }}\n >\n {error?.message}\n </Alert>\n </Snackbar>\n )\n : (() => {\n // setTimeout(() => setError(undefined), 1500)\n return (\n <FlexRow alignSelf=\"stretch\">\n <Alert\n severity=\"error\"\n sx={{ display: (isMobile && !error) ? 'none' : undefined, visibility: error ? 'visible' : 'hidden' }}\n >\n {error?.message}\n </Alert>\n </FlexRow>\n )\n })()}\n </>\n )\n}\n","import { useMemo } from 'react'\nimport { useNavigate, useSearchParams } from 'react-router-dom'\n\nimport type { XnsNameCaptureProps } from '../../Props.ts'\nimport { useXnsNameFromLocation } from './useXnsNameFromLocation.ts'\n\nexport const useXnsNameCaptureRouting = (props: XnsNameCaptureProps) => {\n const [params] = useSearchParams()\n\n const navigate = useNavigate()\n\n const [name, error] = useXnsNameFromLocation()\n\n return useMemo(() => ({\n ...props,\n defaultXnsName: name,\n routingError: error,\n navigate: props.navigate ?? ((to: string) => navigate(to)),\n paramsString: props.paramsString ? `${props.paramsString}${params.toString()}` : params.toString(),\n }), [props, params, name, error])\n}\n","import { useLocation } from 'react-router-dom'\n\n/**\n * Assumes the user was redirected with a link that contains a username query parameter.\n * @returns The xNS name from the URI username query parameter.\n */\nexport const useXnsNameFromLocation = (): [name: string | undefined, error: Error | undefined] => {\n const location = useLocation()\n const search = new URLSearchParams(location.search)\n const rawName = (search.get('xnsname') ?? search.get('name') ?? search.get('username') ?? '').toLowerCase()\n switch (rawName?.split('.').length) {\n case 1: {\n return [rawName, undefined]\n }\n case 2: {\n const rawNameParts = rawName.split('.')\n if (rawNameParts[1] !== 'xyo') {\n return [, new Error('Invalid xNS name [Bad root]')]\n }\n return [rawNameParts[0], undefined]\n }\n default: {\n return [, new Error('Invalid xNS name [Too many parts]')]\n }\n }\n}\n","import { ArrowForwardRounded } from '@mui/icons-material'\nimport { Stack } from '@mui/material'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useUserEvents } from '@xylabs/react-pixel'\nimport { XnsNameHelper } from '@xyo-network/xns-record-payloadset-plugins'\nimport type { Dispatch } from 'react'\nimport React from 'react'\n\nimport type {\n XnsNameCaptureBuyCallbacks, XnsNameCaptureRoutingProps, XnsNameCaptureTrackingProps,\n} from './Props.ts'\n\nexport type XnsCaptureSecondaryLinkProps = XnsNameCaptureTrackingProps & XnsNameCaptureRoutingProps & XnsNameCaptureBuyCallbacks & LinkExProps & {\n setError?: Dispatch<Error | undefined>\n text?: string\n xnsName: string\n}\n\nexport const XnsCaptureSecondaryLink: React.FC<XnsCaptureSecondaryLinkProps> = ({\n funnel = 'xns',\n navigate,\n onCaptureName,\n paramsString = '',\n intent,\n placement = '',\n setError,\n text = 'Or make a free reservation',\n to = '/xns/reservation',\n xnsName,\n ...props\n}) => {\n const userEvents = useUserEvents('warn')\n return (\n <LinkEx\n paddingX={0}\n color=\"inherit\"\n style={{ textDecoration: 'underline', textUnderlineOffset: '5px' }}\n onClick={async () => {\n const formattedXnsName = `${xnsName}.xyo`\n const helper = XnsNameHelper.fromString(formattedXnsName)\n const [valid, errors] = await helper.validate()\n if (valid) {\n await userEvents?.userClick({\n funnel, placement, intent,\n })\n navigate?.(`${to}?username=${xnsName}${paramsString}`)\n await onCaptureName?.(xnsName)\n } else {\n setError?.(new Error(errors.join(', ')))\n }\n }}\n {...props}\n >\n <Stack flexDirection=\"row\" gap={0.5} alignItems=\"center\" sx={{ cursor: 'pointer' }}>\n {text}\n <ArrowForwardRounded />\n </Stack>\n </LinkEx>\n )\n}\n","import { KeyboardArrowRightRounded } from '@mui/icons-material'\nimport type { StandardTextFieldProps } from '@mui/material'\nimport { useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { MIN_DOMAIN_LENGTH, XnsNameHelper } from '@xyo-network/xns-record-payloadset-plugins'\nimport type { KeyboardEventHandler } from 'react'\nimport React, { useCallback, useState } from 'react'\n\nimport { XnsEstimateNameTextField } from '../EstimateName/index.ts'\nimport { XnsNameCaptureErrors } from './Errors.tsx'\nimport { navigateWithUsername } from './lib/index.ts'\nimport type { XnsNameCaptureProps } from './Props.ts'\nimport { XnsCaptureSecondaryLink } from './SecondaryLink.js'\n\nexport const XnsNameCapture: React.FC<XnsNameCaptureProps> = ({\n autoFocus = false,\n buttonText = 'Buy My Name',\n children,\n defaultXnsName,\n disabled,\n errorUi = 'alert',\n funnel = 'xns',\n intent = 'unset',\n mobileButtonText = 'Buy',\n navigate,\n onCaptureName: onCaptureNameProp,\n onNameChange,\n paramsString = '',\n placement = '',\n routingError,\n showSecondary = false,\n to = '/xns/estimation',\n ...props\n}) => {\n const [xnsName, setXnsName] = useState<string>(() => defaultXnsName ?? '')\n const [error, setError] = useState<Error | undefined>(routingError)\n\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n\n const captureDisabled = !xnsName || xnsName.length < MIN_DOMAIN_LENGTH\n\n const handleChange: StandardTextFieldProps['onChange'] = (event) => {\n const NsName = XnsNameHelper.mask(event.target.value)\n onNameChange?.(NsName)\n setXnsName(NsName)\n setError(undefined)\n }\n\n const onCaptureName = useCallback(async () => {\n if (captureDisabled) return\n const formattedXnsName = `${xnsName}.xyo`\n const helper = XnsNameHelper.fromString(formattedXnsName)\n const [valid, errors] = await helper.validate()\n if (valid) {\n await onCaptureNameProp?.(xnsName)\n\n navigateWithUsername(xnsName, paramsString, navigate, to)\n } else {\n setError(new Error(errors.join(', ')))\n }\n }, [paramsString, to, xnsName, onCaptureNameProp, navigate])\n\n const onKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(async (event) => {\n if (event.key === 'Enter' && !captureDisabled) {\n await onCaptureName?.()\n }\n }, [captureDisabled, onCaptureName])\n\n return (\n <FlexCol gap={showSecondary ? 1.5 : 0} alignItems=\"center\" {...props}>\n <FlexRow gap={1}>\n <XnsEstimateNameTextField\n autoFocus={autoFocus}\n disabled={disabled}\n label=\"xNS Name\"\n variant=\"outlined\"\n size=\"small\"\n value={xnsName ?? ''}\n onKeyDown={onKeyDown}\n onChange={handleChange}\n onBlur={handleChange}\n />\n <ButtonEx\n disabled={captureDisabled}\n funnel={funnel}\n intent={intent}\n placement={placement}\n variant=\"contained\"\n color=\"success\"\n endIcon={<KeyboardArrowRightRounded />}\n onClick={onCaptureName}\n >\n {isMobile ? mobileButtonText : buttonText}\n </ButtonEx>\n </FlexRow>\n {(showSecondary === true)\n ? (\n <XnsCaptureSecondaryLink\n xnsName={xnsName}\n placement={placement}\n funnel={funnel}\n setError={setError}\n />\n )\n : null}\n {\n // eslint-disable-next-line unicorn/prefer-logical-operator-over-ternary\n showSecondary ? showSecondary : null\n }\n {children}\n <XnsNameCaptureErrors error={error} errorUi={errorUi} resetError={() => setError(undefined)} />\n </FlexCol>\n )\n}\n","import type { To } from 'react-router-dom'\n\nexport const navigateWithUsername = (xnsName: string, paramsString: string, navigate?: ((to: string) => void), to?: To) => {\n // avoid duplicating the username param\n const params = new URLSearchParams(paramsString)\n const usernameParam = params.get('username')\n if (usernameParam) {\n // if username param is the same as the xnsName, navigate\n if (usernameParam === xnsName) {\n navigate?.(`${to}?${paramsString}`)\n }\n if (usernameParam !== xnsName) {\n // if username param is different, replace it\n params.set('username', xnsName)\n navigate?.(`${to}?${params.toString()}`)\n }\n } else {\n // if no username param, include it\n navigate?.(`${to}?username=${xnsName}&${paramsString}`)\n }\n}\n","import React, { useMemo } from 'react'\n\nimport { useXnsNameCaptureRouting } from './hooks/index.ts'\nimport type { XnsNameCaptureProps } from './Props.ts'\nimport { XnsNameCapture } from './XnsNameCapture.tsx'\n\nexport const XnsNameCaptureWithContext: React.FC<XnsNameCaptureProps> = (props) => {\n const routingProps = useXnsNameCaptureRouting(props)\n\n const updatedProps = useMemo<XnsNameCaptureProps>(() => ({\n ...props,\n ...routingProps,\n }), [routingProps, props])\n\n return (\n <XnsNameCapture {...updatedProps} />\n )\n}\n"],"mappings":";AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB,qBAAqB;AACjD;AAAA,EACE;AAAA,EAAiB;AAAA,EAAS;AAAA,EAAQ;AAAA,OAC7B;AAoDH;AA9CG,IAAM,2BAAqF,CAAC;AAAA,EACjG,aAAa;AAAA,EAAM,UAAU;AAAA,EAAc,QAAQ;AAAA,EAAY;AAAA,EAAO,GAAG;AAC3E,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,WAAW,OAAyB,IAAI;AAG9C,UAAQ,MAAM;AACZ,UAAM,mBAAmB,CAAC,EAAE,SAAS,OAAO,UAAU,YAAY,MAAM,UAAU;AAClF,mBAAe,gBAAgB;AAAA,EACjC,GAAG,CAAC,KAAK,CAAC;AAKV,kBAAgB,MAAM;AACpB,QAAI,SAAS,WAAW,OAAO,UAAU,UAAU;AACjD,eAAS,QAAQ,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAGV,QAAM,eAAmD,CAAC,UAAU;AAClE,QAAI,YAAY;AACd,YAAMA,SAAQ,MAAM,OAAO;AAC3B,YAAM,OAAO,QAAQ,cAAc,KAAKA,MAAK;AAAA,IAC/C;AACA,mBAAe,KAAK;AAEpB,QAAI,SAAS,SAAS;AACpB,qBAAe,SAAS,QAAQ,MAAM,UAAU,iBAAiB;AAAA,IACnE;AAAA,EACF;AAGA,QAAM,aAA+C,CAAC,UAAU;AAC9D,QAAI,YAAY;AACd,YAAMA,SAAQ,MAAM,OAAO;AAC3B,YAAM,OAAO,QAAQ,cAAc,KAAKA,QAAO,EAAE,qBAAqB,KAAK,CAAC;AAAA,IAC9E;AACA,iBAAa,KAAK;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,cAAc,MAAM,KAAK,QAAQ,KAAK,UAAU,SAAS,MAAM,KAAK,QAAQ,KAAK,SAAS,GAAG,EAAE,EAAE,EAAE;AAAA;AAAA,EAC/I;AAEJ;;;AClEA;AAAA,EACE;AAAA,EAAO;AAAA,EAAU;AAAA,EAAe,YAAAC;AAAA,OAC3B;AACP,SAAS,eAAe;AAgBpB,mBAUU,OAAAC,YAVV;AAPG,IAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EAAO;AAAA,EAAS;AAClB,MAAM;AACJ,QAAM,QAAQD,UAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE3D,SACE,gBAAAC,KAAA,YACI,sBAAY,UAER,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,CAAC;AAAA,MACR,SAAS,OAAO,SAAS;AAAA,MACzB,kBAAkB;AAAA,MAClB,SAAS,MAAM,aAAa;AAAA,MAC5B,cAAc,EAAE,UAAU,UAAU,YAAY,SAAS;AAAA,MAEzD,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,IAAI;AAAA,YACF,OAAO;AAAA,YAAQ,SAAU,YAAY,CAAC,QAAS,SAAS;AAAA,YAAW,YAAY,QAAQ,YAAY;AAAA,UACrG;AAAA,UAEC,iBAAO;AAAA;AAAA,MACV;AAAA;AAAA,EACF,KAED,MAAM;AAEL,WACE,gBAAAA,KAAC,WAAQ,WAAU,WACjB,0BAAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,IAAI,EAAE,SAAU,YAAY,CAAC,QAAS,SAAS,QAAW,YAAY,QAAQ,YAAY,SAAS;AAAA,QAElG,iBAAO;AAAA;AAAA,IACV,GACF;AAAA,EAEJ,GAAG,GACT;AAEJ;;;ACtDA,SAAS,WAAAC,gBAAe;AACxB,SAAS,aAAa,uBAAuB;;;ACD7C,SAAS,mBAAmB;AAMrB,IAAM,yBAAyB,MAA4D;AAChG,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,IAAI,gBAAgB,SAAS,MAAM;AAClD,QAAM,WAAW,OAAO,IAAI,SAAS,KAAK,OAAO,IAAI,MAAM,KAAK,OAAO,IAAI,UAAU,KAAK,IAAI,YAAY;AAC1G,UAAQ,SAAS,MAAM,GAAG,EAAE,QAAQ;AAAA,IAClC,KAAK,GAAG;AACN,aAAO,CAAC,SAAS,MAAS;AAAA,IAC5B;AAAA,IACA,KAAK,GAAG;AACN,YAAM,eAAe,QAAQ,MAAM,GAAG;AACtC,UAAI,aAAa,CAAC,MAAM,OAAO;AAC7B,eAAO,CAAC,EAAE,IAAI,MAAM,6BAA6B,CAAC;AAAA,MACpD;AACA,aAAO,CAAC,aAAa,CAAC,GAAG,MAAS;AAAA,IACpC;AAAA,IACA,SAAS;AACP,aAAO,CAAC,EAAE,IAAI,MAAM,mCAAmC,CAAC;AAAA,IAC1D;AAAA,EACF;AACF;;;ADnBO,IAAM,2BAA2B,CAAC,UAA+B;AACtE,QAAM,CAAC,MAAM,IAAI,gBAAgB;AAEjC,QAAM,WAAW,YAAY;AAE7B,QAAM,CAAC,MAAM,KAAK,IAAI,uBAAuB;AAE7C,SAAOC,SAAQ,OAAO;AAAA,IACpB,GAAG;AAAA,IACH,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,UAAU,MAAM,aAAa,CAAC,OAAe,SAAS,EAAE;AAAA,IACxD,cAAc,MAAM,eAAe,GAAG,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,OAAO,SAAS;AAAA,EACnG,IAAI,CAAC,OAAO,QAAQ,MAAM,KAAK,CAAC;AAClC;;;AEpBA,SAAS,2BAA2B;AACpC,SAAS,aAAa;AAEtB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,iBAAAC,sBAAqB;AAiDxB,SAEE,OAAAC,MAFF;AAnCC,IAAM,0BAAkE,CAAC;AAAA,EAC9E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,cAAc,MAAM;AACvC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAM;AAAA,MACN,OAAO,EAAE,gBAAgB,aAAa,qBAAqB,MAAM;AAAA,MACjE,SAAS,YAAY;AACnB,cAAM,mBAAmB,GAAG,OAAO;AACnC,cAAM,SAASD,eAAc,WAAW,gBAAgB;AACxD,cAAM,CAAC,OAAO,MAAM,IAAI,MAAM,OAAO,SAAS;AAC9C,YAAI,OAAO;AACT,gBAAM,YAAY,UAAU;AAAA,YAC1B;AAAA,YAAQ;AAAA,YAAW;AAAA,UACrB,CAAC;AACD,qBAAW,GAAG,EAAE,aAAa,OAAO,GAAG,YAAY,EAAE;AACrD,gBAAM,gBAAgB,OAAO;AAAA,QAC/B,OAAO;AACL,qBAAW,IAAI,MAAM,OAAO,KAAK,IAAI,CAAC,CAAC;AAAA,QACzC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,+BAAC,SAAM,eAAc,OAAM,KAAK,KAAK,YAAW,UAAS,IAAI,EAAE,QAAQ,UAAU,GAC9E;AAAA;AAAA,QACD,gBAAAC,KAAC,uBAAoB;AAAA,SACvB;AAAA;AAAA,EACF;AAEJ;;;AC5DA,SAAS,iCAAiC;AAE1C,SAAS,iBAAAC,gBAAe,YAAAC,iBAAgB;AACxC,SAAS,gBAAgB;AACzB,SAAS,SAAS,WAAAC,gBAAe;AACjC,SAAS,qBAAAC,oBAAmB,iBAAAC,sBAAqB;AAEjD,SAAgB,aAAa,YAAAC,iBAAgB;;;ACLtC,IAAM,uBAAuB,CAAC,SAAiB,cAAsB,UAAmC,OAAY;AAEzH,QAAM,SAAS,IAAI,gBAAgB,YAAY;AAC/C,QAAM,gBAAgB,OAAO,IAAI,UAAU;AAC3C,MAAI,eAAe;AAEjB,QAAI,kBAAkB,SAAS;AAC7B,iBAAW,GAAG,EAAE,IAAI,YAAY,EAAE;AAAA,IACpC;AACA,QAAI,kBAAkB,SAAS;AAE7B,aAAO,IAAI,YAAY,OAAO;AAC9B,iBAAW,GAAG,EAAE,IAAI,OAAO,SAAS,CAAC,EAAE;AAAA,IACzC;AAAA,EACF,OAAO;AAEL,eAAW,GAAG,EAAE,aAAa,OAAO,IAAI,YAAY,EAAE;AAAA,EACxD;AACF;;;ADoDM,SACE,OAAAC,MADF,QAAAC,aAAA;AAzDC,IAAM,iBAAgD,CAAC;AAAA,EAC5D,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAIC,UAAiB,MAAM,kBAAkB,EAAE;AACzE,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAA4B,YAAY;AAElE,QAAM,QAAQC,UAAS;AACvB,QAAM,WAAWC,eAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE3D,QAAM,kBAAkB,CAAC,WAAW,QAAQ,SAASC;AAErD,QAAM,eAAmD,CAAC,UAAU;AAClE,UAAM,SAASC,eAAc,KAAK,MAAM,OAAO,KAAK;AACpD,mBAAe,MAAM;AACrB,eAAW,MAAM;AACjB,aAAS,MAAS;AAAA,EACpB;AAEA,QAAM,gBAAgB,YAAY,YAAY;AAC5C,QAAI,gBAAiB;AACrB,UAAM,mBAAmB,GAAG,OAAO;AACnC,UAAM,SAASA,eAAc,WAAW,gBAAgB;AACxD,UAAM,CAAC,OAAO,MAAM,IAAI,MAAM,OAAO,SAAS;AAC9C,QAAI,OAAO;AACT,YAAM,oBAAoB,OAAO;AAEjC,2BAAqB,SAAS,cAAc,UAAU,EAAE;AAAA,IAC1D,OAAO;AACL,eAAS,IAAI,MAAM,OAAO,KAAK,IAAI,CAAC,CAAC;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,cAAc,IAAI,SAAS,mBAAmB,QAAQ,CAAC;AAE3D,QAAM,YAAkD,YAAY,OAAO,UAAU;AACnF,QAAI,MAAM,QAAQ,WAAW,CAAC,iBAAiB;AAC7C,YAAM,gBAAgB;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,iBAAiB,aAAa,CAAC;AAEnC,SACE,gBAAAL,MAAC,WAAQ,KAAK,gBAAgB,MAAM,GAAG,YAAW,UAAU,GAAG,OAC7D;AAAA,oBAAAA,MAACM,UAAA,EAAQ,KAAK,GACZ;AAAA,sBAAAP;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAO,WAAW;AAAA,UAClB;AAAA,UACA,UAAU;AAAA,UACV,QAAQ;AAAA;AAAA,MACV;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAAS,gBAAAA,KAAC,6BAA0B;AAAA,UACpC,SAAS;AAAA,UAER,qBAAW,mBAAmB;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,IACE,kBAAkB,OAEd,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IAEF;AAAA;AAAA,IAGF,gBAAgB,gBAAgB;AAAA,IAEjC;AAAA,IACD,gBAAAA,KAAC,wBAAqB,OAAc,SAAkB,YAAY,MAAM,SAAS,MAAS,GAAG;AAAA,KAC/F;AAEJ;;;AEnHA,SAAgB,WAAAQ,gBAAe;AAe3B,gBAAAC,YAAA;AATG,IAAM,4BAA2D,CAAC,UAAU;AACjF,QAAM,eAAe,yBAAyB,KAAK;AAEnD,QAAM,eAAeC,SAA6B,OAAO;AAAA,IACvD,GAAG;AAAA,IACH,GAAG;AAAA,EACL,IAAI,CAAC,cAAc,KAAK,CAAC;AAEzB,SACE,gBAAAD,KAAC,kBAAgB,GAAG,cAAc;AAEtC;","names":["value","useTheme","jsx","useMemo","useMemo","XnsNameHelper","jsx","useMediaQuery","useTheme","FlexRow","MIN_DOMAIN_LENGTH","XnsNameHelper","useState","jsx","jsxs","useState","useTheme","useMediaQuery","MIN_DOMAIN_LENGTH","XnsNameHelper","FlexRow","useMemo","jsx","useMemo"]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/EstimateName/EstimateNameTextField.tsx","../../src/components/XnsNameCapture/Errors.tsx","../../src/components/XnsNameCapture/hooks/routing/useXnsNameCaptureRouting.ts","../../src/components/XnsNameCapture/hooks/routing/useXnsNameFromLocation.ts","../../src/components/XnsNameCapture/SecondaryLink.tsx","../../src/components/XnsNameCapture/XnsNameCapture.tsx","../../src/components/XnsNameCapture/lib/navigateWithUsername.ts","../../src/components/XnsNameCapture/XnsNameCaptureWithContext.tsx"],"sourcesContent":["import type { StandardTextFieldProps, TextFieldProps } from '@mui/material'\nimport { TextField, useTheme } from '@mui/material'\nimport { alphaCss } from '@xylabs/react-theme'\nimport { MIN_DOMAIN_LENGTH, XnsNameHelper } from '@xyo-network/xns-record-payloadset-plugins'\nimport React, {\n useLayoutEffect, useMemo, useRef, useState,\n} from 'react'\n\nexport interface XnsEstimateNameTextFieldProps {\n maskOutput?: boolean\n}\n\nexport const XnsEstimateNameTextField: React.FC<XnsEstimateNameTextFieldProps & TextFieldProps> = ({\n maskOutput = true, onChange: onChangeProp, onBlur: onBlurProp, value, ...props\n}) => {\n const theme = useTheme()\n const [validLength, setValidLength] = useState(false)\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n // watch for external changes to the value and update the validLength state\n useMemo(() => {\n const validValueLength = !!(value && typeof value === 'string' && value.length >= MIN_DOMAIN_LENGTH)\n setValidLength(validValueLength)\n }, [value])\n\n // Update the input value when the value prop changes\n // NOTE: the intent of this component is to remain uncontrolled to avoid the need to manage the value state\n // Therefore, we use useLayoutEffect to update the input value directly.\n useLayoutEffect(() => {\n if (inputRef.current && typeof value === 'string') {\n inputRef.current.value = value\n }\n }, [value])\n\n // override onChange to mask the input and update the event value\n const handleChange: StandardTextFieldProps['onChange'] = (event) => {\n if (maskOutput) {\n const value = event.target.value\n event.target.value = XnsNameHelper.mask(value)\n }\n onChangeProp?.(event)\n\n if (inputRef.current) {\n setValidLength(inputRef.current.value.length >= MIN_DOMAIN_LENGTH)\n }\n }\n\n // override onBlur to do a final mask of the input and update the event value\n const handleBlur: StandardTextFieldProps['onBlur'] = (event) => {\n if (maskOutput) {\n const value = event.target.value\n event.target.value = XnsNameHelper.mask(value, { maskStartEndHyphens: true })\n }\n onBlurProp?.(event)\n }\n\n return (\n <TextField\n inputRef={inputRef}\n onBlur={handleBlur}\n onChange={handleChange}\n {...props}\n slotProps={{ htmlInput: { style: { color: validLength ? theme.vars.palette.text.primary : alphaCss(theme.vars.palette.text.primary, 0.5) } } }}\n />\n )\n}\n","/* eslint-disable react-x/jsx-no-iife */\nimport {\n Alert, Snackbar, useMediaQuery, useTheme,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface XnsNameCaptureErrorsProps {\n error?: Error\n errorUi?: 'alert' | 'toast'\n resetError?: () => void\n}\n\nexport const XnsNameCaptureErrors: React.FC<XnsNameCaptureErrorsProps> = ({\n error, errorUi, resetError,\n}) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n\n return (\n <>\n {(errorUi === 'toast')\n ? (\n <Snackbar\n open={!!error}\n message={error?.toString()}\n autoHideDuration={3000}\n onClose={() => resetError?.()}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n >\n <Alert\n severity=\"error\"\n sx={{\n width: '100%', display: (isMobile && !error) ? 'none' : undefined, visibility: error ? 'visible' : 'hidden',\n }}\n >\n {error?.message}\n </Alert>\n </Snackbar>\n )\n : (() => {\n // setTimeout(() => setError(undefined), 1500)\n return (\n <FlexRow alignSelf=\"stretch\">\n <Alert\n severity=\"error\"\n sx={{ display: (isMobile && !error) ? 'none' : undefined, visibility: error ? 'visible' : 'hidden' }}\n >\n {error?.message}\n </Alert>\n </FlexRow>\n )\n })()}\n </>\n )\n}\n","import { useMemo } from 'react'\nimport { useNavigate, useSearchParams } from 'react-router-dom'\n\nimport type { XnsNameCaptureProps } from '../../Props.ts'\nimport { useXnsNameFromLocation } from './useXnsNameFromLocation.ts'\n\nexport const useXnsNameCaptureRouting = (props: XnsNameCaptureProps) => {\n const [params] = useSearchParams()\n\n const navigate = useNavigate()\n\n const [name, error] = useXnsNameFromLocation()\n\n return useMemo(() => ({\n ...props,\n defaultXnsName: name,\n routingError: error,\n navigate: props.navigate ?? ((to: string) => navigate(to)),\n paramsString: props.paramsString ? `${props.paramsString}${params.toString()}` : params.toString(),\n }), [props, params, name, error])\n}\n","import { useLocation } from 'react-router-dom'\n\n/**\n * Assumes the user was redirected with a link that contains a username query parameter.\n * @returns The xNS name from the URI username query parameter.\n */\nexport const useXnsNameFromLocation = (): [name: string | undefined, error: Error | undefined] => {\n const location = useLocation()\n const search = new URLSearchParams(location.search)\n const rawName = (search.get('xnsname') ?? search.get('name') ?? search.get('username') ?? '').toLowerCase()\n switch (rawName?.split('.').length) {\n case 1: {\n return [rawName, undefined]\n }\n case 2: {\n const rawNameParts = rawName.split('.')\n if (rawNameParts[1] !== 'xyo') {\n return [, new Error('Invalid xNS name [Bad root]')]\n }\n return [rawNameParts[0], undefined]\n }\n default: {\n return [, new Error('Invalid xNS name [Too many parts]')]\n }\n }\n}\n","import { ArrowForwardRounded } from '@mui/icons-material'\nimport { Stack } from '@mui/material'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useUserEvents } from '@xylabs/react-pixel'\nimport { XnsNameHelper } from '@xyo-network/xns-record-payloadset-plugins'\nimport type { Dispatch } from 'react'\nimport React from 'react'\n\nimport type {\n XnsNameCaptureBuyCallbacks, XnsNameCaptureRoutingProps, XnsNameCaptureTrackingProps,\n} from './Props.ts'\n\nexport type XnsCaptureSecondaryLinkProps = XnsNameCaptureTrackingProps & XnsNameCaptureRoutingProps & XnsNameCaptureBuyCallbacks & LinkExProps & {\n setError?: Dispatch<Error | undefined>\n text?: string\n xnsName: string\n}\n\nexport const XnsCaptureSecondaryLink: React.FC<XnsCaptureSecondaryLinkProps> = ({\n funnel = 'xns',\n navigate,\n onCaptureName,\n paramsString = '',\n intent,\n placement = '',\n setError,\n text = 'Or make a free reservation',\n to = '/xns/reservation',\n xnsName,\n ...props\n}) => {\n const userEvents = useUserEvents('warn')\n return (\n <LinkEx\n paddingX={0}\n color=\"inherit\"\n style={{ textDecoration: 'underline', textUnderlineOffset: '5px' }}\n onClick={async () => {\n const formattedXnsName = `${xnsName}.xyo`\n const helper = XnsNameHelper.fromString(formattedXnsName)\n const [valid, errors] = await helper.validate()\n if (valid) {\n await userEvents?.userClick({\n funnel, placement, intent,\n })\n navigate?.(`${to}?username=${xnsName}${paramsString}`)\n await onCaptureName?.(xnsName)\n } else {\n setError?.(new Error(errors.join(', ')))\n }\n }}\n {...props}\n >\n <Stack flexDirection=\"row\" gap={0.5} alignItems=\"center\" sx={{ cursor: 'pointer' }}>\n {text}\n <ArrowForwardRounded />\n </Stack>\n </LinkEx>\n )\n}\n","import { KeyboardArrowRightRounded } from '@mui/icons-material'\nimport type { StandardTextFieldProps } from '@mui/material'\nimport { useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { MIN_DOMAIN_LENGTH, XnsNameHelper } from '@xyo-network/xns-record-payloadset-plugins'\nimport type { KeyboardEventHandler } from 'react'\nimport React, { useCallback, useState } from 'react'\n\nimport { XnsEstimateNameTextField } from '../EstimateName/index.ts'\nimport { XnsNameCaptureErrors } from './Errors.tsx'\nimport { navigateWithUsername } from './lib/index.ts'\nimport type { XnsNameCaptureProps } from './Props.ts'\nimport { XnsCaptureSecondaryLink } from './SecondaryLink.js'\n\nexport const XnsNameCapture: React.FC<XnsNameCaptureProps> = ({\n autoFocus = false,\n buttonText = 'Buy My Name',\n children,\n defaultXnsName,\n disabled,\n errorUi = 'alert',\n funnel = 'xns',\n intent = 'unset',\n mobileButtonText = 'Buy',\n navigate,\n onCaptureName: onCaptureNameProp,\n onNameChange,\n paramsString = '',\n placement = '',\n routingError,\n showSecondary = false,\n to = '/xns/estimation',\n ...props\n}) => {\n const [xnsName, setXnsName] = useState<string>(() => defaultXnsName ?? '')\n const [error, setError] = useState<Error | undefined>(routingError)\n\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n\n const captureDisabled = !xnsName || xnsName.length < MIN_DOMAIN_LENGTH\n\n const handleChange: StandardTextFieldProps['onChange'] = (event) => {\n const NsName = XnsNameHelper.mask(event.target.value)\n onNameChange?.(NsName)\n setXnsName(NsName)\n setError(undefined)\n }\n\n const onCaptureName = useCallback(async () => {\n if (captureDisabled) return\n const formattedXnsName = `${xnsName}.xyo`\n const helper = XnsNameHelper.fromString(formattedXnsName)\n const [valid, errors] = await helper.validate()\n if (valid) {\n await onCaptureNameProp?.(xnsName)\n\n navigateWithUsername(xnsName, paramsString, navigate, to)\n } else {\n setError(new Error(errors.join(', ')))\n }\n }, [paramsString, to, xnsName, onCaptureNameProp, navigate])\n\n const onKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(async (event) => {\n if (event.key === 'Enter' && !captureDisabled) {\n await onCaptureName?.()\n }\n }, [captureDisabled, onCaptureName])\n\n return (\n <FlexCol gap={showSecondary ? 1.5 : 0} alignItems=\"center\" {...props}>\n <FlexRow gap={1}>\n <XnsEstimateNameTextField\n autoFocus={autoFocus}\n disabled={disabled}\n label=\"xNS Name\"\n variant=\"outlined\"\n size=\"small\"\n value={xnsName ?? ''}\n onKeyDown={onKeyDown}\n onChange={handleChange}\n onBlur={handleChange}\n />\n <ButtonEx\n disabled={captureDisabled}\n funnel={funnel}\n intent={intent}\n placement={placement}\n variant=\"contained\"\n color=\"success\"\n endIcon={<KeyboardArrowRightRounded />}\n onClick={onCaptureName}\n >\n {isMobile ? mobileButtonText : buttonText}\n </ButtonEx>\n </FlexRow>\n {(showSecondary === true)\n ? (\n <XnsCaptureSecondaryLink\n xnsName={xnsName}\n placement={placement}\n funnel={funnel}\n setError={setError}\n />\n )\n : null}\n {\n // eslint-disable-next-line unicorn/prefer-logical-operator-over-ternary\n showSecondary ? showSecondary : null\n }\n {children}\n <XnsNameCaptureErrors error={error} errorUi={errorUi} resetError={() => setError(undefined)} />\n </FlexCol>\n )\n}\n","import type { To } from 'react-router-dom'\n\nexport const navigateWithUsername = (xnsName: string, paramsString: string, navigate?: ((to: string) => void), to?: To) => {\n // avoid duplicating the username param\n const params = new URLSearchParams(paramsString)\n const usernameParam = params.get('username')\n if (usernameParam) {\n // if username param is the same as the xnsName, navigate\n if (usernameParam === xnsName) {\n navigate?.(`${to}?${paramsString}`)\n }\n if (usernameParam !== xnsName) {\n // if username param is different, replace it\n params.set('username', xnsName)\n navigate?.(`${to}?${params.toString()}`)\n }\n } else {\n // if no username param, include it\n navigate?.(`${to}?username=${xnsName}&${paramsString}`)\n }\n}\n","import React, { useMemo } from 'react'\n\nimport { useXnsNameCaptureRouting } from './hooks/index.ts'\nimport type { XnsNameCaptureProps } from './Props.ts'\nimport { XnsNameCapture } from './XnsNameCapture.tsx'\n\nexport const XnsNameCaptureWithContext: React.FC<XnsNameCaptureProps> = (props) => {\n const routingProps = useXnsNameCaptureRouting(props)\n\n const updatedProps = useMemo<XnsNameCaptureProps>(() => ({\n ...props,\n ...routingProps,\n }), [routingProps, props])\n\n return (\n <XnsNameCapture {...updatedProps} />\n )\n}\n"],"mappings":"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","names":["value","useTheme","jsx","useMemo","useMemo","XnsNameHelper","jsx","useMediaQuery","useTheme","FlexRow","MIN_DOMAIN_LENGTH","XnsNameHelper","useState","jsx","jsxs","useState","useTheme","useMediaQuery","MIN_DOMAIN_LENGTH","XnsNameHelper","FlexRow","useMemo","jsx","useMemo"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-xns",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.4.0",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -48,23 +48,23 @@
|
|
|
48
48
|
"@xylabs/react-link": "~7.1.8",
|
|
49
49
|
"@xylabs/react-pixel": "~7.1.8",
|
|
50
50
|
"@xylabs/react-theme": "~7.1.8",
|
|
51
|
-
"@xyo-network/xns-record-payloadset-plugins": "~5.1
|
|
51
|
+
"@xyo-network/xns-record-payloadset-plugins": "~5.2.1"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@mui/icons-material": "~7.3.
|
|
55
|
-
"@mui/material": "~7.3.
|
|
56
|
-
"@storybook/react-vite": "~
|
|
57
|
-
"@types/react": "~19.2.
|
|
58
|
-
"@xylabs/ts-scripts-yarn3": "~7.
|
|
59
|
-
"@xylabs/tsconfig": "~7.
|
|
60
|
-
"@xylabs/tsconfig-dom": "~7.
|
|
61
|
-
"@xylabs/tsconfig-react": "~7.
|
|
54
|
+
"@mui/icons-material": "~7.3.5",
|
|
55
|
+
"@mui/material": "~7.3.5",
|
|
56
|
+
"@storybook/react-vite": "~10.0.8",
|
|
57
|
+
"@types/react": "~19.2.6",
|
|
58
|
+
"@xylabs/ts-scripts-yarn3": "~7.2.8",
|
|
59
|
+
"@xylabs/tsconfig": "~7.2.8",
|
|
60
|
+
"@xylabs/tsconfig-dom": "~7.2.8",
|
|
61
|
+
"@xylabs/tsconfig-react": "~7.2.8",
|
|
62
62
|
"react": "~19.2.0",
|
|
63
63
|
"react-dom": "~19.2.0",
|
|
64
|
-
"react-router-dom": "^7.9.
|
|
65
|
-
"storybook": "~
|
|
64
|
+
"react-router-dom": "^7.9.6",
|
|
65
|
+
"storybook": "~10.0.8",
|
|
66
66
|
"typescript": "~5.9.3",
|
|
67
|
-
"vite": "~7.
|
|
67
|
+
"vite": "~7.2.4"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
70
|
"@mui/icons-material": ">=6 <8",
|
|
@@ -12,7 +12,6 @@ export default { title: 'modules/xns/XnsNameCaptureWithContext' } as Meta
|
|
|
12
12
|
const testableParams = ['signature', 'username'] as const
|
|
13
13
|
type RouteDecorator = (params: [typeof testableParams[number], string][]) => Decorator
|
|
14
14
|
|
|
15
|
-
// eslint-disable-next-line react/display-name
|
|
16
15
|
const RouteDecorator: RouteDecorator = params => (Story, args) => {
|
|
17
16
|
// Get the URL object
|
|
18
17
|
const url = new URL(globalThis.location.href)
|