UNPKG

mistui-kit

Version:

**👉 [Try MistUi Live](https://gilded-tanuki-0eb52b.netlify.app/) — interactive playground & docs**

1,657 lines (1,656 loc) • 2.01 MB
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;