@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/theme/components/input-adornment.js

@@ -1,7 +1,7 @@
 //#region lib/theme/components/input-adornment.tsx
 var e = { styleOverrides: { root: ({ theme: e }) => ({
-	color: (e.vars ?? e).palette.grey[500],
-	...e.applyStyles("dark", { color: (e.vars ?? e).palette.grey[400] })
+	color: "inherit",
+	".Mui-disabled &": { color: (e.vars ?? e).palette.text.disabled }
 }) } };
 //#endregion
 export { e as MuiInputAdornment };

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

@@ -1,4 +1,4 @@
-import { s as e } from "../../theme-primitives-qhf0z_Er.js";
+import { s as e } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/linear-progress.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	height: 8,

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

@@ -4,10 +4,10 @@ export declare const MuiLink: {
         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" | "borderRadius" | "minWidth" | "minHeight" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "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"> & {
+        root: ({ theme }: import('@mui/material').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "color" | "underline" | "align" | "gutterBottom" | "noWrap" | "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" | "borderRadius" | "minWidth" | "minHeight" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "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"> & {
+            ownerState: import('@mui/material').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "color" | "underline" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "TypographyClasses"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/link.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../createTheme-hnicUJQa.js";
-import { o as t } from "../../theme-primitives-qhf0z_Er.js";
+import { i as e } from "../../createTheme-Bnw5w28O.js";
+import { o as t } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/link.tsx
 var n = {
 	defaultProps: { underline: "none" },

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

@@ -72,10 +72,10 @@ export declare const listItemButtonStyles: (theme: Theme) => {
 };
 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"> & {
+        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>, "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "alignItems" | "type" | "dense" | "disabled" | "divider" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "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"> & {
+            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>, "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "alignItems" | "type" | "dense" | "disabled" | "divider" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "selected"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../svgIconClasses-BhRa1KyZ.js";
+import { n as e } from "../../svgIconClasses-D46YUMKp.js";
 //#region lib/theme/components/list-item-button.tsx
 var t = (t) => ({
 	alignItems: "center",

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

@@ -1,10 +1,10 @@
 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"> & {
+        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" | "slots" | "slotProps" | "divider" | "disableGutters" | "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>, "className" | "style" | "classes" | "children" | "sx" | "alignItems" | "dense" | "components" | "componentsProps" | "slots" | "slotProps" | "divider" | "disableGutters" | "disablePadding" | "secondaryAction" | "ContainerComponent" | "ContainerProps"> & {
+            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" | "slots" | "slotProps" | "divider" | "disableGutters" | "disablePadding" | "secondaryAction"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

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

@@ -1,6 +1,6 @@
-import { t as e } from "../../buttonBaseClasses-D1dQFqBk.js";
-import { n as t } from "../../svgIconClasses-BhRa1KyZ.js";
-import { n } from "../../typographyClasses-CBI3nZde.js";
+import { t as e } from "../../buttonBaseClasses-BLZbMisL.js";
+import { n as t } from "../../svgIconClasses-D46YUMKp.js";
+import { n } from "../../typographyClasses-CFf0OFiD.js";
 import { listItemButtonStyles as r } from "./list-item-button.js";
 //#region lib/theme/components/list-item.tsx
 var i = { styleOverrides: { root: ({ theme: i }) => ({

package/dist/theme/components/outlined-input.d.ts

@@ -24,28 +24,36 @@ export declare const MuiOutlinedInput: {
         } & {
             theme: Theme;
         }) => {
-            [x: string]: string | number | ({
-                props: {
-                    size: "small";
-                };
-                style: {
-                    height: string;
-                    minHeight?: undefined;
-                };
-            } | {
-                props: {
-                    size: "medium";
-                };
-                style: {
-                    minHeight: string;
-                    height?: undefined;
-                };
-            })[] | {
+            [x: string]: string | number | {
                 borderColor: string;
+                minHeight?: undefined;
+                height?: undefined;
+                color?: undefined;
+                outline?: undefined;
+            } | {
+                minHeight: string;
+                borderColor?: undefined;
+                height?: undefined;
+                color?: undefined;
+                outline?: undefined;
+            } | {
+                height: string;
+                borderColor?: undefined;
+                minHeight?: undefined;
+                color?: undefined;
+                outline?: undefined;
+            } | {
+                color: string;
+                borderColor?: undefined;
+                minHeight?: undefined;
+                height?: undefined;
                 outline?: undefined;
             } | {
                 outline: string;
                 borderColor: string;
+                minHeight?: undefined;
+                height?: undefined;
+                color?: undefined;
             };
             padding: string;
             color: string;
@@ -56,23 +64,12 @@ export declare const MuiOutlinedInput: {
             '&:hover': {
                 borderColor: string;
             };
-            variants: ({
-                props: {
-                    size: "small";
-                };
-                style: {
-                    height: string;
-                    minHeight?: undefined;
-                };
-            } | {
-                props: {
-                    size: "medium";
-                };
-                style: {
-                    minHeight: string;
-                    height?: undefined;
-                };
-            })[];
+            '&:not(.MuiInputBase-sizeSmall)': {
+                minHeight: string;
+            };
+            '&.MuiInputBase-sizeSmall': {
+                height: string;
+            };
         };
         notchedOutline: {
             border: string;

package/dist/theme/components/outlined-input.js

@@ -1,8 +1,9 @@
-import { i as e } from "../../createTheme-hnicUJQa.js";
-import { o as t, s as n } from "../../theme-primitives-qhf0z_Er.js";
-import { n as r } from "../../outlinedInputClasses-ClI9bkEy.js";
+import { i as e } from "../../createTheme-Bnw5w28O.js";
+import { o as t, s as n } from "../../theme-primitives-OrQ-xFJR.js";
+import { n as r } from "../../outlinedInputClasses-Cz4pnn0X.js";
+import { n as i } from "../../inputAdornmentClasses-VKwluNTs.js";
 //#region lib/theme/components/outlined-input.tsx
-var i = { styleOverrides: {
+var a = { styleOverrides: {
 	input: ({ ownerState: e, theme: t }) => ({
 		padding: 0,
 		...e.type === "number" && {
@@ -15,27 +16,23 @@ var i = { styleOverrides: {
 		"&:-webkit-autofill": { boxShadow: `${(t.vars ?? t).palette.background.default} 0px 0px 0px 100px inset !important` },
 		"&:-moz-autofill": { boxShadow: `${(t.vars ?? t).palette.background.default} 0px 0px 0px 100px inset !important` }
 	}),
-	root: ({ theme: i }) => ({
-		padding: i.spacing(1, 1.5),
-		color: (i.vars ?? i).palette.text.primary,
-		borderRadius: (i.vars ?? i).shape.borderRadius,
-		border: `1px solid ${(i.vars ?? i).palette.divider}`,
-		backgroundColor: (i.vars ?? i).palette.background.default,
+	root: ({ theme: a }) => ({
+		padding: a.spacing(1, 1.5),
+		color: (a.vars ?? a).palette.text.primary,
+		borderRadius: (a.vars ?? a).shape.borderRadius,
+		border: `1px solid ${(a.vars ?? a).palette.divider}`,
+		backgroundColor: (a.vars ?? a).palette.background.default,
 		transition: "border 120ms ease-in",
 		"&:hover": { borderColor: n[500] },
+		"&:not(.MuiInputBase-sizeSmall)": { minHeight: a.spacing(5) },
+		"&.MuiInputBase-sizeSmall": { height: a.spacing(4.5) },
+		[`&:has(input:placeholder-shown) .${i.root}`]: { color: (a.vars ?? a).palette.text.secondary },
 		[`&.${r.focused}`]: {
 			outline: `3px solid ${e(t[500], .5)}`,
 			borderColor: t[400]
-		},
-		variants: [{
-			props: { size: "small" },
-			style: { height: i.spacing(4.5) }
-		}, {
-			props: { size: "medium" },
-			style: { minHeight: i.spacing(5) }
-		}]
+		}
 	}),
 	notchedOutline: { border: "none" }
 } };
 //#endregion
-export { i as MuiOutlinedInput };
+export { a as MuiOutlinedInput };

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

@@ -1,10 +1,10 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiPaginationItem: {
     styleOverrides: {
-        root: ({ theme }: import('@mui/material').PaginationItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "variant" | "color" | "page" | "type" | "size" | "disabled" | "components" | "slots" | "slotProps" | "shape" | "selected"> & {
+        root: ({ theme }: import('@mui/material').PaginationItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "variant" | "color" | "page" | "type" | "size" | "disabled" | "slots" | "slotProps" | "shape" | "nativeButton" | "selected"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').PaginationItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "variant" | "color" | "page" | "type" | "size" | "disabled" | "components" | "slots" | "slotProps" | "shape" | "selected"> & {
+            ownerState: import('@mui/material').PaginationItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "variant" | "color" | "page" | "type" | "size" | "disabled" | "slots" | "slotProps" | "shape" | "nativeButton" | "selected"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

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

@@ -1,7 +1,27 @@
+import { Theme } from '@mui/material/styles';
 import { SvgIconProps } from '@mui/material/SvgIcon';
 import * as React from 'react';
 export declare const MuiSelect: {
     defaultProps: {
         IconComponent: React.ForwardRefExoticComponent<Omit<SvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     };
+    styleOverrides: {
+        icon: ({ theme }: (import('@mui/material').SelectProps & Record<string, unknown> & {
+            ownerState: import('@mui/material').SelectProps & Record<string, unknown>;
+        }) & {
+            theme: Theme;
+        } & Record<string, unknown>) => {
+            color: "inherit";
+            right: string;
+        };
+        root: ({ theme }: (import('@mui/material').SelectProps & Record<string, unknown> & {
+            ownerState: import('@mui/material').SelectProps & Record<string, unknown>;
+        }) & {
+            theme: Theme;
+        } & Record<string, unknown>) => {
+            [x: string]: {
+                color: string;
+            };
+        };
+    };
 };

package/dist/theme/components/select.js

@@ -1,2 +1,21 @@
-import { t as e } from "../../select-BT9USOXL.js";
-export { e as MuiSelect };
+import { t as e } from "../../UnfoldMoreRounded-pz7NMMy3.js";
+import { n as t } from "../../selectClasses-DvT1febA.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/theme/components/select.tsx
+var i = {
+	defaultProps: { IconComponent: n.forwardRef((t, n) => /* @__PURE__ */ r(e, {
+		fontSize: "small",
+		...t,
+		ref: n
+	})) },
+	styleOverrides: {
+		icon: ({ theme: e }) => ({
+			color: "inherit",
+			right: e.spacing(1)
+		}),
+		root: ({ theme: e }) => ({ [`&:has(.${t.select} > span) .${t.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
+	}
+};
+//#endregion
+export { i as MuiSelect };

package/dist/theme/components/step-icon.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../theme-primitives-qhf0z_Er.js";
+import { s as e } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/step-icon.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	color: "transparent",

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

@@ -1,10 +1,10 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiTab: {
     styleOverrides: {
-        root: ({ theme }: import('@mui/material').TabOwnProps & 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" | "label" | "tabIndex" | "icon" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "iconPosition" | "wrapped"> & {
+        root: ({ theme }: import('@mui/material').TabOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').TabOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "type" | "icon" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "iconPosition" | "wrapped"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').TabOwnProps & 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" | "label" | "tabIndex" | "icon" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "iconPosition" | "wrapped"> & {
+            ownerState: import('@mui/material').TabOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').TabOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "type" | "icon" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "iconPosition" | "wrapped"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/tab.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../tabClasses-Duc8s_po.js";
+import { n as e } from "../../tabClasses-KqPlYv0c.js";
 //#region lib/theme/components/tab.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	textTransform: "none",

package/dist/theme/components/table-pagination.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../iconButtonClasses-UNZ6hKTU.js";
+import { n as e } from "../../iconButtonClasses-9jjSQ9-U.js";
 //#region lib/theme/components/table-pagination.tsx
 var t = { styleOverrides: { actions: {
 	display: "flex",

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

@@ -1,10 +1,10 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiTabs: {
     styleOverrides: {
-        root: ({ theme, ownerState }: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+        root: ({ theme, ownerState }: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+            ownerState: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {
@@ -20,10 +20,10 @@ export declare const MuiTabs: {
             minHeight: string;
             border: number;
         };
-        indicator: ({ theme }: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+        indicator: ({ theme }: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+            ownerState: import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/toggle-button-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-group-C_qpJa3z.js";
+import { t as e } from "../../toggle-button-group-l4hL1DLP.js";
 export { e as MuiToggleButtonGroup };

package/dist/theme/components/toggle-button.d.ts

@@ -1,10 +1,10 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiToggleButton: {
     styleOverrides: {
-        root: ({ theme }: import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "color" | "onChange" | "onClick" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & {
+        root: ({ theme }: import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').ToggleButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "color" | "onChange" | "onClick" | "type" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "color" | "onChange" | "onClick" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & {
+            ownerState: import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').ToggleButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "color" | "onChange" | "onClick" | "type" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/toggle-button.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-sCvdUHdS.js";
+import { t as e } from "../../toggle-button-BgpxYWVw.js";
 export { e as MuiToggleButton };

package/dist/theme/components/tooltip.js

@@ -6,6 +6,7 @@ var e = {
 	},
 	styleOverrides: {
 		tooltip: ({ theme: e }) => ({
+			...e.typography.body1,
 			backgroundColor: (e.vars ?? e).palette.background.default,
 			border: "1px solid",
 			borderColor: (e.vars ?? e).palette.divider,

package/dist/theme/theme-primitives.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../theme-primitives-qhf0z_Er.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../theme-primitives-OrQ-xFJR.js";
 export { t as blue, d as brand, h as colorSchemes, m as gray, n as green, c as lightBlue, g as lightBrand, r as lightGray, i as lightGreen, f as lightOrange, l as lightPurple, o as lightRed, a as orange, e as purple, _ as red, u as shadows, p as shape, s as typography };

package/dist/{theme-primitives-qhf0z_Er.js → theme-primitives-OrQ-xFJR.js}

@@ -1,4 +1,4 @@
-import { i as e, t } from "./createTheme-hnicUJQa.js";
+import { i as e, t } from "./createTheme-Bnw5w28O.js";
 //#region ../core/dist/colors.js
 var n = {
 	50: "hsl(210, 100%, 95%)",
@@ -34,15 +34,15 @@ var n = {
 	800: "hsl(220, 30%, 6%)",
 	900: "hsl(220, 35%, 3%)"
 }, a = {
-	50: "hsl(210, 20%, 98%)",
-	100: "hsl(210, 15%, 95%)",
-	200: "hsl(210, 12%, 89%)",
-	300: "hsl(210, 10%, 78%)",
-	400: "hsl(210, 9%, 65%)",
-	500: "hsl(210, 8%, 50%)",
-	600: "hsl(210, 12%, 42%)",
-	700: "hsl(210, 18%, 35%)",
-	800: "hsl(210, 24%, 28%)",
+	50: "hsl(210, 20%, 99.8%)",
+	100: "hsl(210, 15%, 99.2%)",
+	200: "hsl(210, 12%, 97%)",
+	300: "hsl(210, 10%, 91%)",
+	400: "hsl(210, 9%, 80%)",
+	500: "hsl(210, 8%, 68%)",
+	600: "hsl(210, 12%, 38%)",
+	700: "hsl(210, 18%, 32%)",
+	800: "hsl(210, 24%, 26%)",
 	900: "hsl(210, 30%, 22%)"
 }, o = {
 	50: "hsl(120, 80%, 98%)",
@@ -338,38 +338,38 @@ var n = {
 }, T = {
 	fontFamily: "Outfit, sans-serif",
 	h1: {
-		fontSize: S.typography.pxToRem(48),
+		fontSize: S.typography.pxToRem(36),
 		fontWeight: 600,
 		lineHeight: 1.2,
 		letterSpacing: -.5
 	},
 	h2: {
-		fontSize: S.typography.pxToRem(36),
+		fontSize: S.typography.pxToRem(30),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h3: {
-		fontSize: S.typography.pxToRem(30),
+		fontSize: S.typography.pxToRem(24),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h4: {
-		fontSize: S.typography.pxToRem(24),
+		fontSize: S.typography.pxToRem(20),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h5: {
-		fontSize: S.typography.pxToRem(20),
+		fontSize: S.typography.pxToRem(18),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h6: {
-		fontSize: S.typography.pxToRem(18),
+		fontSize: S.typography.pxToRem(16),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	subtitle1: {
-		fontSize: S.typography.pxToRem(18),
+		fontSize: S.typography.pxToRem(16),
 		fontWeight: 500
 	},
 	subtitle2: {
@@ -377,7 +377,7 @@ var n = {
 		fontWeight: 500
 	},
 	body1: {
-		fontSize: S.typography.pxToRem(14),
+		fontSize: S.typography.pxToRem(16),
 		fontWeight: 400
 	},
 	body2: {
@@ -385,7 +385,7 @@ var n = {
 		fontWeight: 400
 	},
 	caption: {
-		fontSize: S.typography.pxToRem(12),
+		fontSize: S.typography.pxToRem(14),
 		fontWeight: 400,
 		color: "var(--s-palette-text-secondary)"
 	}

package/dist/{toggle-button-sCvdUHdS.js → toggle-button-BgpxYWVw.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./generateUtilityClasses-CX1nR7K3.js";
-import { o as t, s as n } from "./theme-primitives-qhf0z_Er.js";
-//#region ../../node_modules/@mui/material/esm/ToggleButton/toggleButtonClasses.js
+import { t as e } from "./generateUtilityClasses-XrPHiTcM.js";
+import { o as t, s as n } from "./theme-primitives-OrQ-xFJR.js";
+//#region ../../node_modules/@mui/material/ToggleButton/toggleButtonClasses.mjs
 var r = e("MuiToggleButton", [
 	"root",
 	"disabled",

package/dist/{toggle-button-group-C_qpJa3z.js → toggle-button-group-l4hL1DLP.js}

@@ -1,7 +1,7 @@
-import { i as e } from "./createTheme-hnicUJQa.js";
-import { t } from "./generateUtilityClasses-CX1nR7K3.js";
-import { o as n, s as r } from "./theme-primitives-qhf0z_Er.js";
-//#region ../../node_modules/@mui/material/esm/ToggleButtonGroup/toggleButtonGroupClasses.js
+import { i as e } from "./createTheme-Bnw5w28O.js";
+import { t } from "./generateUtilityClasses-XrPHiTcM.js";
+import { o as n, s as r } from "./theme-primitives-OrQ-xFJR.js";
+//#region ../../node_modules/@mui/material/ToggleButtonGroup/toggleButtonGroupClasses.mjs
 var i = t("MuiToggleButtonGroup", [
 	"root",
 	"selected",
@@ -9,8 +9,6 @@ var i = t("MuiToggleButtonGroup", [
 	"vertical",
 	"disabled",
 	"grouped",
-	"groupedHorizontal",
-	"groupedVertical",
 	"fullWidth",
 	"firstButton",
 	"lastButton",

package/dist/{typographyClasses-CBI3nZde.js → typographyClasses-CFf0OFiD.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./generateUtilityClass-D4Rn9MbW.js";
-import { t } from "./generateUtilityClasses-CX1nR7K3.js";
-//#region ../../node_modules/@mui/material/esm/Typography/typographyClasses.js
+import { t as e } from "./generateUtilityClass-tRYNDrlH.js";
+import { t } from "./generateUtilityClasses-XrPHiTcM.js";
+//#region ../../node_modules/@mui/material/Typography/typographyClasses.mjs
 function n(t) {
 	return e("MuiTypography", t);
 }
@@ -25,8 +25,7 @@ var r = t("MuiTypography", [
 	"alignCenter",
 	"alignJustify",
 	"noWrap",
-	"gutterBottom",
-	"paragraph"
+	"gutterBottom"
 ]);
 //#endregion
 export { r as n, n as t };

package/dist/{useControlled-BQ6-yabk.js → useControlled-2-C6cXjG.js}

@@ -1,5 +1,5 @@
 import * as e from "react";
-//#region ../../node_modules/@mui/utils/esm/useControlled/useControlled.js
+//#region ../../node_modules/@mui/utils/useControlled/useControlled.mjs
 function t(t) {
 	let { controlled: n, default: r, name: i, state: a = "value" } = t, { current: o } = e.useRef(n !== void 0), [s, c] = e.useState(r), l = o ? n : s;
 	if (process.env.NODE_ENV !== "production") {
@@ -26,7 +26,4 @@ function t(t) {
 	}, [])];
 }
 //#endregion
-//#region ../../node_modules/@mui/material/esm/utils/useControlled.js
-var n = t;
-//#endregion
-export { t as n, n as t };
+export { t };

package/dist/useControlled-DXKqhylj.js

@@ -0,0 +1,5 @@
+import { t as e } from "./useControlled-2-C6cXjG.js";
+//#region ../../node_modules/@mui/material/utils/useControlled.mjs
+var t = e;
+//#endregion
+export { t };