@solostylist/ui-kit 2.0.2 → 2.0.4

package/dist/s-accordion/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-accordion-1oLxQhod.js";
+import { SAccordion as e } from "./s-accordion.js";
 export { e as SAccordion, e as default };

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

@@ -1,2 +1,70 @@
-import { t as e } from "../s-accordion-1oLxQhod.js";
-export { e as SAccordion, e as default };
+import { toSxArray as e } from "../utils/sx.js";
+import { styled as t, useThemeProps as n } from "@mui/material/styles";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@mui/icons-material/ExpandMore";
+import s from "@mui/material/Typography";
+import { useControlled as c } from "@mui/material/utils";
+import l from "@mui/utils/appendOwnerState";
+import u from "@mui/material/Stack";
+import d from "@mui/material/Accordion";
+import f from "@mui/material/AccordionDetails";
+import p from "@mui/material/AccordionSummary";
+//#region lib/s-accordion/s-accordion.tsx
+var m = t(d, {
+	name: "SAccordion",
+	slot: "Root"
+})({});
+function h(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var g = r.forwardRef(function(t, r) {
+	let d = n({
+		props: t,
+		name: "SAccordion"
+	}), { children: g, defaultExpanded: _ = !1, disabled: v = !1, expandIcon: y = /* @__PURE__ */ i(o, {}), expanded: b, onChange: x, slotProps: S, slots: C, startIcon: w, title: T, ...E } = d, [D, O] = c({
+		controlled: b,
+		default: _,
+		name: "SAccordion",
+		state: "expanded"
+	}), k = {
+		...d,
+		disabled: v,
+		expanded: D
+	}, { details: A = f, summary: j = p, summaryContent: M = u, title: N = s, ...P } = C ?? {}, { details: F, summary: I, summaryContent: L, title: R, ...z } = S ?? {}, B = l(C?.summary, h(I, k) ?? {}, k), V = l(C?.summaryContent, h(L, k) ?? {}, k), H = l(C?.title, h(R, k) ?? {}, k), U = l(C?.details, h(F, k) ?? {}, k), { sx: W, ...G } = V, { sx: K, ...q } = H;
+	return /* @__PURE__ */ a(m, {
+		elevation: 0,
+		...E,
+		disabled: v,
+		expanded: D,
+		onChange: (e, t) => {
+			O(t), x?.(e, t);
+		},
+		ownerState: k,
+		ref: r,
+		slots: P,
+		slotProps: z,
+		children: [T != null || w ? /* @__PURE__ */ i(j, {
+			expandIcon: y,
+			...B,
+			children: /* @__PURE__ */ a(M, {
+				direction: "row",
+				spacing: 1,
+				...G,
+				sx: [{ alignItems: "center" }, ...e(W)],
+				children: [w, /* @__PURE__ */ i(N, {
+					variant: "subtitle1",
+					...q,
+					sx: [{ fontWeight: 600 }, ...e(K)],
+					children: T
+				})]
+			})
+		}) : null, /* @__PURE__ */ i(A, {
+			...U,
+			children: g
+		})]
+	});
+});
+g.displayName = "SAccordion";
+//#endregion
+export { g as SAccordion, g as default };

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

@@ -1,11 +1,11 @@
 import { toSxArray as e } from "../utils/sx.js";
-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";
+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";
 //#region lib/s-action-overlay/s-action-overlay.tsx
-var u = 40, d = 16, f = c(o, {
+var u = 40, d = 16, f = s(a, {
 	name: "SActionOverlay",
 	slot: "Root"
 })({});
@@ -19,18 +19,18 @@ function m(e) {
 		justifyContent: t
 	};
 }
-var h = r.forwardRef(function(c, h) {
-	let g = l({
-		props: c,
+var h = n.forwardRef(function(s, h) {
+	let g = c({
+		props: s,
 		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] = r.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] = n.useState(!1), V = L ?? z, H = {
 		...g,
 		position: j,
 		visible: V
-	}, 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) => {
+	}, 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) => {
 		M && (L === void 0 && B(t), A?.(e, t));
 	};
-	return /* @__PURE__ */ a(f, {
+	return /* @__PURE__ */ i(f, {
 		...R,
 		"aria-label": _ ?? (M ? "Show actions" : void 0),
 		onBlur: (e) => {
@@ -52,7 +52,7 @@ var h = r.forwardRef(function(c, h) {
 			display: "inline-flex",
 			position: "relative"
 		}, ...e(F)],
-		children: [C, V ? /* @__PURE__ */ i(U, {
+		children: [C, V ? /* @__PURE__ */ r(U, {
 			...J,
 			sx: [{
 				...Z,
@@ -66,7 +66,7 @@ var h = r.forwardRef(function(c, h) {
 				transform: "translateZ(0)",
 				transition: "opacity 200ms ease-in-out"
 			}, ...e(q)],
-			children: /* @__PURE__ */ i(W, {
+			children: /* @__PURE__ */ r(W, {
 				container: !0,
 				spacing: 2,
 				...X,
@@ -74,16 +74,16 @@ var h = r.forwardRef(function(c, h) {
 					justifyContent: Z.justifyContent,
 					maxWidth: T ?? Q
 				}, ...e(Y)],
-				children: v.map(({ icon: t, label: r, selected: a, sx: o, ...c }, l) => /* @__PURE__ */ i(s, {
+				children: v.map(({ icon: n, label: i, selected: a, sx: s, ...c }, l) => /* @__PURE__ */ r(o, {
 					sx: {
 						display: "flex",
 						justifyContent: "center"
 					},
-					children: /* @__PURE__ */ i(n, {
+					children: /* @__PURE__ */ r(t, {
 						...c,
-						"aria-label": r,
+						"aria-label": i,
 						"aria-pressed": a,
-						tooltip: r,
+						tooltip: i,
 						slotProps: { tooltip: { placement: "top" } },
 						sx: [{
 							bgcolor: a ? "primary.main" : void 0,
@@ -99,10 +99,10 @@ var h = r.forwardRef(function(c, h) {
 								bgcolor: a ? "primary.main" : void 0,
 								color: a ? "primary.contrastText" : void 0
 							}
-						}, ...e(o)],
-						children: t
+						}, ...e(s)],
+						children: n
 					})
-				}, `${r}-${l}`))
+				}, `${i}-${l}`))
 			})
 		}) : null]
 	});

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

@@ -1,22 +1,21 @@
 import { resolveOwnerStateSlotProps as e } from "../utils/slots.js";
-import { t } from "../useForkRef-BuNFTXxE.js";
-import { t as n } from "../appendOwnerState-CFQTq3pb.js";
-import { t as r } from "../mergeSlotProps-DC8r4QzS.js";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { Typography as o, keyframes as s, styled as c, useThemeProps as l } from "@mui/material";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Typography as r, keyframes as i, styled as a, useThemeProps as o } from "@mui/material";
+import { mergeSlotProps as s, useForkRef as c } from "@mui/material/utils";
+import l from "@mui/utils/appendOwnerState";
 //#region lib/s-animated-gradient-text/s-animated-gradient-text.tsx
-var u = s`
+var u = i`
   from { background-position: 0% 50%; }
   to { background-position: 100% 50%; }
-`, d = s`
+`, d = i`
   from { background-position: 50% 0%; }
   to { background-position: 50% 100%; }
 `, f = {
 	diagonal: {
 		angle: "to bottom right",
 		backgroundSize: "300% 300%",
-		keyframe: s`
+		keyframe: i`
   from { background-position: 0% 0%; }
   to { background-position: 100% 100%; }
 `
@@ -44,7 +43,7 @@ var u = s`
 			backgroundPosition: "center"
 		}
 	};
-}, h = c(o, {
+}, h = a(r, {
 	name: "SAnimatedGradientText",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -68,26 +67,26 @@ var u = s`
 		style: { "@media (hover: hover) and (pointer: fine)": { "&:hover": { animationPlayState: "paused" } } }
 	}]
 }));
-function g(i, o) {
-	let s = l({
-		props: i,
+function g(t, r) {
+	let i = o({
+		props: t,
 		name: "SAnimatedGradientText"
-	}), { alternate: c = !0, animationDuration: u = 8e3, children: d, colors: f, direction: p = "horizontal", pauseOnHover: m = !1, paused: g = !1, slotProps: _, slots: v, ...y } = s, b = {
-		...s,
-		alternate: c,
+	}), { alternate: a = !0, animationDuration: u = 8e3, children: d, colors: f, direction: p = "horizontal", pauseOnHover: m = !1, paused: g = !1, slotProps: _, slots: v, ...y } = i, b = {
+		...i,
+		alternate: a,
 		animationDuration: u,
 		colors: f,
 		direction: p,
 		pauseOnHover: m,
 		paused: g
-	}, x = v?.root ?? h, { ref: S, ...C } = n(x, r(e(_?.root, b), y), b), w = t(S, o);
-	return /* @__PURE__ */ a(x, {
+	}, x = v?.root ?? h, { ref: S, ...C } = l(x, s(e(_?.root, b), y), b), w = c(S, r);
+	return /* @__PURE__ */ n(x, {
 		...C,
 		ref: w,
 		children: d
 	});
 }
-var _ = i.forwardRef(g);
+var _ = t.forwardRef(g);
 _.displayName = "SAnimatedGradientText";
 //#endregion
 export { _ as SAnimatedGradientText, _ as default };

package/dist/s-announcement-bar/s-announcement-bar.js

@@ -1,28 +1,25 @@
 import { toSxArray as e } from "../utils/sx.js";
 import { resolveOwnerStateSlotProps as t } from "../utils/slots.js";
-import { t as n } from "../useForkRef-BuNFTXxE.js";
-import { t as r } from "../useEventCallback-DGCsaRIu.js";
-import { t as i } from "../appendOwnerState-CFQTq3pb.js";
-import { t as a } from "../useControlled-DqNPBJNp.js";
-import { t as o } from "../mergeSlotProps-DC8r4QzS.js";
-import { t as ee } from "../Add-CEnTWsXs.js";
-import { t as te } from "../Close-CIYOM-Sc.js";
-import { t as s } from "../Remove-DDEn8ek8.js";
-import { SIconButton as c } from "../s-icon-button/s-icon-button.js";
-import { SChip as l } from "../s-chip/s-chip.js";
-import * as u from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Box as m, Container as h, Typography as g, keyframes as _, styled as v, useThemeProps as y } from "@mui/material";
+import { SIconButton as n } from "../s-icon-button/s-icon-button.js";
+import { SChip as r } from "../s-chip/s-chip.js";
+import * as i from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Box as c, Container as l, Typography as u, keyframes as d, styled as f, useThemeProps as p } from "@mui/material";
+import { mergeSlotProps as m, useControlled as h, useEventCallback as g, useForkRef as _ } from "@mui/material/utils";
+import v from "@mui/utils/appendOwnerState";
+import ee from "@mui/icons-material/Close";
+import te from "@mui/icons-material/Add";
+import y from "@mui/icons-material/Remove";
 //#region lib/s-announcement-bar/s-announcement-bar.tsx
-var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) saturate(105%)", C = "scale(1.14)", w = "blur(8px) saturate(115%)", T = "100% 100%, 220% 220%", E = "115deg", D = .34, O = "--SAnnouncementBar-scrimOpacity", k = .62, A = _`
+var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) saturate(105%)", C = "scale(1.14)", w = "blur(8px) saturate(115%)", T = "100% 100%, 220% 220%", E = "115deg", D = .34, O = "--SAnnouncementBar-scrimOpacity", k = .62, A = d`
   0% { background-position: 0 0, 0% 50%; }
   50% { background-position: 0 0, 100% 50%; }
   100% { background-position: 0 0, 0% 50%; }
-`, j = _`
+`, j = d`
   0%, 28% { opacity: 0; }
   33%, 61% { opacity: 0.36; }
   66%, 100% { opacity: 0; }
-`, M = _`
+`, M = d`
   0%, 61% { opacity: 0; }
   66%, 94% { opacity: 0.28; }
   100% { opacity: 0; }
@@ -48,7 +45,7 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 		animation: "none",
 		opacity: .3
 	}
-}), ne = v(m, {
+}), ne = f(c, {
 	name: "SAnnouncementBar",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -93,7 +90,7 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 			}
 		]
 	};
-}), re = v(m, {
+}), re = f(c, {
 	name: "SAnnouncementBar",
 	slot: "GlowStart",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -103,7 +100,7 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 		...I(t, e, j),
 		backgroundImage: `radial-gradient(circle at 18% 50%, ${n[n.length - 1]} 0%, ${n[Math.max(n.length - 2, 0)]} 36%, transparent 70%)`
 	};
-}), ie = v(m, {
+}), ie = f(c, {
 	name: "SAnnouncementBar",
 	slot: "GlowEnd",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -113,7 +110,7 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 		...I(t, e, M),
 		backgroundImage: `radial-gradient(circle at 82% 50%, ${n[Math.min(1, n.length - 1)]} 0%, ${n[0]} 38%, transparent 72%)`
 	};
-}), ae = v(h, {
+}), ae = f(l, {
 	name: "SAnnouncementBar",
 	slot: "Container",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -126,7 +123,7 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 	paddingBlock: e.spacing(.5),
 	position: "relative",
 	zIndex: 1
-})), oe = v(l, {
+})), oe = f(r, {
 	name: "SAnnouncementBar",
 	slot: "Badge",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -134,14 +131,14 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 	flexShrink: 0,
 	height: e.spacing(3),
 	variants: [{ props: N }]
-})), se = v(g, {
+})), se = f(u, {
 	name: "SAnnouncementBar",
 	slot: "Message",
 	shouldForwardProp: (e) => e !== "ownerState"
 })({
 	flex: "1 1 auto",
 	minWidth: 0
-}), ce = v(m, {
+}), ce = f(c, {
 	name: "SAnnouncementBar",
 	slot: "Actions",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -165,7 +162,7 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 			order: 4
 		} }
 	}]
-})), le = v(c, {
+})), le = f(n, {
 	name: "SAnnouncementBar",
 	slot: "ExpandToggle",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -174,30 +171,30 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 	flexShrink: 0,
 	order: 2,
 	[e.breakpoints.down("sm")]: { display: "inline-flex" }
-})), ue = v(c, {
+})), ue = f(n, {
 	name: "SAnnouncementBar",
 	slot: "DismissButton",
 	shouldForwardProp: (e) => e !== "ownerState"
 })({
 	flexShrink: 0,
 	order: 3
-}), L = u.forwardRef(function(c, l) {
-	let m = y({
-		props: c,
+}), L = i.forwardRef(function(n, r) {
+	let c = p({
+		props: n,
 		name: "SAnnouncementBar"
-	}), { actions: h, animationDuration: g = 7e3, badge: _, children: v, collapseLabel: b = "Hide announcement details", collapsible: x = !1, colors: S, defaultExpanded: C = !1, defaultOpen: w = !0, dismissLabel: T = "Dismiss announcement", dismissible: E = !1, expandLabel: D = "Show announcement details", expanded: O, onClose: k, onExpandedChange: A, open: j, paused: M = !1, slotProps: N, slots: P, sx: F, variant: I = "plain", ...L } = m, [R, z] = a({
+	}), { actions: l, animationDuration: u = 7e3, badge: d, children: f, collapseLabel: b = "Hide announcement details", collapsible: x = !1, colors: S, defaultExpanded: C = !1, defaultOpen: w = !0, dismissLabel: T = "Dismiss announcement", dismissible: E = !1, expandLabel: D = "Show announcement details", expanded: O, onClose: k, onExpandedChange: A, open: j, paused: M = !1, slotProps: N, slots: P, sx: F, variant: I = "plain", ...L } = c, [R, z] = h({
 		controlled: O,
 		default: C,
 		name: "SAnnouncementBar",
 		state: "expanded"
-	}), [B, V] = a({
+	}), [B, V] = h({
 		controlled: j,
 		default: w,
 		name: "SAnnouncementBar",
 		state: "open"
 	}), H = {
-		...m,
-		animationDuration: g,
+		...c,
+		animationDuration: u,
 		collapsible: x,
 		colors: S,
 		dismissible: E,
@@ -205,66 +202,66 @@ var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) s
 		open: B,
 		paused: M,
 		variant: I
-	}, U = P?.root ?? ne, W = P?.glowStart ?? re, G = P?.glowEnd ?? ie, K = P?.container ?? ae, q = P?.badge ?? oe, J = P?.message ?? se, Y = P?.actions ?? ce, X = P?.expandToggle ?? le, Z = P?.dismissButton ?? ue, Q = `${u.useId()}-actions`, de = r((e) => {
+	}, U = P?.root ?? ne, W = P?.glowStart ?? re, G = P?.glowEnd ?? ie, K = P?.container ?? ae, q = P?.badge ?? oe, J = P?.message ?? se, Y = P?.actions ?? ce, X = P?.expandToggle ?? le, Z = P?.dismissButton ?? ue, Q = `${i.useId()}-actions`, de = g((e) => {
 		let t = !R;
 		z(t), A?.(e, t);
-	}), fe = r((e) => {
+	}), fe = g((e) => {
 		V(!1), k?.(e);
-	}), { ref: pe, sx: me, ...he } = i(U, o(t(N?.root, H), {
+	}), { ref: pe, sx: me, ...he } = v(U, m(t(N?.root, H), {
 		...L,
 		"aria-label": L["aria-label"] ?? "Announcement",
 		role: "region"
-	}), H), ge = n(pe, l), $ = i(W, t(N?.glowStart, H) ?? {}, H), _e = i(G, t(N?.glowEnd, H) ?? {}, H), ve = i(K, t(N?.container, H) ?? {}, H), ye = i(q, o(t(N?.badge, H), {
+	}), H), ge = _(pe, r), $ = v(W, t(N?.glowStart, H) ?? {}, H), _e = v(G, t(N?.glowEnd, H) ?? {}, H), ve = v(K, t(N?.container, H) ?? {}, H), ye = v(q, m(t(N?.badge, H), {
 		color: "error",
 		size: "small"
-	}), H), be = i(J, o(t(N?.message, H), {
+	}), H), be = v(J, m(t(N?.message, H), {
 		component: "span",
 		variant: "body2"
-	}), H), xe = i(Y, o(t(N?.actions, H), { id: Q }), H), Se = i(X, o(t(N?.expandToggle, H), {
+	}), H), xe = v(Y, m(t(N?.actions, H), { id: Q }), H), Se = v(X, m(t(N?.expandToggle, H), {
 		"aria-controls": Q,
 		"aria-expanded": R,
 		"aria-label": R ? b : D,
 		color: "inherit",
 		onClick: de,
 		size: "small"
-	}), H), Ce = i(Z, o(t(N?.dismissButton, H), {
+	}), H), Ce = v(Z, m(t(N?.dismissButton, H), {
 		"aria-label": T,
 		color: "inherit",
 		onClick: fe,
 		size: "small"
 	}), H);
-	return B ? /* @__PURE__ */ p(U, {
+	return B ? /* @__PURE__ */ s(U, {
 		...he,
 		ref: ge,
 		sx: [...e(me), ...e(F)],
-		children: [I === "announcement" ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(W, {
+		children: [I === "announcement" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(W, {
 			...$,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ f(G, {
+		}), /* @__PURE__ */ o(G, {
 			..._e,
 			"aria-hidden": !0
-		})] }) : null, /* @__PURE__ */ p(K, {
+		})] }) : null, /* @__PURE__ */ s(K, {
 			...ve,
 			children: [
-				_ == null ? null : /* @__PURE__ */ f(q, {
+				d == null ? null : /* @__PURE__ */ o(q, {
 					...ye,
-					label: _
+					label: d
 				}),
-				v == null ? null : /* @__PURE__ */ f(J, {
+				f == null ? null : /* @__PURE__ */ o(J, {
 					...be,
-					children: v
+					children: f
 				}),
-				h == null ? null : /* @__PURE__ */ f(Y, {
+				l == null ? null : /* @__PURE__ */ o(Y, {
 					...xe,
-					children: h
+					children: l
 				}),
-				x && h != null ? /* @__PURE__ */ f(X, {
+				x && l != null ? /* @__PURE__ */ o(X, {
 					...Se,
-					children: f(R ? s : ee, {})
+					children: o(R ? y : te, {})
 				}) : null,
-				E ? /* @__PURE__ */ f(Z, {
+				E ? /* @__PURE__ */ o(Z, {
 					...Ce,
-					children: /* @__PURE__ */ f(te, {})
+					children: /* @__PURE__ */ o(ee, {})
 				}) : null
 			]
 		})]

package/dist/s-autocomplete/s-autocomplete.js

@@ -1,4 +1,4 @@
-import { t as e } from "../s-text-field-HYyDf1Jo.js";
+import { STextField as e } from "../s-text-field/s-text-field.js";
 import { forwardRef as t, useId as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { Autocomplete as i, styled as a, useThemeProps as o } from "@mui/material";

package/dist/s-avatar/s-avatar.js

@@ -1,43 +1,43 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CFQTq3pb.js";
-import { SLazyImage as n } from "../s-lazy-image/s-lazy-image.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Avatar as o, Box as s, Typography as c, styled as l, useThemeProps as u } from "@mui/material";
+import { SLazyImage as t } from "../s-lazy-image/s-lazy-image.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Avatar as a, Box as o, Typography as s, styled as c, useThemeProps as l } from "@mui/material";
+import u from "@mui/utils/appendOwnerState";
 //#region lib/s-avatar/s-avatar.tsx
-var d = l(s, {
+var d = c(o, {
 	name: "SAvatar",
 	slot: "Root"
 })({}), f = (e) => e <= 32 ? 12 : e <= 40 ? 16 : e <= 56 ? 18 : Math.round(e * .4);
 function p(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var m = r.forwardRef(function(r, s) {
-	let l = u({
-		props: r,
+var m = n.forwardRef(function(n, o) {
+	let c = l({
+		props: n,
 		name: "SAvatar"
-	}), { alt: m, children: h, name: g, showName: _ = !1, size: v = 40, slotProps: y, slots: b, src: x, sx: S, ...C } = l, w = {
-		...l,
+	}), { alt: m, children: h, name: g, showName: _ = !1, size: v = 40, slotProps: y, slots: b, src: x, sx: S, ...C } = c, w = {
+		...c,
 		showName: _,
 		size: v
-	}, T = b?.avatar ?? o, E = b?.image ?? n, D = b?.name ?? c, O = t(b?.avatar, p(y?.avatar, w) ?? {}, w), k = t(b?.image, p(y?.image, w) ?? {}, w), A = t(b?.name, p(y?.name, w) ?? {}, w), { sx: j, ...M } = O;
-	return /* @__PURE__ */ a(d, {
+	}, T = b?.avatar ?? a, E = b?.image ?? t, D = b?.name ?? s, O = u(b?.avatar, p(y?.avatar, w) ?? {}, w), k = u(b?.image, p(y?.image, w) ?? {}, w), A = u(b?.name, p(y?.name, w) ?? {}, w), { sx: j, ...M } = O;
+	return /* @__PURE__ */ i(d, {
 		...C,
 		ownerState: w,
-		ref: s,
+		ref: o,
 		sx: [{
 			alignItems: "center",
 			display: "flex",
 			gap: 2
 		}, ...e(S)],
-		children: [/* @__PURE__ */ i(T, {
+		children: [/* @__PURE__ */ r(T, {
 			...M,
 			sx: [{
 				fontSize: f(v),
 				height: v,
 				width: v
 			}, ...e(j)],
-			children: h ?? (x ? /* @__PURE__ */ i(E, {
+			children: h ?? (x ? /* @__PURE__ */ r(E, {
 				...k,
 				alt: m ?? (typeof g == "string" ? g : "Avatar"),
 				height: v,
@@ -45,7 +45,7 @@ var m = r.forwardRef(function(r, s) {
 				variant: "circular",
 				width: v
 			}) : (typeof g == "string" ? g[0] : void 0) ?? "A")
-		}), _ && g != null ? /* @__PURE__ */ i(D, {
+		}), _ && g != null ? /* @__PURE__ */ r(D, {
 			...A,
 			children: g
 		}) : null]

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

@@ -1,10 +1,10 @@
-import { t as e } from "../useForkRef-BuNFTXxE.js";
-import t, { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Typography as c, styled as l, useThemeProps as u } from "@mui/material";
+import e, { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Typography as s, styled as c, useThemeProps as l } from "@mui/material";
+import { useForkRef as u } from "@mui/material/utils";
 import { motion as d, useReducedMotion as f } from "framer-motion";
 //#region lib/s-blur-text/s-blur-text.tsx
-var p = l(c, {
+var p = c(s, {
 	name: "SBlurText",
 	slot: "Root"
 })({}), m = (e, t) => {
@@ -23,12 +23,12 @@ function h(e, t) {
 		};
 	});
 }
-var g = t.forwardRef(function(t, c) {
-	let l = u({
-		props: t,
+var g = e.forwardRef(function(e, s) {
+	let c = l({
+		props: e,
 		name: "SBlurText"
-	}), { children: g, delay: _ = 100, animateBy: v = "words", direction: y = "top", threshold: b = .1, rootMargin: x = "0px", animationFrom: S, animationTo: C, easing: w = (e) => e, onAnimationComplete: T, stepDuration: E = .35, variant: D = "body1", sx: O, ...k } = l, A = r(() => h(g, v), [g, v]), [j, M] = a(!1), N = i(null), P = i(null), F = e(N, c), I = f();
-	n(() => {
+	}), { children: g, delay: _ = 100, animateBy: v = "words", direction: y = "top", threshold: b = .1, rootMargin: x = "0px", animationFrom: S, animationTo: C, easing: w = (e) => e, onAnimationComplete: T, stepDuration: E = .35, variant: D = "body1", sx: O, ...k } = c, A = n(() => h(g, v), [g, v]), [j, M] = i(!1), N = r(null), P = r(null), F = u(N, s), I = f();
+	t(() => {
 		if (I) {
 			M(!0);
 			return;
@@ -45,7 +45,7 @@ var g = t.forwardRef(function(t, c) {
 		x,
 		I,
 		b
-	]), n(() => {
+	]), t(() => {
 		if (!I) return;
 		let e = `${v}:${g}`;
 		P.current !== e && (P.current = e, T?.());
@@ -55,7 +55,7 @@ var g = t.forwardRef(function(t, c) {
 		I,
 		g
 	]);
-	let L = r(() => y === "top" ? {
+	let L = n(() => y === "top" ? {
 		filter: "blur(10px)",
 		opacity: 0,
 		y: -50
@@ -63,7 +63,7 @@ var g = t.forwardRef(function(t, c) {
 		filter: "blur(10px)",
 		opacity: 0,
 		y: 50
-	}, [y]), R = r(() => [{
+	}, [y]), R = n(() => [{
 		filter: "blur(5px)",
 		opacity: .5,
 		y: y === "top" ? 5 : -5
@@ -72,10 +72,10 @@ var g = t.forwardRef(function(t, c) {
 		opacity: 1,
 		y: 0
 	}], [y]), z = S ?? L, B = C ?? R, V = B[B.length - 1] ?? z, H = {
-		...l,
+		...c,
 		inView: j
 	}, U = B.length + 1, W = E * (U - 1), G = Array.from({ length: U }, (e, t) => U === 1 ? 0 : t / (U - 1));
-	return /* @__PURE__ */ o(p, {
+	return /* @__PURE__ */ a(p, {
 		...k,
 		ownerState: H,
 		ref: F,
@@ -88,7 +88,7 @@ var g = t.forwardRef(function(t, c) {
 				delay: n * _ / 1e3,
 				ease: w
 			};
-			return /* @__PURE__ */ s(d.span, {
+			return /* @__PURE__ */ o(d.span, {
 				initial: I ? !1 : z,
 				animate: I ? V : j ? r : z,
 				transition: I ? { duration: 0 } : i,

package/dist/s-brand-logo/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-brand-logo-D7Jovf5K.js";
+import { t as e } from "../s-brand-logo-CErW9Slg.js";
 export { e as SBrandLogo, e as default };

package/dist/s-brand-logo/s-brand-logo.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-brand-logo-D7Jovf5K.js";
+import { t as e } from "../s-brand-logo-CErW9Slg.js";
 export { e as SBrandLogo, e as default };