@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-text-field/index.js

@@ -1,2 +1,2 @@
-import { STextField as e } from "./s-text-field.js";
+import { t as e } from "../s-text-field-HYyDf1Jo.js";
 export { e as STextField, e as default };

package/dist/s-text-field/s-text-field.js

@@ -1,52 +1,2 @@
-import { staticFieldLabelStyles as e } from "../theme/components/field-label-styles.js";
-import { forwardRef as t, useState as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { inputLabelClasses as i } from "@mui/material/InputLabel";
-import { Visibility as a, VisibilityOff as o } from "@mui/icons-material";
-import { IconButton as s, InputAdornment as c, TextField as l, styled as u, useThemeProps as d } from "@mui/material";
-import { mergeSlotProps as f } from "@mui/material/utils";
-import { inputBaseClasses as p } from "@mui/material/InputBase";
-//#region lib/s-text-field/s-text-field.tsx
-var m = u(l, {
-	name: "STextField",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({
-	...e,
-	[`& .${i.root}[data-shrink='false'] + .${p.formControl} .${p.input}`]: { "&::placeholder": { opacity: "1 !important" } }
-}), h = t((e, t) => {
-	let i = d({
-		props: e,
-		name: "STextField"
-	}), { fullWidth: l = !0, type: u = "text", slotProps: p, togglePasswordText: h = "toggle password visibility", ...g } = i, [_, v] = n(!1), y = u === "password", b = {
-		...i,
-		fullWidth: l,
-		password: y,
-		passwordVisible: _
-	}, x = () => {
-		v((e) => !e);
-	}, S = y && _ ? "text" : u, C = y ? /* @__PURE__ */ r(c, {
-		position: "end",
-		children: /* @__PURE__ */ r(s, {
-			"aria-label": h,
-			onClick: x,
-			edge: "end",
-			size: "small",
-			children: r(_ ? o : a, {})
-		})
-	}) : void 0;
-	return /* @__PURE__ */ r(m, {
-		...g,
-		fullWidth: l,
-		ownerState: b,
-		ref: t,
-		type: S,
-		slotProps: {
-			...p,
-			input: y ? f(p?.input, { endAdornment: C }) : p?.input
-		}
-	});
-});
-h.displayName = "STextField";
-//#endregion
-export { h as STextField, h as default };
+import { t as e } from "../s-text-field-HYyDf1Jo.js";
+export { e as STextField, e as default };

package/dist/s-text-field-HYyDf1Jo.js

@@ -0,0 +1,51 @@
+import { t as e } from "./createSvgIcon-3y-gS0r1.js";
+import { t } from "./mergeSlotProps-DC8r4QzS.js";
+import { n } from "./inputBaseClasses-Ce_jjdp9.js";
+import { a as r, t as i } from "./field-label-styles-4praXMaE.js";
+import { forwardRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { IconButton as c, InputAdornment as l, TextField as u, styled as d, useThemeProps as f } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/Visibility.mjs
+var p = e(/* @__PURE__ */ s("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), m = e(/* @__PURE__ */ s("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), h = d(u, {
+	name: "STextField",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	...i,
+	[`& .${r.root}[data-shrink='false'] + .${n.formControl} .${n.input}`]: { "&::placeholder": { opacity: "1 !important" } }
+}), g = a((e, n) => {
+	let r = f({
+		props: e,
+		name: "STextField"
+	}), { fullWidth: i = !0, type: a = "text", slotProps: u, togglePasswordText: d = "toggle password visibility", ...g } = r, [_, v] = o(!1), y = a === "password", b = {
+		...r,
+		fullWidth: i,
+		password: y,
+		passwordVisible: _
+	}, x = () => {
+		v((e) => !e);
+	}, S = y && _ ? "text" : a, C = y ? /* @__PURE__ */ s(l, {
+		position: "end",
+		children: /* @__PURE__ */ s(c, {
+			"aria-label": d,
+			onClick: x,
+			edge: "end",
+			size: "small",
+			children: s(_ ? m : p, {})
+		})
+	}) : void 0;
+	return /* @__PURE__ */ s(h, {
+		...g,
+		fullWidth: i,
+		ownerState: b,
+		ref: n,
+		type: S,
+		slotProps: {
+			...u,
+			input: y ? t(u?.input, { endAdornment: C }) : u?.input
+		}
+	});
+});
+g.displayName = "STextField";
+//#endregion
+export { g as t };

package/dist/s-text-shimmer/s-text-shimmer.js

@@ -1,4 +1,6 @@
-import { keyframes as e, styled as t, useThemeProps as n } from "@mui/material/styles";
+import { s as e } from "../defaultTheme-BaGcIzCh.js";
+import { t } from "../styled-Bog8QCl3.js";
+import { t as n } from "../useThemeProps-Dw9dmKyT.js";
 import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 import { Typography as a } from "@mui/material";

package/dist/s-text-truncation/s-text-truncation.js

@@ -1,11 +1,11 @@
 import { toSxArray as e } from "../utils/sx.js";
-import * as t from "react";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Box as l, Link as u, Tooltip as d, Typography as f, styled as p, useThemeProps as m } from "@mui/material";
-import h from "@mui/utils/appendOwnerState";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
+import * as n from "react";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Box as u, Link as d, Tooltip as f, Typography as p, styled as m, useThemeProps as h } from "@mui/material";
 //#region lib/s-text-truncation/s-text-truncation.tsx
-var g = p(l, {
+var g = m(u, {
 	name: "STextTruncation",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -16,13 +16,13 @@ function _(e, t) {
 function v(e) {
 	return e ? Object.fromEntries(Object.entries(e).filter(([e]) => e === "children" || e === "component" || e === "id" || e === "ref" || e === "role" || e === "tabIndex" || e === "title" || e.startsWith("aria-") || e.startsWith("data-") ? !1 : !/^on[A-Z]/.test(e))) : {};
 }
-var y = t.forwardRef(function(l, p) {
-	let y = m({
-		props: l,
+var y = n.forwardRef(function(u, m) {
+	let y = h({
+		props: u,
 		name: "STextTruncation"
-	}), { children: b, collapseText: x = "See less", expandText: S = "See more", lines: C = 3, slotProps: w, slots: T, sx: E, variant: D = "expandable", ...O } = y, [k, A] = a(!1), [j, M] = a(!1), [N, P] = a(b), F = i(null), I = i(null), L = t.useCallback((e) => {
-		I.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-	}, [p]), R = n(() => {
+	}), { children: b, collapseText: x = "See less", expandText: S = "See more", lines: C = 3, slotProps: w, slots: T, sx: E, variant: D = "expandable", ...O } = y, [k, A] = o(!1), [j, M] = o(!1), [N, P] = o(b), F = a(null), I = a(null), L = n.useCallback((e) => {
+		I.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
+	}, [m]), R = r(() => {
 		let e = F.current;
 		if (!e || !b) {
 			M(!1), P(b);
@@ -46,7 +46,7 @@ var y = t.forwardRef(function(l, p) {
 		C,
 		b
 	]);
-	r(() => {
+	i(() => {
 		R();
 		let e = new ResizeObserver(R);
 		return I.current && e.observe(I.current), () => e.disconnect();
@@ -56,17 +56,17 @@ var y = t.forwardRef(function(l, p) {
 		expanded: k,
 		truncated: j,
 		variant: D
-	}, B = T?.text ?? f, V = T?.toggle ?? u, H = T?.tooltip ?? d, U = _(w?.text, z), W = _(w?.toggle, z), G = _(w?.tooltip, z), { onClick: K, sx: q, ...J } = W ?? {}, Y = h(T?.text, U ?? {}, z), X = h(T?.text, v(U), z), Z = h(T?.toggle, J, z), Q = h(T?.tooltip, G ?? {}, z);
-	return /* @__PURE__ */ s(g, {
+	}, B = T?.text ?? p, V = T?.toggle ?? d, H = T?.tooltip ?? f, U = _(w?.text, z), W = _(w?.toggle, z), G = _(w?.tooltip, z), { onClick: K, sx: q, ...J } = W ?? {}, Y = t(T?.text, U ?? {}, z), X = t(T?.text, v(U), z), Z = t(T?.toggle, J, z), Q = t(T?.tooltip, G ?? {}, z);
+	return /* @__PURE__ */ c(g, {
 		...O,
 		ownerState: z,
 		ref: L,
 		sx: [{ position: "relative" }, ...e(E)],
-		children: D === "tooltip" ? /* @__PURE__ */ s(H, {
+		children: D === "tooltip" ? /* @__PURE__ */ c(H, {
 			arrow: !0,
 			title: b,
 			...Q,
-			children: /* @__PURE__ */ s(B, {
+			children: /* @__PURE__ */ c(B, {
 				...Y,
 				sx: [{
 					display: "-webkit-box",
@@ -78,7 +78,7 @@ var y = t.forwardRef(function(l, p) {
 				}, ...e(U?.sx)],
 				children: b
 			})
-		}) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(B, {
+		}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
 			ref: F,
 			"aria-hidden": !0,
 			component: "span",
@@ -92,9 +92,9 @@ var y = t.forwardRef(function(l, p) {
 				visibility: "hidden",
 				pointerEvents: "none"
 			}, ...e(U?.sx)]
-		}), /* @__PURE__ */ c(B, {
+		}), /* @__PURE__ */ l(B, {
 			...Y,
-			children: [k ? b : N, j && /* @__PURE__ */ c(o, { children: [k ? " " : "… ", /* @__PURE__ */ s(V, {
+			children: [k ? b : N, j && /* @__PURE__ */ l(s, { children: [k ? " " : "… ", /* @__PURE__ */ c(V, {
 				component: "button",
 				type: "button",
 				...Z,

package/dist/s-theme-demo/s-theme-demo.js

@@ -1,8 +1,8 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { TypographySection as t } from "./theme-demo-typography-section.js";
-import { ShadowSection as n } from "./theme-demo-shadow-section.js";
-import { InteractiveSection as r } from "./theme-demo-interactive-section.js";
-import { SoloStylistSection as i } from "./theme-demo-components-section.js";
+import { t } from "../theme-demo-components-section-C7l_2KAo.js";
+import { TypographySection as n } from "./theme-demo-typography-section.js";
+import { ShadowSection as r } from "./theme-demo-shadow-section.js";
+import { InteractiveSection as i } from "./theme-demo-interactive-section.js";
 import { ColorRampsSection as a } from "./theme-demo-color-ramps-section.js";
 import { ColorPaletteSection as o } from "./theme-demo-color-palette-section.js";
 import * as s from "react";
@@ -64,10 +64,10 @@ var h = [
 			children: [
 				T.colors && /* @__PURE__ */ c(o, {}),
 				T.ramps && /* @__PURE__ */ c(a, {}),
-				T.typography && /* @__PURE__ */ c(t, {}),
-				(T.components || T.forms) && /* @__PURE__ */ c(i, {}),
-				T.interactive && /* @__PURE__ */ c(r, {}),
-				T.shadows && /* @__PURE__ */ c(n, {})
+				T.typography && /* @__PURE__ */ c(n, {}),
+				(T.components || T.forms) && /* @__PURE__ */ c(t, {}),
+				T.interactive && /* @__PURE__ */ c(i, {}),
+				T.shadows && /* @__PURE__ */ c(r, {})
 			]
 		})]
 	});

package/dist/s-theme-demo/theme-demo-color-palette-section.js

@@ -1,4 +1,4 @@
-import { useTheme as e } from "@mui/material/styles";
+import { t as e } from "../useTheme-BIWMbX3i.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Box as r, Card as i, CardContent as a, Stack as o, Typography as s } from "@mui/material";

package/dist/s-theme-demo/theme-demo-color-ramps-section.js

@@ -1,4 +1,4 @@
-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-CNjL5fhq.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 "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Box as g, Card as _, CardContent as v, Stack as y, Typography as b } from "@mui/material";

package/dist/s-theme-demo/theme-demo-components-section.js

@@ -1,265 +1,2 @@
-import { SButton as e } from "../s-button/s-button.js";
-import { STextField as t } from "../s-text-field/s-text-field.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Add as a, Favorite as o, Share as s, Star as c } from "@mui/icons-material";
-import { Box as l, Card as u, CardContent as d, Stack as f, Typography as p } from "@mui/material";
-//#region lib/s-theme-demo/theme-demo-components-section.tsx
-var m = () => {
-	let [m, h] = n.useState("");
-	return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ i(f, {
-		spacing: 3,
-		children: [
-			/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Button Variants"
-			}), /* @__PURE__ */ i(f, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						children: "Contained"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "primary",
-						children: "Outlined"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "text",
-						color: "primary",
-						children: "Text"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Color Variants (Contained)"
-			}), /* @__PURE__ */ i(f, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						children: "Primary"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "secondary",
-						children: "Secondary"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "success",
-						children: "Success"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "warning",
-						children: "Warning"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "error",
-						children: "Error"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "info",
-						children: "Info"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Color Variants (Outlined)"
-			}), /* @__PURE__ */ i(f, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "primary",
-						children: "Primary"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "secondary",
-						children: "Secondary"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "success",
-						children: "Success"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "warning",
-						children: "Warning"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "error",
-						children: "Error"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "info",
-						children: "Info"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Button Sizes"
-			}), /* @__PURE__ */ i(f, {
-				direction: "row",
-				sx: {
-					alignItems: "center",
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						size: "small",
-						children: "Small"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						size: "medium",
-						children: "Medium"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						size: "large",
-						children: "Large"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Button States"
-			}), /* @__PURE__ */ i(f, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						children: "Default"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						disabled: !0,
-						children: "Disabled"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "primary",
-						disabled: !0,
-						children: "Disabled Outlined"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "text",
-						color: "primary",
-						disabled: !0,
-						children: "Disabled Text"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Buttons with Icons"
-			}), /* @__PURE__ */ i(f, {
-				direction: "row",
-				sx: {
-					flexWrap: "wrap",
-					gap: 2
-				},
-				children: [
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "primary",
-						startIcon: /* @__PURE__ */ r(a, {}),
-						children: "Start Icon"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "contained",
-						color: "secondary",
-						endIcon: /* @__PURE__ */ r(s, {}),
-						children: "End Icon"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "outlined",
-						color: "success",
-						startIcon: /* @__PURE__ */ r(c, {}),
-						children: "Outlined + Icon"
-					}),
-					/* @__PURE__ */ r(e, {
-						variant: "text",
-						color: "error",
-						endIcon: /* @__PURE__ */ r(o, {}),
-						children: "Text + Icon"
-					})
-				]
-			})] }),
-			/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {
-				variant: "h6",
-				sx: { mb: 2 },
-				children: "Form Components"
-			}), /* @__PURE__ */ i(f, {
-				sx: { gap: 2 },
-				children: [
-					/* @__PURE__ */ r(t, {
-						label: "Enhanced Text Field",
-						value: m,
-						onChange: (e) => h(e.target.value),
-						placeholder: "Enter text here...",
-						helperText: "This is an enhanced STextField component"
-					}),
-					/* @__PURE__ */ r(t, {
-						label: "Password Field",
-						type: "password",
-						placeholder: "Enter password...",
-						helperText: "Password input with custom styling"
-					}),
-					/* @__PURE__ */ r(t, {
-						label: "Multiline Text",
-						multiline: !0,
-						rows: 3,
-						placeholder: "Enter multiple lines...",
-						helperText: "Multiline text input"
-					})
-				]
-			})] })
-		]
-	}) }) }) });
-};
-//#endregion
-export { m as SoloStylistSection };
+import { t as e } from "../theme-demo-components-section-C7l_2KAo.js";
+export { e as SoloStylistSection };

package/dist/s-theme-demo/theme-demo-typography-section.js

@@ -1,12 +1,12 @@
-import { formatFontSize as e } from "./utils.js";
-import { headingSamples as t } from "./theme-demo-data.js";
-import { useTheme as n } from "@mui/material/styles";
+import { t as e } from "../useTheme-BIWMbX3i.js";
+import { formatFontSize as t } from "./utils.js";
+import { headingSamples as n } from "./theme-demo-data.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Box as a, Card as o, CardContent as s, Stack as c, Typography as l } from "@mui/material";
 //#region lib/s-theme-demo/theme-demo-typography-section.tsx
 var u = () => {
-	let u = n();
+	let u = e();
 	return /* @__PURE__ */ r(o, { children: /* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(l, {
 		variant: "h6",
 		sx: { mb: 2 },
@@ -16,25 +16,25 @@ var u = () => {
 		children: /* @__PURE__ */ i(c, {
 			spacing: 2,
 			children: [
-				t.map(({ variant: t, label: n, description: o }) => {
-					let s = u.typography[t];
+				n.map(({ variant: e, label: n, description: o }) => {
+					let s = u.typography[e];
 					return /* @__PURE__ */ i(a, { children: [/* @__PURE__ */ r(l, {
-						variant: t,
+						variant: e,
 						gutterBottom: !0,
 						children: n
 					}), /* @__PURE__ */ i(l, {
 						variant: "caption",
 						children: [
-							t,
+							e,
 							" - ",
-							e(s.fontSize, u.typography.htmlFontSize),
+							t(s.fontSize, u.typography.htmlFontSize),
 							", Weight",
 							" ",
 							s.fontWeight,
 							" - ",
 							o
 						]
-					})] }, t);
+					})] }, e);
 				}),
 				/* @__PURE__ */ i(a, { children: [/* @__PURE__ */ r(l, {
 					variant: "body1",

package/dist/s-theme-provider/s-theme-provider.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../theme-primitives-CRfnMsNy.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../theme-primitives-CXtaMdVj.js";
 import { components as s } from "../theme/components/components.js";
 import * as c from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/s-theme-switch/index.js

@@ -1,2 +1,2 @@
-import { SThemeSwitch as e } from "./s-theme-switch.js";
+import { t as e } from "../s-theme-switch-BFWpADh3.js";
 export { e as SThemeSwitch, e as default };

package/dist/s-theme-switch/s-theme-switch.js

@@ -1,60 +1,2 @@
-import { forwardRef as e, useCallback as t, useRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { DarkMode as i, LightMode as a } from "@mui/icons-material";
-import { IconButton as o, styled as s, useColorScheme as c, useMediaQuery as l, useThemeProps as u } from "@mui/material";
-import { useForkRef as d } from "@mui/material/utils";
-import { flushSync as f } from "react-dom";
-//#region lib/s-theme-switch/s-theme-switch.tsx
-var p = s(o, {
-	name: "SThemeSwitch",
-	slot: "Root"
-})({}), m = e(function(e, o) {
-	let s = u({
-		props: e,
-		name: "SThemeSwitch"
-	}), { mode: m, onClick: h, setMode: g, "aria-label": _, ...v } = s, y = n(null), b = d(y, o), { mode: x, setMode: S, systemMode: C } = c(), w = l("(prefers-reduced-motion: reduce)"), T = m ?? x, E = (T === "system" ? C : T) === "dark", D = {
-		...s,
-		mode: T
-	}, O = t(() => {
-		let e = E ? "light" : "dark";
-		g ? g(e) : S(e);
-	}, [
-		E,
-		S,
-		g
-	]), k = t(async (e) => {
-		if (h?.(e), e.defaultPrevented) return;
-		if (w || !y.current || typeof document > "u" || !document.startViewTransition) {
-			O();
-			return;
-		}
-		await document.startViewTransition(() => {
-			f(() => {
-				O();
-			});
-		}).ready;
-		let t = y.current;
-		if (!t) return;
-		let { top: n, left: r, width: i, height: a } = t.getBoundingClientRect(), o = r + i / 2, s = n + a / 2, c = Math.hypot(Math.max(o, window.innerWidth - o), Math.max(s, window.innerHeight - s));
-		document.documentElement.animate({ clipPath: [`circle(0px at ${o}px ${s}px)`, `circle(${c}px at ${o}px ${s}px)`] }, {
-			duration: 700,
-			easing: "ease-in-out",
-			pseudoElement: "::view-transition-new(root)"
-		});
-	}, [
-		h,
-		w,
-		O
-	]);
-	return /* @__PURE__ */ r(p, {
-		...v,
-		ref: b,
-		"aria-label": _ ?? (E ? "Switch to light mode" : "Switch to dark mode"),
-		onClick: k,
-		ownerState: D,
-		children: r(E ? a : i, {})
-	});
-});
-m.displayName = "SThemeSwitch";
-//#endregion
-export { m as SThemeSwitch, m as default };
+import { t as e } from "../s-theme-switch-BFWpADh3.js";
+export { e as SThemeSwitch, e as default };