@solostylist/ui-kit 2.0.1 → 2.0.2

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

@@ -0,0 +1,93 @@
+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";
+//#region lib/s-animated-gradient-text/s-animated-gradient-text.tsx
+var u = s`
+  from { background-position: 0% 50%; }
+  to { background-position: 100% 50%; }
+`, d = s`
+  from { background-position: 50% 0%; }
+  to { background-position: 50% 100%; }
+`, f = {
+	diagonal: {
+		angle: "to bottom right",
+		backgroundSize: "300% 300%",
+		keyframe: s`
+  from { background-position: 0% 0%; }
+  to { background-position: 100% 100%; }
+`
+	},
+	horizontal: {
+		angle: "to right",
+		backgroundSize: "300% 100%",
+		keyframe: u
+	},
+	vertical: {
+		angle: "to bottom",
+		backgroundSize: "100% 300%",
+		keyframe: d
+	}
+}, p = 200 / 3, m = (e, t) => {
+	let n = (e.vars ?? e).palette, { angle: r, backgroundSize: i, keyframe: a } = f[t.direction], o = t.colors?.length ? t.colors : [n.primary.main, n.secondary.main], s = [...o, o[0]].map((e, t) => `${e} ${t / o.length * p}%`).join(", ");
+	return {
+		animation: `${a} ${t.animationDuration}ms linear infinite`,
+		animationDirection: t.alternate ? "alternate" : "normal",
+		backgroundImage: `repeating-linear-gradient(${r}, ${s})`,
+		backgroundRepeat: "no-repeat",
+		backgroundSize: i,
+		"@media (prefers-reduced-motion: reduce)": {
+			animation: "none",
+			backgroundPosition: "center"
+		}
+	};
+}, h = c(o, {
+	name: "SAnimatedGradientText",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => ({
+	...m(t, e),
+	backgroundClip: "text",
+	color: "transparent",
+	display: "inline-block",
+	WebkitBackgroundClip: "text",
+	WebkitTextFillColor: "transparent",
+	"@media (forced-colors: active)": {
+		backgroundImage: "none",
+		color: "CanvasText",
+		WebkitTextFillColor: "revert"
+	},
+	variants: [{
+		props: ({ ownerState: e }) => e.paused,
+		style: { animationPlayState: "paused" }
+	}, {
+		props: ({ ownerState: e }) => e.pauseOnHover,
+		style: { "@media (hover: hover) and (pointer: fine)": { "&:hover": { animationPlayState: "paused" } } }
+	}]
+}));
+function g(i, o) {
+	let s = l({
+		props: i,
+		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,
+		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, {
+		...C,
+		ref: w,
+		children: d
+	});
+}
+var _ = i.forwardRef(g);
+_.displayName = "SAnimatedGradientText";
+//#endregion
+export { _ as SAnimatedGradientText, _ as default };

package/dist/s-announcement-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as SAnnouncementBar } from './s-announcement-bar';
+export type { SAnnouncementBarOwnerState, SAnnouncementBarProps, SAnnouncementBarSlotProps, SAnnouncementBarSlots, SAnnouncementBarVariant, } from './s-announcement-bar';

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

@@ -0,0 +1,2 @@
+import { SAnnouncementBar as e } from "./s-announcement-bar.js";
+export { e as SAnnouncementBar, e as default };

package/dist/s-announcement-bar/s-announcement-bar.d.ts

@@ -0,0 +1,113 @@
+import { BoxProps, ChipProps, ContainerProps, TypographyProps } from '@mui/material';
+import { SIconButtonProps } from '../s-icon-button';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+/** Background treatment of the bar. */
+export type SAnnouncementBarVariant = 'announcement' | 'plain';
+export interface SAnnouncementBarSlots {
+    /** Trailing cluster holding `actions`. */
+    actions?: React.ElementType;
+    /** Leading label chip. */
+    badge?: React.ElementType;
+    /** Width-constraining row inside the bar. */
+    container?: React.ElementType;
+    /** Button that dismisses the bar. */
+    dismissButton?: React.ElementType;
+    /** Button that toggles the collapsed action row on small screens. */
+    expandToggle?: React.ElementType;
+    /** Bloom layer anchored to the trailing side. */
+    glowEnd?: React.ElementType;
+    /** Bloom layer anchored to the leading side. */
+    glowStart?: React.ElementType;
+    /** Announcement message. */
+    message?: React.ElementType;
+    /** Full-bleed bar surface. */
+    root?: React.ElementType;
+}
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SAnnouncementBarOwnerState>;
+export interface SAnnouncementBarSlotProps {
+    /** Props or owner-state callback for the actions slot. */
+    actions?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    /** Props or owner-state callback for the badge slot. */
+    badge?: OwnerStateSlotProps<Omit<ChipProps, 'children' | 'label'>>;
+    /** Props or owner-state callback for the container slot. */
+    container?: OwnerStateSlotProps<Omit<ContainerProps, 'children'>>;
+    /** Props or owner-state callback for the dismiss button slot. */
+    dismissButton?: OwnerStateSlotProps<Omit<SIconButtonProps, 'children'>>;
+    /** Props or owner-state callback for the expand toggle slot. */
+    expandToggle?: OwnerStateSlotProps<Omit<SIconButtonProps, 'children'>>;
+    /** Props or owner-state callback for the trailing glow slot. */
+    glowEnd?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    /** Props or owner-state callback for the leading glow slot. */
+    glowStart?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    /** Props or owner-state callback for the message slot. */
+    message?: OwnerStateSlotProps<Omit<TypographyProps, 'children'>>;
+    /** Props or owner-state callback for the root slot. */
+    root?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+}
+/** Props for a full-bleed announcement bar. */
+export interface SAnnouncementBarProps extends Omit<BoxProps, 'children' | 'component' | 'title'> {
+    /** Trailing content — social links, a locale switcher, a call to action. */
+    actions?: React.ReactNode;
+    /** Duration of one gradient pan, in milliseconds. */
+    animationDuration?: number;
+    /** Leading label, rendered inside an `SChip`. */
+    badge?: React.ReactNode;
+    /** Announcement message. */
+    children?: React.ReactNode;
+    /** Accessible name of the expand toggle while the action row is open. */
+    collapseLabel?: string;
+    /**
+     * Collapses `actions` behind a toggle below the `sm` breakpoint, so a long
+     * message and a wide action row never fight for the same line on mobile.
+     */
+    collapsible?: boolean;
+    /**
+     * Gradient stop colors of the `announcement` variant, in order. Defaults to
+     * the live brand and secondary ramps so a palette switch follows along.
+     */
+    colors?: string[];
+    /** Initial expanded state of the collapsible action row. */
+    defaultExpanded?: boolean;
+    /** Initial visibility for uncontrolled dismissal. */
+    defaultOpen?: boolean;
+    /** Accessible name of the dismiss button. */
+    dismissLabel?: string;
+    /** Renders a dismiss button at the trailing end of the bar. */
+    dismissible?: boolean;
+    /** Expanded state of the collapsible action row for controlled usage. */
+    expanded?: boolean;
+    /** Accessible name of the expand toggle while the action row is closed. */
+    expandLabel?: string;
+    /** Called when the dismiss button is pressed. */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Called with the next expanded state when the toggle is pressed. */
+    onExpandedChange?: (event: React.MouseEvent<HTMLButtonElement>, expanded: boolean) => void;
+    /** Visibility for controlled dismissal. */
+    open?: boolean;
+    /** Freezes the gradient pan and the glow cycle. */
+    paused?: boolean;
+    /** Props or owner-state callbacks for internal structural slots. */
+    slotProps?: SAnnouncementBarSlotProps;
+    /** Components used for internal structural slots. */
+    slots?: SAnnouncementBarSlots;
+    /** Background treatment of the bar. */
+    variant?: SAnnouncementBarVariant;
+}
+export interface SAnnouncementBarOwnerState extends SAnnouncementBarProps {
+    animationDuration: number;
+    collapsible: boolean;
+    dismissible: boolean;
+    expanded: boolean;
+    open: boolean;
+    paused: boolean;
+    variant: SAnnouncementBarVariant;
+}
+/**
+ * Full-bleed announcement bar with a badge, a message, an action cluster and an
+ * optional dismiss control. The `announcement` variant paints an animated brand
+ * gradient with two drifting glow layers, all of which stop under
+ * `prefers-reduced-motion` or when `paused` is set.
+ */
+export declare const SAnnouncementBar: React.ForwardRefExoticComponent<Omit<SAnnouncementBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default SAnnouncementBar;

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

@@ -0,0 +1,275 @@
+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";
+//#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 = _`
+  0% { background-position: 0 0, 0% 50%; }
+  50% { background-position: 0 0, 100% 50%; }
+  100% { background-position: 0 0, 0% 50%; }
+`, j = _`
+  0%, 28% { opacity: 0; }
+  33%, 61% { opacity: 0.36; }
+  66%, 100% { opacity: 0; }
+`, M = _`
+  0%, 61% { opacity: 0; }
+  66%, 94% { opacity: 0.28; }
+  100% { opacity: 0; }
+`, N = ({ ownerState: e }) => e.variant === "announcement", P = (e, t) => {
+	let n = (e.vars ?? e).palette;
+	return t.colors?.length ? t.colors : [
+		n.primary[900],
+		n.primary[600],
+		n.secondary[400],
+		n.secondary[200]
+	];
+}, F = (e) => e.map((t, n) => `${t} ${n / Math.max(e.length - 1, 1) * 100}%`).join(", "), I = (e, t, n) => ({
+	animation: `${n} ${t.animationDuration}ms ${e.transitions.easing.easeInOut} infinite`,
+	filter: S,
+	inset: x,
+	opacity: 0,
+	pointerEvents: "none",
+	position: "absolute",
+	transform: C,
+	willChange: "opacity",
+	zIndex: 0,
+	[b]: {
+		animation: "none",
+		opacity: .3
+	}
+}), ne = v(m, {
+	name: "SAnnouncementBar",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => {
+	let n = (t.vars ?? t).palette, r = `rgba(${n.background.paperChannel} / var(${O}))`;
+	return {
+		...t.typography.body2,
+		minHeight: t.spacing(5),
+		overflow: "hidden",
+		position: "relative",
+		width: "100%",
+		variants: [
+			{
+				props: ({ ownerState: e }) => e.variant === "plain",
+				style: {
+					backgroundColor: n.background.paper,
+					borderBottom: `1px solid ${n.divider}`,
+					color: n.text.primary
+				}
+			},
+			{
+				props: N,
+				style: {
+					[O]: k,
+					animation: `${A} ${e.animationDuration}ms ${t.transitions.easing.easeInOut} infinite`,
+					backdropFilter: w,
+					backgroundImage: `linear-gradient(${r}, ${r}), linear-gradient(${E}, ${F(P(t, e))})`,
+					backgroundSize: T,
+					borderBottom: `1px solid rgba(${n.primary.mainChannel} / ${D})`,
+					boxShadow: t.shadows[1],
+					color: n.text.primary,
+					isolation: "isolate",
+					[b]: {
+						animation: "none",
+						backgroundPosition: "0 0, 50% 50%"
+					}
+				}
+			},
+			{
+				props: ({ ownerState: e }) => e.paused,
+				style: { "&, & > *": { animationPlayState: "paused" } }
+			}
+		]
+	};
+}), re = v(m, {
+	name: "SAnnouncementBar",
+	slot: "GlowStart",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => {
+	let n = P(t, e);
+	return {
+		...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, {
+	name: "SAnnouncementBar",
+	slot: "GlowEnd",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => {
+	let n = P(t, e);
+	return {
+		...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, {
+	name: "SAnnouncementBar",
+	slot: "Container",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	alignItems: "center",
+	display: "flex",
+	flexWrap: "wrap",
+	gap: e.spacing(1),
+	minHeight: e.spacing(5),
+	paddingBlock: e.spacing(.5),
+	position: "relative",
+	zIndex: 1
+})), oe = v(l, {
+	name: "SAnnouncementBar",
+	slot: "Badge",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	flexShrink: 0,
+	height: e.spacing(3),
+	variants: [{ props: N }]
+})), se = v(g, {
+	name: "SAnnouncementBar",
+	slot: "Message",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	flex: "1 1 auto",
+	minWidth: 0
+}), ce = v(m, {
+	name: "SAnnouncementBar",
+	slot: "Actions",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	alignItems: "center",
+	color: "inherit",
+	display: "flex",
+	flexShrink: 0,
+	gap: e.spacing(1.5),
+	marginInlineStart: "auto",
+	"& a": { color: "inherit" },
+	variants: [{
+		props: ({ ownerState: e }) => e.collapsible,
+		style: { [e.breakpoints.down("sm")]: { display: "none" } }
+	}, {
+		props: ({ ownerState: e }) => e.collapsible && e.expanded,
+		style: { [e.breakpoints.down("sm")]: {
+			display: "flex",
+			flexBasis: "100%",
+			marginInlineStart: 0,
+			order: 4
+		} }
+	}]
+})), le = v(c, {
+	name: "SAnnouncementBar",
+	slot: "ExpandToggle",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	display: "none",
+	flexShrink: 0,
+	order: 2,
+	[e.breakpoints.down("sm")]: { display: "inline-flex" }
+})), ue = v(c, {
+	name: "SAnnouncementBar",
+	slot: "DismissButton",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	flexShrink: 0,
+	order: 3
+}), L = u.forwardRef(function(c, l) {
+	let m = y({
+		props: c,
+		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({
+		controlled: O,
+		default: C,
+		name: "SAnnouncementBar",
+		state: "expanded"
+	}), [B, V] = a({
+		controlled: j,
+		default: w,
+		name: "SAnnouncementBar",
+		state: "open"
+	}), H = {
+		...m,
+		animationDuration: g,
+		collapsible: x,
+		colors: S,
+		dismissible: E,
+		expanded: R,
+		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) => {
+		let t = !R;
+		z(t), A?.(e, t);
+	}), fe = r((e) => {
+		V(!1), k?.(e);
+	}), { ref: pe, sx: me, ...he } = i(U, o(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), {
+		color: "error",
+		size: "small"
+	}), H), be = i(J, o(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), {
+		"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), {
+		"aria-label": T,
+		color: "inherit",
+		onClick: fe,
+		size: "small"
+	}), H);
+	return B ? /* @__PURE__ */ p(U, {
+		...he,
+		ref: ge,
+		sx: [...e(me), ...e(F)],
+		children: [I === "announcement" ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(W, {
+			...$,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ f(G, {
+			..._e,
+			"aria-hidden": !0
+		})] }) : null, /* @__PURE__ */ p(K, {
+			...ve,
+			children: [
+				_ == null ? null : /* @__PURE__ */ f(q, {
+					...ye,
+					label: _
+				}),
+				v == null ? null : /* @__PURE__ */ f(J, {
+					...be,
+					children: v
+				}),
+				h == null ? null : /* @__PURE__ */ f(Y, {
+					...xe,
+					children: h
+				}),
+				x && h != null ? /* @__PURE__ */ f(X, {
+					...Se,
+					children: f(R ? s : ee, {})
+				}) : null,
+				E ? /* @__PURE__ */ f(Z, {
+					...Ce,
+					children: /* @__PURE__ */ f(te, {})
+				}) : null
+			]
+		})]
+	}) : null;
+});
+L.displayName = "SAnnouncementBar";
+//#endregion
+export { L as SAnnouncementBar, L as default };

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

@@ -1,4 +1,4 @@
-import { STextField as e } from "../s-text-field/s-text-field.js";
+import { t as e } from "../s-text-field-HYyDf1Jo.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 { 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";
+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";
 //#region lib/s-avatar/s-avatar.tsx
-var d = c(o, {
+var d = l(s, {
 	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 = n.forwardRef(function(n, o) {
-	let c = l({
-		props: n,
+var m = r.forwardRef(function(r, s) {
+	let l = u({
+		props: r,
 		name: "SAvatar"
-	}), { alt: m, children: h, name: g, showName: _ = !1, size: v = 40, slotProps: y, slots: b, src: x, sx: S, ...C } = c, w = {
-		...c,
+	}), { alt: m, children: h, name: g, showName: _ = !1, size: v = 40, slotProps: y, slots: b, src: x, sx: S, ...C } = l, w = {
+		...l,
 		showName: _,
 		size: v
-	}, 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, {
+	}, 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, {
 		...C,
 		ownerState: w,
-		ref: o,
+		ref: s,
 		sx: [{
 			alignItems: "center",
 			display: "flex",
 			gap: 2
 		}, ...e(S)],
-		children: [/* @__PURE__ */ r(T, {
+		children: [/* @__PURE__ */ i(T, {
 			...M,
 			sx: [{
 				fontSize: f(v),
 				height: v,
 				width: v
 			}, ...e(j)],
-			children: h ?? (x ? /* @__PURE__ */ r(E, {
+			children: h ?? (x ? /* @__PURE__ */ i(E, {
 				...k,
 				alt: m ?? (typeof g == "string" ? g : "Avatar"),
 				height: v,
@@ -45,7 +45,7 @@ var m = n.forwardRef(function(n, o) {
 				variant: "circular",
 				width: v
 			}) : (typeof g == "string" ? g[0] : void 0) ?? "A")
-		}), _ && g != null ? /* @__PURE__ */ r(D, {
+		}), _ && g != null ? /* @__PURE__ */ i(D, {
 			...A,
 			children: g
 		}) : null]

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

@@ -1,10 +1,10 @@
-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 { 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 { motion as d, useReducedMotion as f } from "framer-motion";
 //#region lib/s-blur-text/s-blur-text.tsx
-var p = c(s, {
+var p = l(c, {
 	name: "SBlurText",
 	slot: "Root"
 })({}), m = (e, t) => {
@@ -23,12 +23,12 @@ function h(e, t) {
 		};
 	});
 }
-var g = e.forwardRef(function(e, s) {
-	let c = l({
-		props: e,
+var g = t.forwardRef(function(t, c) {
+	let l = u({
+		props: t,
 		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 } = 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(() => {
+	}), { 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(() => {
 		if (I) {
 			M(!0);
 			return;
@@ -45,7 +45,7 @@ var g = e.forwardRef(function(e, s) {
 		x,
 		I,
 		b
-	]), t(() => {
+	]), n(() => {
 		if (!I) return;
 		let e = `${v}:${g}`;
 		P.current !== e && (P.current = e, T?.());
@@ -55,7 +55,7 @@ var g = e.forwardRef(function(e, s) {
 		I,
 		g
 	]);
-	let L = n(() => y === "top" ? {
+	let L = r(() => y === "top" ? {
 		filter: "blur(10px)",
 		opacity: 0,
 		y: -50
@@ -63,7 +63,7 @@ var g = e.forwardRef(function(e, s) {
 		filter: "blur(10px)",
 		opacity: 0,
 		y: 50
-	}, [y]), R = n(() => [{
+	}, [y]), R = r(() => [{
 		filter: "blur(5px)",
 		opacity: .5,
 		y: y === "top" ? 5 : -5
@@ -72,10 +72,10 @@ var g = e.forwardRef(function(e, s) {
 		opacity: 1,
 		y: 0
 	}], [y]), z = S ?? L, B = C ?? R, V = B[B.length - 1] ?? z, H = {
-		...c,
+		...l,
 		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__ */ a(p, {
+	return /* @__PURE__ */ o(p, {
 		...k,
 		ownerState: H,
 		ref: F,
@@ -88,7 +88,7 @@ var g = e.forwardRef(function(e, s) {
 				delay: n * _ / 1e3,
 				ease: w
 			};
-			return /* @__PURE__ */ o(d.span, {
+			return /* @__PURE__ */ s(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-CErW9Slg.js";
+import { t as e } from "../s-brand-logo-D7Jovf5K.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-CErW9Slg.js";
+import { t as e } from "../s-brand-logo-D7Jovf5K.js";
 export { e as SBrandLogo, e as default };