@solostylist/ui-kit 2.0.6 → 2.0.8

package/dist/theme/components/link.d.ts

@@ -1,42 +1,2 @@
-import { Theme } from '@mui/material/styles';
-export declare const MuiLink: {
-    defaultProps: {
-        underline: "none";
-    };
-    styleOverrides: {
-        root: ({ theme }: import('@mui/material').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "underline" | "TypographyClasses"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "underline" | "TypographyClasses"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            color: string;
-            fontWeight: number;
-            position: "relative";
-            textDecoration: string;
-            width: string;
-            '&::before': {
-                content: string;
-                position: string;
-                width: string;
-                height: string;
-                bottom: number;
-                left: number;
-                backgroundColor: string;
-                opacity: number;
-                transition: string;
-            };
-            '&:hover::before': {
-                width: number;
-            };
-            '&:focus-visible': {
-                outline: string;
-                outlineOffset: string;
-                borderRadius: number;
-            };
-        };
-    };
-};
+import { Slot } from './slot';
+export declare const MuiLink: Slot<'MuiLink'>;

package/dist/theme/components/list-item-button.d.ts

@@ -1,4 +1,5 @@
 import { Theme } from '@mui/material/styles';
+import { Slot } from './slot';
 export declare const listItemButtonStyles: (theme: Theme) => {
     [x: string]: string | number | {
         color: string;
@@ -107,123 +108,4 @@ export declare const listItemButtonStyles: (theme: Theme) => {
         backgroundColor: string;
     };
 };
-export declare const MuiListItemButton: {
-    styleOverrides: {
-        root: ({ theme }: import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').ListItemButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "disabled" | "disableGutters" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "divider" | "selected" | "dense"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').ListItemButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "disabled" | "disableGutters" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "divider" | "selected" | "dense"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            [x: string]: string | number | {
-                color: string;
-                backgroundColor?: undefined;
-                '&.Mui-focusVisible'?: undefined;
-                '@media (hover: hover) and (pointer: fine)'?: undefined;
-                '&:hover:not(.Mui-selected)'?: undefined;
-            } | {
-                [x: string]: string | {
-                    color: string;
-                    '&:hover'?: undefined;
-                } | {
-                    outline: string;
-                    outlineOffset: number;
-                    backgroundColor: string;
-                    color?: undefined;
-                    '&:hover'?: undefined;
-                } | {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                    color?: undefined;
-                };
-                backgroundColor: string;
-                color: string;
-                '&.Mui-focusVisible': {
-                    outline: string;
-                    outlineOffset: number;
-                    backgroundColor: string;
-                };
-                "@media (hover: hover) and (pointer: fine)": {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
-                '&:hover:not(.Mui-selected)'?: undefined;
-            } | {
-                '&:hover:not(.Mui-selected)': {
-                    [x: string]: string | {
-                        color: string;
-                    };
-                    backgroundColor: string;
-                    color: string;
-                };
-                color?: undefined;
-                backgroundColor?: undefined;
-                '&.Mui-focusVisible'?: undefined;
-                '@media (hover: hover) and (pointer: fine)'?: undefined;
-            } | {
-                outline: string;
-                outlineOffset: number;
-                backgroundColor: string;
-                color?: undefined;
-                '&.Mui-focusVisible'?: undefined;
-                '@media (hover: hover) and (pointer: fine)'?: undefined;
-                '&:hover:not(.Mui-selected)'?: undefined;
-            };
-            alignItems: string;
-            display: string;
-            gap: string;
-            padding: string;
-            borderRadius: number;
-            whiteSpace: string;
-            color: string;
-            '&.Mui-selected': {
-                [x: string]: string | {
-                    color: string;
-                    '&:hover'?: undefined;
-                } | {
-                    outline: string;
-                    outlineOffset: number;
-                    backgroundColor: string;
-                    color?: undefined;
-                    '&:hover'?: undefined;
-                } | {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                    color?: undefined;
-                };
-                backgroundColor: string;
-                color: string;
-                '&.Mui-focusVisible': {
-                    outline: string;
-                    outlineOffset: number;
-                    backgroundColor: string;
-                };
-                "@media (hover: hover) and (pointer: fine)": {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
-            };
-            "@media (hover: hover) and (pointer: fine)": {
-                '&:hover:not(.Mui-selected)': {
-                    [x: string]: string | {
-                        color: string;
-                    };
-                    backgroundColor: string;
-                    color: string;
-                };
-            };
-            '&.Mui-focusVisible': {
-                outline: string;
-                outlineOffset: number;
-                backgroundColor: string;
-            };
-        };
-    };
-};
+export declare const MuiListItemButton: Slot<'MuiListItemButton'>;

package/dist/theme/components/list-item-icon.d.ts

@@ -1,7 +1,2 @@
-export declare const MuiListItemIcon: {
-    styleOverrides: {
-        root: {
-            minWidth: number;
-        };
-    };
-};
+import { Slot } from './slot';
+export declare const MuiListItemIcon: Slot<'MuiListItemIcon'>;

package/dist/theme/components/list-item-text.d.ts

@@ -1,22 +1,2 @@
-import { Theme } from '@mui/material/styles';
-export declare const MuiListItemText: {
-    styleOverrides: {
-        primary: ({ theme }: import('@mui/material').ListItemTextProps<"span", "p"> & Record<string, unknown> & {
-            ownerState: import('@mui/material').ListItemTextProps<"span", "p"> & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            fontSize: import("csstype").Property.FontSize<string | number> | undefined;
-            fontWeight: number;
-            lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
-        };
-        secondary: ({ theme }: import('@mui/material').ListItemTextProps<"span", "p"> & Record<string, unknown> & {
-            ownerState: import('@mui/material').ListItemTextProps<"span", "p"> & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            fontSize: import("csstype").Property.FontSize<string | number> | undefined;
-            lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
-        };
-    };
-};
+import { Slot } from './slot';
+export declare const MuiListItemText: Slot<'MuiListItemText'>;

package/dist/theme/components/list-item.d.ts

@@ -1,129 +1,2 @@
-import { Theme } from '@mui/material/styles';
-export declare const MuiListItem: {
-    styleOverrides: {
-        root: ({ theme }: import('@mui/material').ListItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "disableGutters" | "slots" | "slotProps" | "divider" | "dense" | "disablePadding" | "secondaryAction"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ListItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "disableGutters" | "slots" | "slotProps" | "divider" | "dense" | "disablePadding" | "secondaryAction"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            [x: string]: {
-                [x: string]: string | number | {
-                    color: string;
-                    backgroundColor?: undefined;
-                    '&.Mui-focusVisible'?: undefined;
-                    '@media (hover: hover) and (pointer: fine)'?: undefined;
-                    '&:hover:not(.Mui-selected)'?: undefined;
-                } | {
-                    [x: string]: string | {
-                        color: string;
-                        '&:hover'?: undefined;
-                    } | {
-                        outline: string;
-                        outlineOffset: number;
-                        backgroundColor: string;
-                        color?: undefined;
-                        '&:hover'?: undefined;
-                    } | {
-                        '&:hover': {
-                            backgroundColor: string;
-                        };
-                        color?: undefined;
-                    };
-                    backgroundColor: string;
-                    color: string;
-                    '&.Mui-focusVisible': {
-                        outline: string;
-                        outlineOffset: number;
-                        backgroundColor: string;
-                    };
-                    "@media (hover: hover) and (pointer: fine)": {
-                        '&:hover': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&:hover:not(.Mui-selected)'?: undefined;
-                } | {
-                    '&:hover:not(.Mui-selected)': {
-                        [x: string]: string | {
-                            color: string;
-                        };
-                        backgroundColor: string;
-                        color: string;
-                    };
-                    color?: undefined;
-                    backgroundColor?: undefined;
-                    '&.Mui-focusVisible'?: undefined;
-                    '@media (hover: hover) and (pointer: fine)'?: undefined;
-                } | {
-                    outline: string;
-                    outlineOffset: number;
-                    backgroundColor: string;
-                    color?: undefined;
-                    '&.Mui-focusVisible'?: undefined;
-                    '@media (hover: hover) and (pointer: fine)'?: undefined;
-                    '&:hover:not(.Mui-selected)'?: undefined;
-                };
-                alignItems: string;
-                display: string;
-                gap: string;
-                padding: string;
-                borderRadius: number;
-                whiteSpace: string;
-                color: string;
-                '&.Mui-selected': {
-                    [x: string]: string | {
-                        color: string;
-                        '&:hover'?: undefined;
-                    } | {
-                        outline: string;
-                        outlineOffset: number;
-                        backgroundColor: string;
-                        color?: undefined;
-                        '&:hover'?: undefined;
-                    } | {
-                        '&:hover': {
-                            backgroundColor: string;
-                        };
-                        color?: undefined;
-                    };
-                    backgroundColor: string;
-                    color: string;
-                    '&.Mui-focusVisible': {
-                        outline: string;
-                        outlineOffset: number;
-                        backgroundColor: string;
-                    };
-                    "@media (hover: hover) and (pointer: fine)": {
-                        '&:hover': {
-                            backgroundColor: string;
-                        };
-                    };
-                };
-                "@media (hover: hover) and (pointer: fine)": {
-                    '&:hover:not(.Mui-selected)': {
-                        [x: string]: string | {
-                            color: string;
-                        };
-                        backgroundColor: string;
-                        color: string;
-                    };
-                };
-                '&.Mui-focusVisible': {
-                    outline: string;
-                    outlineOffset: number;
-                    backgroundColor: string;
-                };
-            } | {
-                color: string;
-                fontWeight?: undefined;
-            } | {
-                fontWeight: number;
-                color?: undefined;
-            };
-        };
-    };
-};
+import { Slot } from './slot';
+export declare const MuiListItem: Slot<'MuiListItem'>;

package/dist/theme/components/list-subheader.d.ts

@@ -1,20 +1,2 @@
-import { Theme } from '@mui/material/styles';
-export declare const MuiListSubheader: {
-    styleOverrides: {
-        root: ({ theme }: import('@mui/material').ListSubheaderOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "inset" | "className" | "style" | "classes" | "children" | "sx" | "disableGutters" | "disableSticky"> & {
-            component?: React.ElementType | undefined;
-        } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ListSubheaderOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "inset" | "className" | "style" | "classes" | "children" | "sx" | "disableGutters" | "disableSticky"> & {
-                component?: React.ElementType | undefined;
-            } & Record<string, unknown>;
-        } & {
-            theme: Theme;
-        }) => {
-            backgroundColor: "transparent";
-            padding: string;
-            fontSize: import("csstype").Property.FontSize<string | number> | undefined;
-            fontWeight: number;
-            lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
-        };
-    };
-};
+import { Slot } from './slot';
+export declare const MuiListSubheader: Slot<'MuiListSubheader'>;

package/dist/theme/components/list.d.ts

@@ -1,10 +1,2 @@
-export declare const MuiList: {
-    styleOverrides: {
-        root: {
-            paddingY: number;
-            display: "flex";
-            flexDirection: "column";
-            gap: number;
-        };
-    };
-};
+import { Slot } from './slot';
+export declare const MuiList: Slot<'MuiList'>;

package/dist/theme/components/menu-item.d.ts

@@ -1,8 +1,2 @@
-export declare const MuiMenuItem: {
-    styleOverrides: {
-        root: {
-            paddingTop: number;
-            paddingBottom: number;
-        };
-    };
-};
+import { Slot } from './slot';
+export declare const MuiMenuItem: Slot<'MuiMenuItem'>;

package/dist/theme/components/menu.d.ts

@@ -1,20 +1,2 @@
-export declare const MuiMenu: {
-    styleOverrides: {
-        list: {
-            padding: number;
-            paddingTop: number;
-            paddingBottom: number;
-        };
-    };
-    defaultProps: {
-        anchorOrigin: {
-            vertical: "bottom";
-            horizontal: "center";
-        };
-        transformOrigin: {
-            vertical: "top";
-            horizontal: "center";
-        };
-        marginThreshold: number;
-    };
-};
+import { Slot } from './slot';
+export declare const MuiMenu: Slot<'MuiMenu'>;