mistui-kit
Version:
**👉 [Try MistUi Live](https://gilded-tanuki-0eb52b.netlify.app/) — interactive playground & docs**
1,657 lines (1,656 loc) • 2.01 MB
TypeScript
export declare const store: {
get: (clone?: boolean) => {
propses: {
AlertProvider: {};
ThemeProvider: {};
Typography: {
variant: {
type: string;
items: string[];
value: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
fontStyle: {
type: string;
items: string[];
value: string;
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
style: {
fontWeight: {
type: string;
items: string[];
};
fontSize: {
type: string;
min: number;
max: number;
};
letterSpacing: {
type: string;
min: number;
max: number;
};
wordSpacing: {
type: string;
min: number;
max: number;
};
textAlign: {
type: string;
items: string[];
};
textOverflow: {
type: string;
items: string[];
};
textTransform: {
type: string;
items: string[];
};
textDecoration: {
type: string;
items: string[];
};
textDecorationStyle: {
type: string;
items: string[];
};
textDecorationColor: {
type: string;
};
overflowWrap: {
type: string;
items: string[];
};
whiteSpace: {
type: string;
items: string[];
};
verticalAlign: {
type: string;
items: string[];
};
wordBreak: {
type: string;
items: string[];
};
textShadow: {
type: string;
options: {
id: string;
label: string;
}[];
};
};
};
Link: {
variant: {
type: string;
items: string[];
value: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
fontStyle: {
type: string;
items: string[];
value: string;
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
style: {
fontWeight: {
type: string;
items: string[];
};
fontSize: {
type: string;
min: number;
max: number;
};
letterSpacing: {
type: string;
min: number;
max: number;
};
wordSpacing: {
type: string;
min: number;
max: number;
};
textAlign: {
type: string;
items: string[];
};
textOverflow: {
type: string;
items: string[];
};
textTransform: {
type: string;
items: string[];
};
textDecoration: {
type: string;
items: string[];
};
textDecorationStyle: {
type: string;
items: string[];
};
textDecorationColor: {
type: string;
};
overflowWrap: {
type: string;
items: string[];
};
whiteSpace: {
type: string;
items: string[];
};
verticalAlign: {
type: string;
items: string[];
};
wordBreak: {
type: string;
items: string[];
};
textShadow: {
type: string;
options: {
id: string;
label: string;
}[];
};
};
};
MarqueText: {
direction: {
type: string;
value: string;
items: string[];
};
speed: {
type: string;
iconEnable: boolean;
value: number;
};
variant: {
type: string;
items: string[];
value: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
fontStyle: {
type: string;
items: string[];
value: string;
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
style: {
fontWeight: {
type: string;
items: string[];
};
fontSize: {
type: string;
min: number;
max: number;
};
letterSpacing: {
type: string;
min: number;
max: number;
};
wordSpacing: {
type: string;
min: number;
max: number;
};
textAlign: {
type: string;
items: string[];
};
textOverflow: {
type: string;
items: string[];
};
textTransform: {
type: string;
items: string[];
};
textDecoration: {
type: string;
items: string[];
};
textDecorationStyle: {
type: string;
items: string[];
};
textDecorationColor: {
type: string;
};
overflowWrap: {
type: string;
items: string[];
};
whiteSpace: {
type: string;
items: string[];
};
verticalAlign: {
type: string;
items: string[];
};
wordBreak: {
type: string;
items: string[];
};
textShadow: {
type: string;
options: {
id: string;
label: string;
}[];
};
};
};
Button: {
isGradient: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
IconButton: {
isGradient: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
isRounded: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
GroupButtons: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
GroupButtonFiltre: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
BaseInput: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
NumberInput: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Color: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Date: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
ColorPicker: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Time: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
TextArea: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
File: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Radio: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Switch: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
CheckBox: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Slider: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Select: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Autocomplete: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Tabs: {
variant: {
type: string;
value: string;
items: string[];
};
size: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
BottomNavigation: {};
Breadcrumbs: {};
Menu: {};
Badge: {
isGradient: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Avatar: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Indicator: {
position: {
type: string;
value: string;
items: string[];
};
align: {
type: string;
value: string;
items: string[];
};
};
Flag: {
code: {
type: string;
value: string;
items: string[];
};
};
List: {};
Table: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Spinner: {
variant: {
type: string;
value: string;
items: string[];
};
size: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Progress: {
value: {
type: string;
min: number;
max: number;
};
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
RadialProgress: {
value: {
type: string;
min: number;
max: number;
};
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Tooltip: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Modal: {};
Popover: {};
Drawer: {};
Divider: {
variant: {
type: string;
items: string[];
variant: string;
};
position: {
type: string;
items: string[];
value: string;
};
orientation: {
type: string;
value: string;
items: string[];
};
size: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Splitter: {
orientation: {
type: string;
items: string[];
};
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Chat: {
direction: {
type: string;
items: string[];
};
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Accordion: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Collapse: {
size: {
type: string;
value: string;
items: string[];
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
disabled: {
type: string;
size: string;
color: string;
style: {
marginTop: number;
};
};
};
Stat: {};
Box: {
shadowSize: {
type: string;
value: number;
min: number;
max: number;
};
elevation: {
type: string;
value: number;
min: number;
max: number;
step: number;
};
variant: {
type: string;
value: string;
items: string[];
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
rounded: {
type: string;
value: number;
min: number;
max: number;
step: number;
};
};
Card: {
imageIsSide: {
type: string;
color: string;
style: {
marginBottom: number;
};
};
imageIsFull: {
type: string;
color: string;
};
};
Promo: {};
};
scheme: any[];
cache: {};
emmiterProps: any;
};
set: (value: {
propses: {
AlertProvider: {};
ThemeProvider: {};
Typography: {
variant: {
type: string;
items: string[];
value: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
fontStyle: {
type: string;
items: string[];
value: string;
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
style: {
fontWeight: {
type: string;
items: string[];
};
fontSize: {
type: string;
min: number;
max: number;
};
letterSpacing: {
type: string;
min: number;
max: number;
};
wordSpacing: {
type: string;
min: number;
max: number;
};
textAlign: {
type: string;
items: string[];
};
textOverflow: {
type: string;
items: string[];
};
textTransform: {
type: string;
items: string[];
};
textDecoration: {
type: string;
items: string[];
};
textDecorationStyle: {
type: string;
items: string[];
};
textDecorationColor: {
type: string;
};
overflowWrap: {
type: string;
items: string[];
};
whiteSpace: {
type: string;
items: string[];
};
verticalAlign: {
type: string;
items: string[];
};
wordBreak: {
type: string;
items: string[];
};
textShadow: {
type: string;
options: {
id: string;
label: string;
}[];
};
};
};
Link: {
variant: {
type: string;
items: string[];
value: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
fontStyle: {
type: string;
items: string[];
value: string;
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
style: {
fontWeight: {
type: string;
items: string[];
};
fontSize: {
type: string;
min: number;
max: number;
};
letterSpacing: {
type: string;
min: number;
max: number;
};
wordSpacing: {
type: string;
min: number;
max: number;
};
textAlign: {
type: string;
items: string[];
};
textOverflow: {
type: string;
items: string[];
};
textTransform: {
type: string;
items: string[];
};
textDecoration: {
type: string;
items: string[];
};
textDecorationStyle: {
type: string;
items: string[];
};
textDecorationColor: {
type: string;
};
overflowWrap: {
type: string;
items: string[];
};
whiteSpace: {
type: string;
items: string[];
};
verticalAlign: {
type: string;
items: string[];
};
wordBreak: {
type: string;
items: string[];
};
textShadow: {
type: string;
options: {
id: string;
label: string;
}[];
};
};
};
MarqueText: {
direction: {
type: string;
value: string;
items: string[];
};
speed: {
type: string;
iconEnable: boolean;
value: number;
};
variant: {
type: string;
items: string[];
value: string;
};
shadow: {
type: string;
items: string[];
value: string;
};
fontStyle: {
type: string;
items: string[];
value: string;
};
color: {
type: string;
items: string[];
};
colorCustom: {
type: string;
};
style: {
fontWeight: {
type: string;
items: string[];
};
fontSize: {
type: string;
min: number;
max: number;
};
letterSpacing: {
type: string;
min: number;
max: number;
};
wordSpacing: {
type: string;