@solostylist/ui-kit 2.0.0 → 2.0.2

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

@@ -1,5 +1,5 @@
 import { actionHoverMedia as e, getFocusVisibleStyle as t } from "./action-styles.js";
-import { n } from "../../svgIconClasses-C8D4AsMj.js";
+import { n } from "../../svgIconClasses-1kWGzgux.js";
 //#region lib/theme/components/list-item-button.tsx
 var r = (r) => ({
 	alignItems: "center",

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

@@ -1,6 +1,6 @@
-import { t as e } from "../../buttonBaseClasses-BvBqFLb_.js";
-import { n as t } from "../../svgIconClasses-C8D4AsMj.js";
-import { n } from "../../typographyClasses-BLM3NmYd.js";
+import { t as e } from "../../buttonBaseClasses-B90LjsNK.js";
+import { n as t } from "../../svgIconClasses-1kWGzgux.js";
+import { n } from "../../typographyClasses-BH_-zLwg.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/month-calendar.js

@@ -1,7 +1,7 @@
 import { t as e } from "../../styled-Bog8QCl3.js";
-import { t } from "../../ButtonBase-DxKtpFYs.js";
+import { t } from "../../ButtonBase-DovDC6-1.js";
 import { actionHoverMedia as n, getFocusVisibleStyle as r, getSelectedActionStyle as i } from "./action-styles.js";
-import { n as a } from "../../monthCalendarClasses-BYVHyEfI.js";
+import { n as a } from "../../monthCalendarClasses-b964KRbc.js";
 var o = {
 	defaultProps: {
 		monthsPerRow: 4,

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

@@ -1,5 +1,5 @@
-import { n as e } from "../../outlinedInputClasses-DECY98u0.js";
-import { n as t } from "../../inputAdornmentClasses-D5yYK5bM.js";
+import { n as e } from "../../outlinedInputClasses-ci1zDasn.js";
+import { n as t } from "../../inputAdornmentClasses-BbB8s-Z4.js";
 //#region lib/theme/components/outlined-input.tsx
 var n = { styleOverrides: {
 	input: ({ theme: e }) => ({

package/dist/theme/components/pickers-calendar-header.js

@@ -1,6 +1,6 @@
 import { reducedMotionMedia as e } from "./action-styles.js";
-import { t } from "../../ExpandMore-Ba5bg6s-.js";
-import { n } from "../../pickersCalendarHeaderClasses-CIj0gBye.js";
+import { t } from "../../ExpandMore-sOgvEha9.js";
+import { n } from "../../pickersCalendarHeaderClasses-BAiPN_oY.js";
 //#region lib/theme/components/pickers-calendar-header.tsx
 var r = {
 	defaultProps: { slots: { switchViewIcon: t } },

package/dist/theme/components/select.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../UnfoldMoreRounded-DsN0HVDV.js";
-import { n as t } from "../../selectClasses-DoUlWfzV.js";
+import { t as e } from "../../UnfoldMoreRounded-CuCrdxoy.js";
+import { n as t } from "../../selectClasses-CPxME5jE.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/theme/components/select.tsx

package/dist/theme/components/slider.js

@@ -1,7 +1,24 @@
 import { tint as e } from "../utils.js";
 //#region lib/theme/components/slider.tsx
 var t = { styleOverrides: {
-	valueLabel: ({ theme: e }) => ({ borderRadius: (e.vars ?? e).shape.borderRadius }),
+	valueLabel: ({ theme: e }) => ({
+		...e.typography.body1,
+		backgroundColor: (e.vars ?? e).palette.background.default,
+		border: "1px solid",
+		borderColor: (e.vars ?? e).palette.divider,
+		borderRadius: (e.vars ?? e).shape.borderRadius,
+		color: (e.vars ?? e).palette.text.primary,
+		padding: e.spacing(.5, 1),
+		zIndex: e.zIndex.tooltip,
+		"&::before": {
+			backgroundColor: "inherit",
+			borderBottom: "1px solid",
+			borderBottomColor: (e.vars ?? e).palette.divider,
+			borderRight: "1px solid",
+			borderRightColor: (e.vars ?? e).palette.divider,
+			boxSizing: "border-box"
+		}
+	}),
 	thumb: ({ theme: t }) => {
 		let n = e((t.vars ?? t).palette.primary.main, 16);
 		return {

package/dist/theme/components/step-connector.d.ts

@@ -6,10 +6,7 @@ export declare const MuiStepConnector: {
         } & {
             theme: Theme;
         }) => {
-            borderTop: string;
             borderColor: string;
-            flex: number;
-            borderRadius: number;
         };
     };
 };

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

@@ -1,9 +1,4 @@
 //#region lib/theme/components/step-connector.tsx
-var e = { styleOverrides: { line: ({ theme: e }) => ({
-	borderTop: "1px solid",
-	borderColor: (e.vars ?? e).palette.divider,
-	flex: 1,
-	borderRadius: e.radius.full
-}) } };
+var e = { styleOverrides: { line: ({ theme: e }) => ({ borderColor: (e.vars ?? e).palette.divider }) } };
 //#endregion
 export { e as MuiStepConnector };

package/dist/theme/components/step-icon.d.ts

@@ -6,15 +6,6 @@ export declare const MuiStepIcon: {
         } & {
             theme: Theme;
         }) => {
-            variants: {
-                props: {
-                    completed: true;
-                };
-                style: {
-                    width: number;
-                    height: number;
-                };
-            }[];
             accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
             alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
             alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
@@ -154,7 +145,7 @@ export declare const MuiStepIcon: {
             fontLanguageOverride?: readonly string[] | import("csstype").Property.FontLanguageOverride | readonly import("csstype").Property.FontLanguageOverride[] | undefined;
             fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | readonly NonNullable<import("csstype").Property.FontOpticalSizing | undefined>[] | readonly import("csstype").Property.FontOpticalSizing[] | undefined;
             fontPalette?: readonly string[] | import("csstype").Property.FontPalette | readonly import("csstype").Property.FontPalette[] | undefined;
-            fontSize?: import("csstype").Property.FontSize<string | number> | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
+            fontSize: string | number | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[];
             fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | readonly NonNullable<import("csstype").Property.FontSizeAdjust | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "from-font")[] | undefined;
             fontSmooth?: readonly string[] | import("csstype").Property.FontSmooth<string | number> | readonly NonNullable<import("csstype").Property.FontSmooth<string | number> | undefined>[] | undefined;
             fontStyle?: readonly string[] | import("csstype").Property.FontStyle | readonly import("csstype").Property.FontStyle[] | undefined;
@@ -186,7 +177,7 @@ export declare const MuiStepIcon: {
             gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateColumns<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateRows<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             hangingPunctuation?: readonly string[] | import("csstype").Property.HangingPunctuation | readonly import("csstype").Property.HangingPunctuation[] | undefined;
-            height: string | number | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[];
+            height?: import("csstype").Property.Height<string | number> | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             hyphenateCharacter?: readonly string[] | import("csstype").Property.HyphenateCharacter | readonly import("csstype").Property.HyphenateCharacter[] | undefined;
             hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | readonly NonNullable<import("csstype").Property.HyphenateLimitChars | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             hyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens | undefined>[] | readonly import("csstype").Property.Hyphens[] | undefined;
@@ -426,7 +417,7 @@ export declare const MuiStepIcon: {
             whiteSpace?: readonly string[] | import("csstype").Property.WhiteSpace | readonly import("csstype").Property.WhiteSpace[] | undefined;
             whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | readonly NonNullable<import("csstype").Property.WhiteSpaceCollapse | undefined>[] | readonly import("csstype").Property.WhiteSpaceCollapse[] | undefined;
             widows?: import("csstype").Property.Widows | readonly NonNullable<import("csstype").Property.Widows | undefined>[] | readonly ((string & {}) | import('csstype').Globals)[] | undefined;
-            width: string | number | readonly NonNullable<import("csstype").Property.Width<string | number> | undefined>[];
+            width?: import("csstype").Property.Width<string | number> | readonly NonNullable<import("csstype").Property.Width<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             willChange?: readonly string[] | import("csstype").Property.WillChange | readonly import("csstype").Property.WillChange[] | undefined;
             wordBreak?: import("csstype").Property.WordBreak | readonly NonNullable<import("csstype").Property.WordBreak | undefined>[] | readonly import("csstype").Property.WordBreak[] | undefined;
             wordSpacing?: readonly string[] | import("csstype").Property.WordSpacing<string | number> | readonly NonNullable<import("csstype").Property.WordSpacing<string | number> | undefined>[] | undefined;

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

@@ -2,8 +2,7 @@
 var e = { styleOverrides: { root: ({ theme: e }) => ({
 	color: "transparent",
 	border: `1px solid ${(e.vars ?? e).palette.grey[400]}`,
-	width: 12,
-	height: 12,
+	fontSize: e.typography.pxToRem(24),
 	borderRadius: "50%",
 	"& text": { display: "none" },
 	"&.Mui-active": {
@@ -20,18 +19,8 @@ var e = { styleOverrides: { root: ({ theme: e }) => ({
 			border: "none",
 			color: (e.vars ?? e).palette.primary.light
 		},
-		"&.Mui-completed": {
-			border: "none",
-			color: (e.vars ?? e).palette.success.light
-		}
-	}),
-	variants: [{
-		props: { completed: !0 },
-		style: {
-			width: 12,
-			height: 12
-		}
-	}]
+		"&.Mui-completed": { border: "none" }
+	})
 }) } };
 //#endregion
 export { e as MuiStepIcon };

package/dist/theme/components/switch.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../switchClasses-eiq1bkQN.js";
+import { n as e } from "../../switchClasses-BtweO7PC.js";
 //#region lib/theme/components/switch.tsx
 var t = {
 	defaultProps: { disableRipple: !0 },

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

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

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

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

package/dist/theme/components/year-calendar.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../styled-Bog8QCl3.js";
-import { t } from "../../ButtonBase-DxKtpFYs.js";
-import { n } from "../../yearCalendarClasses-CuAQumpz.js";
+import { t } from "../../ButtonBase-DovDC6-1.js";
+import { n } from "../../yearCalendarClasses-D9k_KT38.js";
 import { actionHoverMedia as r, getFocusVisibleStyle as i, getSelectedActionStyle as a } from "./action-styles.js";
 var o = {
 	defaultProps: { slots: { yearButton: e(t, {

package/dist/theme/theme-primitives.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-DKqWMRgW.js";
-import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "../theme-primitives-Dt_DT9b5.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-Bik9qOU9.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "../theme-primitives-CXtaMdVj.js";
 export { f as blue, s as brand, b as colorSchemes, u as gray, i as green, g as interaction, e as lightBlue, c as lightBrand, d as lightGray, t as lightGreen, a as lightOrange, p as lightPurple, n as lightRed, r as orange, l as purple, v as radius, o as red, h as shadows, m as shape, _ as sxConfig, y as typography };

package/dist/{theme-demo-components-section-gtIYRngY.js → theme-demo-components-section-C7l_2KAo.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { t } from "./Add-COc9VdNg.js";
-import { t as n } from "./Favorite-B_GsElm0.js";
-import { t as r } from "./s-text-field-BM4qk0mf.js";
+import { t as e } from "./createSvgIcon-3y-gS0r1.js";
+import { t } from "./Add-CEnTWsXs.js";
+import { t as n } from "./Favorite-BP343hjM.js";
+import { t as r } from "./s-text-field-HYyDf1Jo.js";
 import { SButton as i } from "./s-button/s-button.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";

package/dist/{theme-primitives-Dt_DT9b5.js → theme-primitives-CXtaMdVj.js}

@@ -1,7 +1,7 @@
 import { o as e, t } from "./colorManipulator-DmUjcif3.js";
 import { t as n } from "./createTheme-xB2Em0Na.js";
-import { a as r, c as i, d as a, f 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 } from "./colors-DKqWMRgW.js";
-import { a as _, i as v, n as y, o as b, r as x, s as S } from "./gradients-90SYkAC0.js";
+import { a as r, c as i, d as a, f 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 } from "./colors-Bik9qOU9.js";
+import { a as _, i as v, n as y, o as b, r as x, s as S } from "./gradients-mQAYCK0_.js";
 //#region ../core/dist/interaction.js
 var C = .9, w = { gradient: {
 	themeKey: "palette.gradient",

package/dist/{toggle-button-Cxi5CfXC.js → toggle-button-BsGb-tOr.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./generateUtilityClasses-DvX505Gy.js";
-import { t } from "./buttonBaseClasses-BvBqFLb_.js";
+import { t } from "./buttonBaseClasses-B90LjsNK.js";
 import { actionHoverMedia as n, getFocusVisibleStyle as r, getSelectedActionStyle as i, isSemanticActionColor as a, reducedPressMotionStyle as o, semanticActionColors as s } from "./theme/components/action-styles.js";
 //#region ../../node_modules/@mui/material/ToggleButton/toggleButtonClasses.mjs
 var c = e("MuiToggleButton", [

package/dist/{tool-bar-action-buttons-Dt-pV3GA.js → tool-bar-action-buttons-v1koaasr.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./createSvgIcon-B0SZlJF1.js";
-import { t } from "./Download-DtvoRwpl.js";
-import { t as n } from "./InfoOutlined-VC7X46pc.js";
+import { t as e } from "./createSvgIcon-3y-gS0r1.js";
+import { t } from "./Download-D9PkFi7a.js";
+import { t as n } from "./InfoOutlined-lpvhO6P8.js";
 import r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Box as o, IconButton as s, Tooltip as c } from "@mui/material";

package/dist/{tool-bar-image-input-BXlll_hV.js → tool-bar-image-input-DtXTyEe1.js}

@@ -1,6 +1,6 @@
 import { actionHoverMedia as e, getFocusVisibleStyle as t } from "./theme/components/action-styles.js";
-import { t as n } from "./createSvgIcon-B0SZlJF1.js";
-import { t as r } from "./Close-o4HFfK0I.js";
+import { t as n } from "./createSvgIcon-3y-gS0r1.js";
+import { t as r } from "./Close-CIYOM-Sc.js";
 import { getImageInputFiles as i } from "./s-tool-bar/utils.js";
 import { SIconButton as a } from "./s-icon-button/s-icon-button.js";
 import o, { useEffect as s } from "react";

package/dist/unsupportedProp-whMV_uOi.js

@@ -0,0 +1,11 @@
+//#region ../../node_modules/@mui/utils/unsupportedProp/unsupportedProp.mjs
+function e(e, t, n, r, i) {
+	if (process.env.NODE_ENV === "production") return null;
+	let a = i || t;
+	return e[t] === void 0 ? null : /* @__PURE__ */ Error(`The prop \`${a}\` is not supported. Please remove it.`);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/unsupportedProp.mjs
+var t = e;
+//#endregion
+export { t };

package/dist/{useControlled-BeB0W_Ui.js → useControlled-DqNPBJNp.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useControlled-C4QJnpiR.js";
+import { t as e } from "./useControlled-uxVKygk1.js";
 //#region ../../node_modules/@mui/material/utils/useControlled.mjs
 var t = e;
 //#endregion

package/dist/useEventCallback-DGCsaRIu.js

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

package/dist/{useEventCallback-CVqMfiG_.js → useEventCallback-DhCPBxRG.js}

@@ -8,7 +8,4 @@ function n(n) {
 	}), t.useRef((...e) => (0, r.current)(...e)).current;
 }
 //#endregion
-//#region ../../node_modules/@mui/material/utils/useEventCallback.mjs
-var r = n;
-//#endregion
-export { n, r as t };
+export { n as t };