@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-accordion-1oLxQhod.js

@@ -0,0 +1,487 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { g as i } from "./createTheme-xB2Em0Na.js";
+import { t as a } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as o } from "./clsx-DGZSe4Nt.js";
+import { t as s } from "./generateUtilityClasses-DvX505Gy.js";
+import { t as c } from "./styled-Bog8QCl3.js";
+import { t as l } from "./Stack-C0LGzM4c.js";
+import { t as u } from "./useThemeProps-Dw9dmKyT.js";
+import { t as d } from "./memoTheme-qFyKAk7y.js";
+import { toSxArray as f } from "./utils/sx.js";
+import { t as p } from "./chainPropTypes-CkMRtDjQ.js";
+import { t as m } from "./ButtonBase-DovDC6-1.js";
+import { t as h } from "./appendOwnerState-CFQTq3pb.js";
+import { t as g } from "./useSlot-BG8ReOxN.js";
+import { t as _ } from "./useControlled-DqNPBJNp.js";
+import { t as v } from "./Paper-_3qggtBp.js";
+import { t as y } from "./ExpandMore-sOgvEha9.js";
+import { t as b } from "./Typography-_P0svrkO.js";
+import { t as x } from "./Collapse-DPUr1cbP.js";
+import * as S from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Accordion/AccordionContext.mjs
+var T = /* @__PURE__ */ e(t(), 1), E = i(), D = /* @__PURE__ */ S.createContext({});
+process.env.NODE_ENV !== "production" && (D.displayName = "AccordionContext");
+//#endregion
+//#region ../../node_modules/@mui/material/Accordion/accordionClasses.mjs
+function O(e) {
+	return a("MuiAccordion", e);
+}
+var k = s("MuiAccordion", [
+	"root",
+	"heading",
+	"rounded",
+	"expanded",
+	"disabled",
+	"gutters",
+	"region"
+]), A = (e) => {
+	let { classes: t, square: r, expanded: i, disabled: a, disableGutters: o } = e;
+	return n({
+		root: [
+			"root",
+			!r && "rounded",
+			i && "expanded",
+			a && "disabled",
+			!o && "gutters"
+		],
+		heading: ["heading"],
+		region: ["region"]
+	}, O, t);
+}, j = c(v, {
+	name: "MuiAccordion",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${k.region}`]: t.region },
+			t.root,
+			!n.square && t.rounded,
+			!n.disableGutters && t.gutters
+		];
+	}
+})(d(({ theme: e }) => {
+	let t = { duration: e.transitions.duration.shortest };
+	return {
+		position: "relative",
+		transition: e.transitions.create(["margin"], t),
+		overflowAnchor: "none",
+		"&::before": {
+			position: "absolute",
+			left: 0,
+			top: -1,
+			right: 0,
+			height: 1,
+			content: "\"\"",
+			opacity: 1,
+			backgroundColor: (e.vars || e).palette.divider,
+			transition: e.transitions.create(["opacity", "background-color"], t)
+		},
+		"&:first-of-type": { "&::before": { display: "none" } },
+		[`&.${k.expanded}`]: {
+			"&::before": { opacity: 0 },
+			"&:first-of-type": { marginTop: 0 },
+			"&:last-of-type": { marginBottom: 0 },
+			"& + &": { "&::before": { display: "none" } }
+		},
+		[`&.${k.disabled}`]: { backgroundColor: (e.vars || e).palette.action.disabledBackground }
+	};
+}), d(({ theme: e }) => ({ variants: [{
+	props: (e) => !e.square,
+	style: {
+		borderRadius: 0,
+		"&:first-of-type": {
+			borderTopLeftRadius: (e.vars || e).shape.borderRadius,
+			borderTopRightRadius: (e.vars || e).shape.borderRadius
+		},
+		"&:last-of-type": {
+			borderBottomLeftRadius: (e.vars || e).shape.borderRadius,
+			borderBottomRightRadius: (e.vars || e).shape.borderRadius,
+			"@supports (-ms-ime-align: auto)": {
+				borderBottomLeftRadius: 0,
+				borderBottomRightRadius: 0
+			}
+		}
+	}
+}, {
+	props: (e) => !e.disableGutters,
+	style: { [`&.${k.expanded}`]: { margin: "16px 0" } }
+}] }))), M = c("h3", {
+	name: "MuiAccordion",
+	slot: "Heading"
+})({ all: "unset" }), N = c("div", {
+	name: "MuiAccordion",
+	slot: "Region"
+})({}), P = /* @__PURE__ */ S.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiAccordion"
+	}), { children: i, className: a, defaultExpanded: s = !1, disabled: c = !1, disableGutters: l = !1, expanded: u, onChange: d, slots: f = {}, slotProps: p = {}, ...m } = n, [h, v] = _({
+		controlled: u,
+		default: s,
+		name: "Accordion",
+		state: "expanded"
+	}), y = S.useCallback((e) => {
+		v(!h), d && d(e, !h);
+	}, [
+		h,
+		d,
+		v
+	]), [b, ...T] = S.Children.toArray(i), E = S.useMemo(() => ({
+		expanded: h,
+		disabled: c,
+		disableGutters: l,
+		toggle: y
+	}), [
+		h,
+		c,
+		l,
+		y
+	]), O = {
+		...n,
+		disabled: c,
+		disableGutters: l,
+		expanded: h
+	}, k = A(O), P = {
+		slots: f,
+		slotProps: p
+	}, [F, I] = g("root", {
+		elementType: j,
+		externalForwardedProps: {
+			...P,
+			...m
+		},
+		className: o(k.root, a),
+		shouldForwardComponentProp: !0,
+		ownerState: O,
+		ref: t
+	}), [L, R] = g("heading", {
+		elementType: M,
+		externalForwardedProps: P,
+		className: k.heading,
+		ownerState: O
+	}), [z, B] = g("transition", {
+		elementType: x,
+		externalForwardedProps: P,
+		ownerState: O
+	}), [V, H] = g("region", {
+		elementType: N,
+		externalForwardedProps: P,
+		ownerState: O,
+		className: k.region,
+		additionalProps: {
+			"aria-labelledby": b.props.id,
+			id: b.props["aria-controls"],
+			role: "region"
+		}
+	});
+	return /* @__PURE__ */ w(F, {
+		...I,
+		children: [/* @__PURE__ */ C(L, {
+			...R,
+			children: /* @__PURE__ */ C(D.Provider, {
+				value: E,
+				children: b
+			})
+		}), /* @__PURE__ */ C(z, {
+			in: h,
+			timeout: "auto",
+			...B,
+			children: /* @__PURE__ */ C(V, {
+				...H,
+				children: T
+			})
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (P.propTypes = {
+	children: p(T.default.node.isRequired, (e) => {
+		let t = S.Children.toArray(e.children)[0];
+		return (0, E.isFragment)(t) ? /* @__PURE__ */ Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ S.isValidElement(t) ? null : /* @__PURE__ */ Error("MUI: Expected the first child of Accordion to be a valid element.");
+	}),
+	classes: T.default.object,
+	className: T.default.string,
+	defaultExpanded: T.default.bool,
+	disabled: T.default.bool,
+	disableGutters: T.default.bool,
+	expanded: T.default.bool,
+	onChange: T.default.func,
+	slotProps: T.default.shape({
+		heading: T.default.oneOfType([T.default.func, T.default.object]),
+		region: T.default.oneOfType([T.default.func, T.default.object]),
+		root: T.default.oneOfType([T.default.func, T.default.object]),
+		transition: T.default.oneOfType([T.default.func, T.default.object])
+	}),
+	slots: T.default.shape({
+		heading: T.default.elementType,
+		region: T.default.elementType,
+		root: T.default.elementType,
+		transition: T.default.elementType
+	}),
+	sx: T.default.oneOfType([
+		T.default.arrayOf(T.default.oneOfType([
+			T.default.func,
+			T.default.object,
+			T.default.bool
+		])),
+		T.default.func,
+		T.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/AccordionDetails/accordionDetailsClasses.mjs
+function F(e) {
+	return a("MuiAccordionDetails", e);
+}
+s("MuiAccordionDetails", ["root"]);
+//#endregion
+//#region ../../node_modules/@mui/material/AccordionDetails/AccordionDetails.mjs
+var I = (e) => {
+	let { classes: t } = e;
+	return n({ root: ["root"] }, F, t);
+}, L = c("div", {
+	name: "MuiAccordionDetails",
+	slot: "Root"
+})(d(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), R = /* @__PURE__ */ S.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiAccordionDetails"
+	}), { className: i, ...a } = n, s = n;
+	return /* @__PURE__ */ C(L, {
+		className: o(I(s).root, i),
+		ref: t,
+		ownerState: s,
+		...a
+	});
+});
+process.env.NODE_ENV !== "production" && (R.propTypes = {
+	children: T.default.node,
+	classes: T.default.object,
+	className: T.default.string,
+	sx: T.default.oneOfType([
+		T.default.arrayOf(T.default.oneOfType([
+			T.default.func,
+			T.default.object,
+			T.default.bool
+		])),
+		T.default.func,
+		T.default.object
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/AccordionSummary/accordionSummaryClasses.mjs
+function z(e) {
+	return a("MuiAccordionSummary", e);
+}
+var B = s("MuiAccordionSummary", [
+	"root",
+	"expanded",
+	"focusVisible",
+	"disabled",
+	"gutters",
+	"content",
+	"expandIconWrapper"
+]), V = (e) => {
+	let { classes: t, expanded: r, disabled: i, disableGutters: a } = e;
+	return n({
+		root: [
+			"root",
+			r && "expanded",
+			i && "disabled",
+			!a && "gutters"
+		],
+		focusVisible: ["focusVisible"],
+		content: ["content", r && "expanded"],
+		expandIconWrapper: ["expandIconWrapper", r && "expanded"]
+	}, z, t);
+}, H = c(m, {
+	name: "MuiAccordionSummary",
+	slot: "Root"
+})(d(({ theme: e }) => {
+	let t = { duration: e.transitions.duration.shortest };
+	return {
+		display: "flex",
+		width: "100%",
+		minHeight: 48,
+		padding: e.spacing(0, 2),
+		transition: e.transitions.create(["min-height", "background-color"], t),
+		[`&.${B.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
+		[`&.${B.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
+		[`&:hover:not(.${B.disabled})`]: { cursor: "pointer" },
+		variants: [{
+			props: (e) => !e.disableGutters,
+			style: { [`&.${B.expanded}`]: { minHeight: 64 } }
+		}]
+	};
+})), U = c("span", {
+	name: "MuiAccordionSummary",
+	slot: "Content"
+})(d(({ theme: e }) => ({
+	display: "flex",
+	textAlign: "start",
+	flexGrow: 1,
+	margin: "12px 0",
+	variants: [{
+		props: (e) => !e.disableGutters,
+		style: {
+			transition: e.transitions.create(["margin"], { duration: e.transitions.duration.shortest }),
+			[`&.${B.expanded}`]: { margin: "20px 0" }
+		}
+	}]
+}))), W = c("span", {
+	name: "MuiAccordionSummary",
+	slot: "ExpandIconWrapper"
+})(d(({ theme: e }) => ({
+	display: "flex",
+	color: (e.vars || e).palette.action.active,
+	transform: "rotate(0deg)",
+	transition: e.transitions.create("transform", { duration: e.transitions.duration.shortest }),
+	[`&.${B.expanded}`]: { transform: "rotate(180deg)" }
+}))), G = /* @__PURE__ */ S.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiAccordionSummary"
+	}), { children: i, className: a, expandIcon: s, focusVisibleClassName: c, onClick: l, slots: u, slotProps: d, ...f } = n, { disabled: p = !1, disableGutters: m, expanded: h, toggle: _ } = S.useContext(D), v = (e) => {
+		_ && _(e), l && l(e);
+	}, y = {
+		...n,
+		expanded: h,
+		disabled: p,
+		disableGutters: m
+	}, b = V(y), x = {
+		slots: u,
+		slotProps: d
+	}, [T, E] = g("root", {
+		ref: t,
+		shouldForwardComponentProp: !0,
+		className: o(b.root, a),
+		elementType: H,
+		externalForwardedProps: {
+			...x,
+			...f
+		},
+		ownerState: y,
+		additionalProps: {
+			focusRipple: !1,
+			disableRipple: !0,
+			internalNativeButton: !0,
+			disabled: p,
+			"aria-expanded": h,
+			focusVisibleClassName: o(b.focusVisible, c)
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onClick: (t) => {
+				e.onClick?.(t), v(t);
+			}
+		})
+	}), [O, k] = g("content", {
+		className: b.content,
+		elementType: U,
+		externalForwardedProps: x,
+		ownerState: y
+	}), [A, j] = g("expandIconWrapper", {
+		className: b.expandIconWrapper,
+		elementType: W,
+		externalForwardedProps: x,
+		ownerState: y
+	});
+	return /* @__PURE__ */ w(T, {
+		...E,
+		children: [/* @__PURE__ */ C(O, {
+			...k,
+			children: i
+		}), s && /* @__PURE__ */ C(A, {
+			...j,
+			children: s
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (G.propTypes = {
+	children: T.default.node,
+	classes: T.default.object,
+	className: T.default.string,
+	expandIcon: T.default.node,
+	focusVisibleClassName: T.default.string,
+	onClick: T.default.func,
+	slotProps: T.default.shape({
+		content: T.default.oneOfType([T.default.func, T.default.object]),
+		expandIconWrapper: T.default.oneOfType([T.default.func, T.default.object]),
+		root: T.default.oneOfType([T.default.func, T.default.object])
+	}),
+	slots: T.default.shape({
+		content: T.default.elementType,
+		expandIconWrapper: T.default.elementType,
+		root: T.default.elementType
+	}),
+	sx: T.default.oneOfType([
+		T.default.arrayOf(T.default.oneOfType([
+			T.default.func,
+			T.default.object,
+			T.default.bool
+		])),
+		T.default.func,
+		T.default.object
+	])
+});
+//#endregion
+//#region lib/s-accordion/s-accordion.tsx
+var K = c(P, {
+	name: "SAccordion",
+	slot: "Root"
+})({});
+function q(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var J = S.forwardRef(function(e, t) {
+	let n = u({
+		props: e,
+		name: "SAccordion"
+	}), { children: r, defaultExpanded: i = !1, disabled: a = !1, expandIcon: o = /* @__PURE__ */ C(y, {}), expanded: s, onChange: c, slotProps: d, slots: p, startIcon: m, title: g, ...v } = n, [x, S] = _({
+		controlled: s,
+		default: i,
+		name: "SAccordion",
+		state: "expanded"
+	}), T = {
+		...n,
+		disabled: a,
+		expanded: x
+	}, { details: E = R, summary: D = G, summaryContent: O = l, title: k = b, ...A } = p ?? {}, { details: j, summary: M, summaryContent: N, title: P, ...F } = d ?? {}, I = h(p?.summary, q(M, T) ?? {}, T), L = h(p?.summaryContent, q(N, T) ?? {}, T), z = h(p?.title, q(P, T) ?? {}, T), B = h(p?.details, q(j, T) ?? {}, T), { sx: V, ...H } = L, { sx: U, ...W } = z;
+	return /* @__PURE__ */ w(K, {
+		elevation: 0,
+		...v,
+		disabled: a,
+		expanded: x,
+		onChange: (e, t) => {
+			S(t), c?.(e, t);
+		},
+		ownerState: T,
+		ref: t,
+		slots: A,
+		slotProps: F,
+		children: [g != null || m ? /* @__PURE__ */ C(D, {
+			expandIcon: o,
+			...I,
+			children: /* @__PURE__ */ w(O, {
+				direction: "row",
+				spacing: 1,
+				...H,
+				sx: [{ alignItems: "center" }, ...f(V)],
+				children: [m, /* @__PURE__ */ C(k, {
+					variant: "subtitle1",
+					...W,
+					sx: [{ fontWeight: 600 }, ...f(U)],
+					children: g
+				})]
+			})
+		}) : null, /* @__PURE__ */ C(E, {
+			...B,
+			children: r
+		})]
+	});
+});
+J.displayName = "SAccordion";
+//#endregion
+export { J as t };

package/dist/s-action-overlay/s-action-overlay.js

@@ -1,11 +1,11 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { SIconButton as t } from "../s-icon-button/s-icon-button.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Box as a, Grid as o, styled as s, useThemeProps as c } from "@mui/material";
-import l from "@mui/utils/appendOwnerState";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
+import { SIconButton as n } from "../s-icon-button/s-icon-button.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, Grid as s, styled as c, useThemeProps as l } from "@mui/material";
 //#region lib/s-action-overlay/s-action-overlay.tsx
-var u = 40, d = 16, f = s(a, {
+var u = 40, d = 16, f = c(o, {
 	name: "SActionOverlay",
 	slot: "Root"
 })({});
@@ -19,18 +19,18 @@ function m(e) {
 		justifyContent: t
 	};
 }
-var h = n.forwardRef(function(s, h) {
-	let g = c({
-		props: s,
+var h = r.forwardRef(function(c, h) {
+	let g = l({
+		props: c,
 		name: "SActionOverlay"
-	}), { "aria-label": _, actions: v, backdropColor: y = "background.paper", backdropOpacity: b = .9, borderRadius: x = 0, blurAmount: S = 10, children: C, columns: w = 3, maxWidth: T, onBlur: E, onFocus: D, onMouseEnter: O, onMouseLeave: k, onVisibilityChange: A, position: j = "center", showOnHover: M = !0, slotProps: N, slots: P, sx: F, tabIndex: I, visible: L, ...R } = g, [z, B] = n.useState(!1), V = L ?? z, H = {
+	}), { "aria-label": _, actions: v, backdropColor: y = "background.paper", backdropOpacity: b = .9, borderRadius: x = 0, blurAmount: S = 10, children: C, columns: w = 3, maxWidth: T, onBlur: E, onFocus: D, onMouseEnter: O, onMouseLeave: k, onVisibilityChange: A, position: j = "center", showOnHover: M = !0, slotProps: N, slots: P, sx: F, tabIndex: I, visible: L, ...R } = g, [z, B] = r.useState(!1), V = L ?? z, H = {
 		...g,
 		position: j,
 		visible: V
-	}, U = P?.overlay ?? a, W = P?.actions ?? o, G = l(P?.overlay, p(N?.overlay, H) ?? {}, H), K = l(P?.actions, p(N?.actions, H) ?? {}, H), { sx: q, ...J } = G, { sx: Y, ...X } = K, Z = m(j), Q = w > 0 ? w * u + (w - 1) * d + w * 16 : void 0, $ = (e, t) => {
+	}, U = P?.overlay ?? o, W = P?.actions ?? s, G = t(P?.overlay, p(N?.overlay, H) ?? {}, H), K = t(P?.actions, p(N?.actions, H) ?? {}, H), { sx: q, ...J } = G, { sx: Y, ...X } = K, Z = m(j), Q = w > 0 ? w * u + (w - 1) * d + w * 16 : void 0, $ = (e, t) => {
 		M && (L === void 0 && B(t), A?.(e, t));
 	};
-	return /* @__PURE__ */ i(f, {
+	return /* @__PURE__ */ a(f, {
 		...R,
 		"aria-label": _ ?? (M ? "Show actions" : void 0),
 		onBlur: (e) => {
@@ -52,7 +52,7 @@ var h = n.forwardRef(function(s, h) {
 			display: "inline-flex",
 			position: "relative"
 		}, ...e(F)],
-		children: [C, V ? /* @__PURE__ */ r(U, {
+		children: [C, V ? /* @__PURE__ */ i(U, {
 			...J,
 			sx: [{
 				...Z,
@@ -66,7 +66,7 @@ var h = n.forwardRef(function(s, h) {
 				transform: "translateZ(0)",
 				transition: "opacity 200ms ease-in-out"
 			}, ...e(q)],
-			children: /* @__PURE__ */ r(W, {
+			children: /* @__PURE__ */ i(W, {
 				container: !0,
 				spacing: 2,
 				...X,
@@ -74,16 +74,16 @@ var h = n.forwardRef(function(s, h) {
 					justifyContent: Z.justifyContent,
 					maxWidth: T ?? Q
 				}, ...e(Y)],
-				children: v.map(({ icon: n, label: i, selected: a, sx: s, ...c }, l) => /* @__PURE__ */ r(o, {
+				children: v.map(({ icon: t, label: r, selected: a, sx: o, ...c }, l) => /* @__PURE__ */ i(s, {
 					sx: {
 						display: "flex",
 						justifyContent: "center"
 					},
-					children: /* @__PURE__ */ r(t, {
+					children: /* @__PURE__ */ i(n, {
 						...c,
-						"aria-label": i,
+						"aria-label": r,
 						"aria-pressed": a,
-						tooltip: i,
+						tooltip: r,
 						slotProps: { tooltip: { placement: "top" } },
 						sx: [{
 							bgcolor: a ? "primary.main" : void 0,
@@ -99,10 +99,10 @@ var h = n.forwardRef(function(s, h) {
 								bgcolor: a ? "primary.main" : void 0,
 								color: a ? "primary.contrastText" : void 0
 							}
-						}, ...e(s)],
-						children: n
+						}, ...e(o)],
+						children: t
 					})
-				}, `${i}-${l}`))
+				}, `${r}-${l}`))
 			})
 		}) : null]
 	});

package/dist/s-animated-gradient-text/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as SAnimatedGradientText } from './s-animated-gradient-text';
+export type { SAnimatedGradientTextDirection, SAnimatedGradientTextComponent, SAnimatedGradientTextOwnProps, SAnimatedGradientTextOwnerState, SAnimatedGradientTextProps, SAnimatedGradientTextSlotProps, SAnimatedGradientTextSlots, } from './s-animated-gradient-text';

package/dist/s-animated-gradient-text/index.js

@@ -0,0 +1,2 @@
+import { SAnimatedGradientText as e } from "./s-animated-gradient-text.js";
+export { e as SAnimatedGradientText, e as default };

package/dist/s-animated-gradient-text/s-animated-gradient-text.d.ts

@@ -0,0 +1,64 @@
+import { TypographyOwnProps, TypographyProps } from '@mui/material';
+import { OwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+/** Axis the gradient sweeps along. */
+export type SAnimatedGradientTextDirection = 'diagonal' | 'horizontal' | 'vertical';
+interface SAnimatedGradientTextBaseProps extends Omit<TypographyOwnProps, 'children' | 'color'> {
+    /** Reverses the sweep on alternate cycles instead of restarting it. */
+    alternate?: boolean;
+    /** Duration of one gradient sweep, in milliseconds. */
+    animationDuration?: number;
+    /** Text content painted with the animated gradient. */
+    children: React.ReactNode;
+    /**
+     * At least two gradient stop colors, in order. The first stop is repeated at
+     * the end so a non-alternating loop wraps without a seam. Defaults to the theme
+     * primary and secondary semantic colors, so palette switches follow along.
+     */
+    colors?: readonly [string, string, ...string[]];
+    /** Axis the gradient sweeps along. */
+    direction?: SAnimatedGradientTextDirection;
+    /** Freezes the sweep while a fine pointer is over the text. */
+    pauseOnHover?: boolean;
+    /** Freezes the sweep. */
+    paused?: boolean;
+}
+export interface SAnimatedGradientTextOwnProps extends SAnimatedGradientTextBaseProps {
+    /** Components used for internal structural slots. */
+    slots?: SAnimatedGradientTextSlots;
+    /** Props or owner-state callbacks for internal structural slots. */
+    slotProps?: SAnimatedGradientTextSlotProps;
+}
+/** Props for <SAnimatedGradientText>. */
+export type SAnimatedGradientTextProps = SAnimatedGradientTextOwnProps & Omit<TypographyProps, keyof SAnimatedGradientTextOwnProps | 'children' | 'color'> & {
+    /**
+     * The root element or component rendered by MUI Typography.
+     *
+     * The public component overload narrows its native props when this is set.
+     */
+    component?: React.ElementType;
+};
+export interface SAnimatedGradientTextOwnerState extends SAnimatedGradientTextBaseProps {
+    alternate: boolean;
+    animationDuration: number;
+    direction: SAnimatedGradientTextDirection;
+    pauseOnHover: boolean;
+    paused: boolean;
+}
+export interface SAnimatedGradientTextSlots {
+    /** Component used for the root slot. */
+    root?: React.ElementType;
+}
+export interface SAnimatedGradientTextSlotProps {
+    /** Props or owner-state callback applied to the root slot. */
+    root?: OwnerStateSlotProps<Omit<TypographyProps, 'children' | 'color'>, SAnimatedGradientTextOwnerState>;
+}
+export interface SAnimatedGradientTextComponent {
+    <RootComponent extends React.ElementType = 'span'>(props: {
+        /** The root element or component rendered by MUI Typography. */
+        component?: RootComponent;
+    } & SAnimatedGradientTextOwnProps & Omit<React.ComponentPropsWithRef<NoInfer<RootComponent>>, keyof SAnimatedGradientTextOwnProps | 'children' | 'color' | 'component'>): React.JSX.Element | null;
+    displayName?: string;
+}
+export declare const SAnimatedGradientText: SAnimatedGradientTextComponent;
+export default SAnimatedGradientText;