@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/{esm-BYRX9r8n.js → styled-engine-DOxAQ3qw.js}

@@ -1,6 +1,6 @@
 import e from "@emotion/styled";
 import { ThemeContext as t, css as n, keyframes as r } from "@emotion/react";
-//#region ../../node_modules/@mui/material/esm/styles/identifier.js
+//#region ../../node_modules/@mui/material/styles/identifier.mjs
 var i = "$$material";
 //#endregion
 //#region ../../node_modules/@emotion/hash/dist/emotion-hash.esm.js
@@ -171,7 +171,7 @@ function b(e, t, n) {
 	};
 }
 //#endregion
-//#region ../../node_modules/@mui/styled-engine/esm/index.js
+//#region ../../node_modules/@mui/styled-engine/index.mjs
 function x(t, n) {
 	let r = e(t, n);
 	return process.env.NODE_ENV === "production" ? r : (...e) => {

package/dist/{svgIconClasses-BhRa1KyZ.js → svgIconClasses-D46YUMKp.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/SvgIcon/svgIconClasses.js
+import { t as e } from "./generateUtilityClass-tRYNDrlH.js";
+import { t } from "./generateUtilityClasses-XrPHiTcM.js";
+//#region ../../node_modules/@mui/material/SvgIcon/svgIconClasses.mjs
 function n(t) {
 	return e("MuiSvgIcon", t);
 }

package/dist/{tabClasses-Duc8s_po.js → tabClasses-KqPlYv0c.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/Tab/tabClasses.js
+import { t as e } from "./generateUtilityClass-tRYNDrlH.js";
+import { t } from "./generateUtilityClasses-XrPHiTcM.js";
+//#region ../../node_modules/@mui/material/Tab/tabClasses.mjs
 function n(t) {
 	return e("MuiTab", t);
 }
@@ -14,7 +14,6 @@ var r = t("MuiTab", [
 	"disabled",
 	"fullWidth",
 	"wrapped",
-	"iconWrapper",
 	"icon"
 ]);
 //#endregion

package/dist/theme/components/accordion-summary.d.ts

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

package/dist/theme/components/accordion-summary.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/accordion-summary.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	border: "none",

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

@@ -1,10 +1,10 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiAccordion: {
     styleOverrides: {
-        root: ({ theme, ownerState }: import('@mui/material').AccordionOwnProps & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "onChange" | "expanded" | "square" | "disabled" | "slots" | "slotProps" | "TransitionComponent" | "elevation" | "defaultExpanded" | "disableGutters" | "TransitionProps"> & {
+        root: ({ theme, ownerState }: import('@mui/material').AccordionOwnProps & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "onChange" | "expanded" | "square" | "disabled" | "slots" | "slotProps" | "elevation" | "defaultExpanded" | "disableGutters"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').AccordionOwnProps & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "onChange" | "expanded" | "square" | "disabled" | "slots" | "slotProps" | "TransitionComponent" | "elevation" | "defaultExpanded" | "disableGutters" | "TransitionProps"> & {
+            ownerState: import('@mui/material').AccordionOwnProps & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "onChange" | "expanded" | "square" | "disabled" | "slots" | "slotProps" | "elevation" | "defaultExpanded" | "disableGutters"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/alert.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, f as n, g as r, h as i, l as a, p as o, v as s } from "../../theme-primitives-qhf0z_Er.js";
+import { a as e, c as t, f as n, g as r, h as i, l as a, p as o, v as s } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/alert.tsx
 var c = (e, t, n) => ({
 	color: e[50],

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

@@ -1,5 +1,14 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiAutocomplete: {
+    defaultProps: {
+        popupIcon: import("react/jsx-runtime").JSX.Element;
+        slotProps: {
+            clearIndicator: {
+                edge: "end";
+                size: "small";
+            };
+        };
+    };
     styleOverrides: {
         paper: ({ theme }: import('@mui/material').AutocompleteProps<any, any, any, any, "div"> & Record<string, unknown> & {
             ownerState: import('@mui/material').AutocompleteProps<any, any, any, any, "div"> & Record<string, unknown>;
@@ -11,18 +20,56 @@ export declare const MuiAutocomplete: {
             borderColor: string;
         };
         popupIndicator: {
+            pointerEvents: "none";
             background: string;
             '&:hover': {
                 background: string;
             };
         };
-        clearIndicator: {
-            background: string;
-            '&:hover': {
-                background: string;
+        popupIndicatorOpen: {
+            transform: "none";
+        };
+        endAdornment: ({ theme }: import('@mui/material').AutocompleteProps<any, any, any, any, "div"> & Record<string, unknown> & {
+            ownerState: import('@mui/material').AutocompleteProps<any, any, any, any, "div"> & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            display: "flex";
+            alignItems: "center";
+            right: string;
+            color: "inherit";
+            '.MuiAutocomplete-inputRoot:has(input:placeholder-shown) &': {
+                color: string;
+            };
+            '.Mui-disabled &': {
+                color: string;
             };
         };
-        inputRoot: {
+        inputRoot: ({ theme }: import('@mui/material').AutocompleteProps<any, any, any, any, "div"> & Record<string, unknown> & {
+            ownerState: import('@mui/material').AutocompleteProps<any, any, any, any, "div"> & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            [x: string]: {
+                padding: string;
+                right?: undefined;
+                paddingRight?: undefined;
+            } | {
+                right: string;
+                padding?: undefined;
+                paddingRight?: undefined;
+            } | {
+                paddingRight: string;
+                padding?: undefined;
+                right?: undefined;
+            } | {
+                padding: number;
+                right?: undefined;
+                paddingRight?: undefined;
+            };
+            '&.MuiOutlinedInput-root': {
+                padding: string;
+            };
             '& .MuiAutocomplete-input': {
                 padding: number;
             };

package/dist/theme/components/autocomplete.js

@@ -1,19 +1,2 @@
-//#region lib/theme/components/autocomplete.tsx
-var e = { styleOverrides: {
-	paper: ({ theme: e }) => ({
-		marginTop: 2,
-		border: "1px solid",
-		borderColor: (e.vars ?? e).palette.divider
-	}),
-	popupIndicator: {
-		background: "none",
-		"&:hover": { background: "none" }
-	},
-	clearIndicator: {
-		background: "none",
-		"&:hover": { background: "none" }
-	},
-	inputRoot: { "& .MuiAutocomplete-input": { padding: 0 } }
-} };
-//#endregion
+import { t as e } from "../../autocomplete-qLj7AqcP.js";
 export { e as MuiAutocomplete };

package/dist/theme/components/avatar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../avatar-CKEYVp9W.js";
+import { t as e } from "../../avatar-BQf6phmU.js";
 export { e as MuiAvatar };

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

@@ -4,10 +4,10 @@ export declare const MuiButton: {
         variant: "contained";
     };
     styleOverrides: {
-        root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & 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" | "variant" | "tabIndex" | "color" | "loading" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
+        root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').ButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "loading" | "type" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & 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" | "variant" | "tabIndex" | "color" | "loading" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').ButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "loading" | "type" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/button.js

@@ -1,6 +1,24 @@
-import { _ as e, a as t, c as n, f as r, g as i, h as a, l as o, m as s, o as c, p as l, u, v as d } from "../../theme-primitives-qhf0z_Er.js";
+import { _ as e, a as t, c as n, f as r, g as i, h as a, l as o, m as s, o as c, p as l, u, v as d } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/button.tsx
-var f = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, p = (e, t, n) => e === "text" || e === "outlined" ? n : t, m = (e, t, n, r) => ({
+var f = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, p = (e, t, n) => e === "text" || e === "outlined" ? n : t, m = (e, t) => {
+	let n = (e.vars ?? e).palette;
+	return t === "outlined" ? {
+		backgroundColor: "transparent",
+		color: n.action.disabled,
+		borderColor: n.action.disabled,
+		opacity: 1
+	} : t === "text" ? {
+		backgroundColor: "transparent",
+		color: n.action.disabled,
+		borderColor: "transparent",
+		opacity: 1
+	} : {
+		backgroundColor: n.action.disabledBackground,
+		color: n.action.disabled,
+		borderColor: "transparent",
+		opacity: 1
+	};
+}, h = (e, t, n, r) => ({
 	backgroundColor: f(t.variant, n[700]),
 	color: p(t.variant, n[50], n[500]),
 	borderColor: t.variant === "outlined" ? n[300] : "transparent",
@@ -10,12 +28,7 @@ var f = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, p = (e,
 		borderColor: t.variant === "outlined" ? n[400] : "transparent"
 	},
 	"&:active": { filter: "brightness(1.1)" },
-	"&.Mui-disabled": {
-		backgroundColor: f(t.variant, n[700]),
-		color: n[50],
-		borderColor: t.variant === "outlined" ? n[900] : "transparent",
-		opacity: .5
-	},
+	"&.Mui-disabled": { ...m(e, t.variant) },
 	"&.MuiButton-loading": {
 		color: p(t.variant, n[50], n[500]),
 		"& .MuiButton-loadingIndicator": { color: p(t.variant, n[50], n[500]) }
@@ -30,18 +43,13 @@ var f = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, p = (e,
 			borderColor: t.variant === "outlined" ? r[900] : "transparent"
 		},
 		"&:active": { filter: "brightness(1.1)" },
-		"&.Mui-disabled": {
-			backgroundColor: f(t.variant, r[800]),
-			color: r[100],
-			borderColor: t.variant === "outlined" ? r[900] : "transparent",
-			opacity: .5
-		},
+		"&.Mui-disabled": { ...m(e, t.variant) },
 		"&.MuiButton-loading": {
 			color: p(t.variant, r[100], r[500]),
 			"& .MuiButton-loadingIndicator": { color: p(t.variant, r[100], r[500]) }
 		}
 	})
-}), h = {
+}), g = {
 	defaultProps: { variant: "contained" },
 	styleOverrides: { root: ({ theme: f, ownerState: p }) => ({
 		boxShadow: "none",
@@ -63,30 +71,30 @@ var f = (e, t) => e === "text" || e === "outlined" ? "transparent" : t, p = (e,
 			},
 			{
 				props: { color: "primary" },
-				style: { ...m(f, p, u, c) }
+				style: { ...h(f, p, u, c) }
 			},
 			{
 				props: { color: "secondary" },
-				style: { ...m(f, p, s, e) }
+				style: { ...h(f, p, s, e) }
 			},
 			{
 				props: { color: "success" },
-				style: { ...m(f, p, r, n) }
+				style: { ...h(f, p, r, n) }
 			},
 			{
 				props: { color: "error" },
-				style: { ...m(f, p, a, d) }
+				style: { ...h(f, p, a, d) }
 			},
 			{
 				props: { color: "info" },
-				style: { ...m(f, p, o, t) }
+				style: { ...h(f, p, o, t) }
 			},
 			{
 				props: { color: "warning" },
-				style: { ...m(f, p, l, i) }
+				style: { ...h(f, p, l, i) }
 			}
 		]
 	}) }
 };
 //#endregion
-export { h as MuiButton };
+export { g as MuiButton };

package/dist/theme/components/card.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../createTheme-hnicUJQa.js";
-import { d as t, s as n } from "../../theme-primitives-qhf0z_Er.js";
+import { i as e } from "../../createTheme-Bnw5w28O.js";
+import { d as t, s as n } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/card.tsx
 var r = { styleOverrides: { root: ({ theme: r }) => ({
 	gap: 16,

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

@@ -12,6 +12,7 @@ export declare const MuiCheckbox: {
         } & {
             theme: Theme;
         }) => {
+            [x: string]: unknown;
             accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
             alignContent?: import("csstype").Property.AlignContent | readonly string[] | readonly import("csstype").Property.AlignContent[] | undefined;
             alignItems?: import("csstype").Property.AlignItems | readonly string[] | readonly import("csstype").Property.AlignItems[] | undefined;

package/dist/theme/components/checkbox.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../checkbox-CMvDozaV.js";
+import { t as e } from "../../checkbox-DMsuLF8N.js";
 export { e as MuiCheckbox };

package/dist/theme/components/chip.js

@@ -1,5 +1,5 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, l as s, m as c, o as l, p as u, s as d, u as f, v as p } from "../../theme-primitives-qhf0z_Er.js";
-import { t as m } from "../../Close-CSIi_IPN.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, l as s, m as c, o as l, p as u, s as d, u as f, v as p } from "../../theme-primitives-OrQ-xFJR.js";
+import { t as m } from "../../Close-oXeOGTZb.js";
 import { jsx as h } from "react/jsx-runtime";
 import { chipClasses as g } from "@mui/material";
 //#region lib/theme/components/chip.tsx
@@ -37,128 +37,126 @@ var _ = (e, t, n) => ({
 		size: "small",
 		deleteIcon: /* @__PURE__ */ h(m, {})
 	},
-	styleOverrides: {
-		root: ({ theme: m }) => ({
-			border: "1px solid",
-			borderRadius: "999px",
-			[`& .${g.label}`]: { fontWeight: 500 },
-			variants: [
-				{
-					props: {
-						color: "default",
-						variant: "filled"
-					},
-					style: { ..._(m, r, d) }
-				},
-				{
-					props: {
-						color: "primary",
-						variant: "filled"
-					},
-					style: { ..._(m, f, l) }
-				},
-				{
-					props: {
-						color: "secondary",
-						variant: "filled"
-					},
-					style: { ..._(m, c, e) }
-				},
-				{
-					props: {
-						color: "success",
-						variant: "filled"
-					},
-					style: { ..._(m, i, n) }
-				},
-				{
-					props: {
-						color: "error",
-						variant: "filled"
-					},
-					style: { ..._(m, o, p) }
-				},
-				{
-					props: {
-						color: "warning",
-						variant: "filled"
-					},
-					style: { ..._(m, u, a) }
-				},
-				{
-					props: {
-						color: "info",
-						variant: "filled"
-					},
-					style: { ..._(m, s, t) }
-				},
-				{
-					props: {
-						color: "premium",
-						variant: "filled"
-					},
-					style: { border: "none" }
-				},
-				{
-					props: {
-						color: "default",
-						variant: "outlined"
-					},
-					style: { ...v(m, r, d) }
-				},
-				{
-					props: {
-						color: "primary",
-						variant: "outlined"
-					},
-					style: { ...v(m, f, l) }
-				},
-				{
-					props: {
-						color: "secondary",
-						variant: "outlined"
-					},
-					style: { ...v(m, c, e) }
-				},
-				{
-					props: {
-						color: "success",
-						variant: "outlined"
-					},
-					style: { ...v(m, i, n) }
-				},
-				{
-					props: {
-						color: "error",
-						variant: "outlined"
-					},
-					style: { ...v(m, o, p) }
-				},
-				{
-					props: {
-						color: "warning",
-						variant: "outlined"
-					},
-					style: { ...v(m, u, a) }
-				},
-				{
-					props: {
-						color: "info",
-						variant: "outlined"
-					},
-					style: { ...v(m, s, t) }
-				},
-				{
-					props: {
-						color: "premium",
-						variant: "outlined"
-					},
-					style: { backgroundColor: "transparent" }
-				}
-			]
-		}),
-		labelSmall: { paddingInline: 12 }
-	}
+	styleOverrides: { root: ({ theme: m }) => ({
+		border: "1px solid",
+		borderRadius: "999px",
+		[`& .${g.label}`]: { fontWeight: 500 },
+		[`&.${g.sizeSmall} .${g.label}`]: { paddingInline: 12 },
+		variants: [
+			{
+				props: {
+					color: "default",
+					variant: "filled"
+				},
+				style: { ..._(m, r, d) }
+			},
+			{
+				props: {
+					color: "primary",
+					variant: "filled"
+				},
+				style: { ..._(m, f, l) }
+			},
+			{
+				props: {
+					color: "secondary",
+					variant: "filled"
+				},
+				style: { ..._(m, c, e) }
+			},
+			{
+				props: {
+					color: "success",
+					variant: "filled"
+				},
+				style: { ..._(m, i, n) }
+			},
+			{
+				props: {
+					color: "error",
+					variant: "filled"
+				},
+				style: { ..._(m, o, p) }
+			},
+			{
+				props: {
+					color: "warning",
+					variant: "filled"
+				},
+				style: { ..._(m, u, a) }
+			},
+			{
+				props: {
+					color: "info",
+					variant: "filled"
+				},
+				style: { ..._(m, s, t) }
+			},
+			{
+				props: {
+					color: "premium",
+					variant: "filled"
+				},
+				style: { border: "none" }
+			},
+			{
+				props: {
+					color: "default",
+					variant: "outlined"
+				},
+				style: { ...v(m, r, d) }
+			},
+			{
+				props: {
+					color: "primary",
+					variant: "outlined"
+				},
+				style: { ...v(m, f, l) }
+			},
+			{
+				props: {
+					color: "secondary",
+					variant: "outlined"
+				},
+				style: { ...v(m, c, e) }
+			},
+			{
+				props: {
+					color: "success",
+					variant: "outlined"
+				},
+				style: { ...v(m, i, n) }
+			},
+			{
+				props: {
+					color: "error",
+					variant: "outlined"
+				},
+				style: { ...v(m, o, p) }
+			},
+			{
+				props: {
+					color: "warning",
+					variant: "outlined"
+				},
+				style: { ...v(m, u, a) }
+			},
+			{
+				props: {
+					color: "info",
+					variant: "outlined"
+				},
+				style: { ...v(m, s, t) }
+			},
+			{
+				props: {
+					color: "premium",
+					variant: "outlined"
+				},
+				style: { backgroundColor: "transparent" }
+			}
+		]
+	}) }
 };
 //#endregion
 export { y as MuiChip };