@solostylist/ui-kit 1.0.198 → 1.0.201

package/dist/theme/components/linear-progress.js

@@ -0,0 +1,16 @@
+import { gray as r } from "../theme-primitives.js";
+const a = {
+  styleOverrides: {
+    root: ({ theme: o }) => ({
+      height: 8,
+      borderRadius: 8,
+      backgroundColor: r[200],
+      ...o.applyStyles("dark", {
+        backgroundColor: r[800]
+      })
+    })
+  }
+};
+export {
+  a as MuiLinearProgress
+};

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

@@ -0,0 +1,42 @@
+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>, "className" | "style" | "classes" | "children" | "height" | "sx" | "variant" | "width" | "p" | "color" | "minWidth" | "minHeight" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "maxHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "underline" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "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>, "className" | "style" | "classes" | "children" | "height" | "sx" | "variant" | "width" | "p" | "color" | "minWidth" | "minHeight" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "maxHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "underline" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "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: string;
+            };
+        };
+    };
+};

package/dist/theme/components/link.js

@@ -0,0 +1,38 @@
+import { brand as o } from "../theme-primitives.js";
+import { a as e } from "../../createTheme-DgoJyWM-.js";
+const n = {
+  defaultProps: {
+    underline: "none"
+  },
+  styleOverrides: {
+    root: ({ theme: t }) => ({
+      color: (t.vars ?? t).palette.text.primary,
+      fontWeight: 500,
+      position: "relative",
+      textDecoration: "none",
+      width: "fit-content",
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        width: "100%",
+        height: "1px",
+        bottom: 0,
+        left: 0,
+        backgroundColor: (t.vars ?? t).palette.text.secondary,
+        opacity: 0.3,
+        transition: "width 0.3s ease, opacity 0.3s ease"
+      },
+      "&:hover::before": {
+        width: 0
+      },
+      "&:focus-visible": {
+        outline: `3px solid ${e(o[500], 0.5)}`,
+        outlineOffset: "4px",
+        borderRadius: "2px"
+      }
+    })
+  }
+};
+export {
+  n as MuiLink
+};

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

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

package/dist/theme/components/list-item-button.js

@@ -0,0 +1,44 @@
+import { s as r } from "../../svgIconClasses-C6auqaBA.js";
+const a = (o) => ({
+  alignItems: "center",
+  display: "flex",
+  gap: 8,
+  padding: "0.5rem 1rem",
+  borderRadius: 0,
+  whiteSpace: "nowrap",
+  color: (o.vars ?? o).palette.text.secondary,
+  [`& .${r.root}`]: {
+    color: (o.vars ?? o).palette.text.secondary
+  },
+  "&.Mui-selected": {
+    backgroundColor: (o.vars ?? o).palette.action.selected,
+    color: (o.vars ?? o).palette.text.primary,
+    [`& .${r.root}`]: {
+      color: (o.vars ?? o).palette.text.primary
+    },
+    "&:focus-visible": {
+      backgroundColor: (o.vars ?? o).palette.action.selected
+    },
+    "&:hover": {
+      backgroundColor: (o.vars ?? o).palette.action.selected
+    }
+  },
+  "&:hover:not(.Mui-selected)": {
+    backgroundColor: (o.vars ?? o).palette.action.hover,
+    color: (o.vars ?? o).palette.text.primary,
+    [`& .${r.root}`]: {
+      color: (o.vars ?? o).palette.text.primary
+    }
+  },
+  "&:focus-visible": {
+    backgroundColor: "transparent"
+  }
+}), s = {
+  styleOverrides: {
+    root: ({ theme: o }) => a(o)
+  }
+};
+export {
+  s as MuiListItemButton,
+  a as listItemButtonStyles
+};

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

@@ -0,0 +1,7 @@
+export declare const MuiListItemIcon: {
+    styleOverrides: {
+        root: {
+            minWidth: number;
+        };
+    };
+};

package/dist/theme/components/list-item-icon.js

@@ -0,0 +1,10 @@
+const t = {
+  styleOverrides: {
+    root: {
+      minWidth: 0
+    }
+  }
+};
+export {
+  t as MuiListItemIcon
+};

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

@@ -0,0 +1,22 @@
+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;
+        };
+    };
+};

package/dist/theme/components/list-item-text.js

@@ -0,0 +1,16 @@
+const i = {
+  styleOverrides: {
+    primary: ({ theme: t }) => ({
+      fontSize: t.typography.body2.fontSize,
+      fontWeight: 500,
+      lineHeight: t.typography.body2.lineHeight
+    }),
+    secondary: ({ theme: t }) => ({
+      fontSize: t.typography.caption.fontSize,
+      lineHeight: t.typography.caption.lineHeight
+    })
+  }
+};
+export {
+  i as MuiListItemText
+};

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

@@ -0,0 +1,92 @@
+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>, "className" | "style" | "classes" | "children" | "sx" | "alignItems" | "dense" | "components" | "componentsProps" | "slots" | "slotProps" | "divider" | "disableGutters" | "disablePadding" | "secondaryAction" | "ContainerComponent" | "ContainerProps"> & {
+            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>, "className" | "style" | "classes" | "children" | "sx" | "alignItems" | "dense" | "components" | "componentsProps" | "slots" | "slotProps" | "divider" | "disableGutters" | "disablePadding" | "secondaryAction" | "ContainerComponent" | "ContainerProps"> & {
+                component?: React.ElementType | undefined;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            [x: string]: {
+                [x: string]: string | number | {
+                    color: string;
+                    backgroundColor?: undefined;
+                    '&:focus-visible'?: undefined;
+                    '&:hover'?: undefined;
+                } | {
+                    [x: string]: string | {
+                        color: string;
+                        backgroundColor?: undefined;
+                    } | {
+                        backgroundColor: string;
+                        color?: undefined;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    '&:focus-visible': {
+                        backgroundColor: string;
+                    };
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                } | {
+                    [x: string]: string | {
+                        color: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    '&:focus-visible'?: undefined;
+                    '&:hover'?: undefined;
+                } | {
+                    backgroundColor: string;
+                    color?: undefined;
+                    '&:focus-visible'?: undefined;
+                    '&:hover'?: undefined;
+                };
+                alignItems: string;
+                display: string;
+                gap: number;
+                padding: string;
+                borderRadius: number;
+                whiteSpace: string;
+                color: string;
+                '&.Mui-selected': {
+                    [x: string]: string | {
+                        color: string;
+                        backgroundColor?: undefined;
+                    } | {
+                        backgroundColor: string;
+                        color?: undefined;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    '&:focus-visible': {
+                        backgroundColor: string;
+                    };
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                };
+                '&:hover:not(.Mui-selected)': {
+                    [x: string]: string | {
+                        color: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                };
+                '&:focus-visible': {
+                    backgroundColor: string;
+                };
+            } | {
+                color: string;
+                fontWeight?: undefined;
+            } | {
+                fontWeight: number;
+                color?: undefined;
+            };
+        };
+    };
+};

package/dist/theme/components/list-item.js

@@ -0,0 +1,20 @@
+import { listItemButtonStyles as t } from "./list-item-button.js";
+import { b as s } from "../../buttonBaseClasses-jtnoTmPn.js";
+import { t as r } from "../../typographyClasses-jmoWZuXc.js";
+import { s as e } from "../../svgIconClasses-C6auqaBA.js";
+const p = {
+  styleOverrides: {
+    root: ({ theme: o }) => ({
+      [`& .${e.root}`]: {
+        color: (o.vars ?? o).palette.text.secondary
+      },
+      [`& .${r.root}`]: {
+        fontWeight: 500
+      },
+      [`& .${s.root}`]: t(o)
+    })
+  }
+};
+export {
+  p as MuiListItem
+};

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

@@ -0,0 +1,20 @@
+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>, "className" | "style" | "classes" | "children" | "sx" | "color" | "inset" | "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>, "className" | "style" | "classes" | "children" | "sx" | "color" | "inset" | "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;
+        };
+    };
+};

package/dist/theme/components/list-subheader.js

@@ -0,0 +1,14 @@
+const o = {
+  styleOverrides: {
+    root: ({ theme: t }) => ({
+      backgroundColor: "transparent",
+      padding: "4px 8px",
+      fontSize: t.typography.caption.fontSize,
+      fontWeight: 500,
+      lineHeight: t.typography.caption.lineHeight
+    })
+  }
+};
+export {
+  o as MuiListSubheader
+};

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

@@ -0,0 +1,10 @@
+export declare const MuiList: {
+    styleOverrides: {
+        root: {
+            paddingY: number;
+            display: "flex";
+            flexDirection: "column";
+            gap: number;
+        };
+    };
+};

package/dist/theme/components/list.js

@@ -0,0 +1,13 @@
+const e = {
+  styleOverrides: {
+    root: {
+      paddingY: 1,
+      display: "flex",
+      flexDirection: "column",
+      gap: 0
+    }
+  }
+};
+export {
+  e as MuiList
+};

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

@@ -0,0 +1,8 @@
+export declare const MuiMenuItem: {
+    styleOverrides: {
+        root: {
+            paddingTop: number;
+            paddingBottom: number;
+        };
+    };
+};

package/dist/theme/components/menu-item.js

@@ -0,0 +1,8 @@
+const o = {
+  styleOverrides: {
+    root: { paddingTop: 8, paddingBottom: 8 }
+  }
+};
+export {
+  o as MuiMenuItem
+};

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

@@ -0,0 +1,20 @@
+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;
+    };
+};

package/dist/theme/components/menu.js

@@ -0,0 +1,23 @@
+const r = {
+  styleOverrides: {
+    list: {
+      padding: 0,
+      paddingTop: 8,
+      paddingBottom: 8
+    }
+  },
+  defaultProps: {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "center"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "center"
+    },
+    marginThreshold: 0
+  }
+};
+export {
+  r as MuiMenu
+};