@solostylist/ui-kit 1.0.230 → 2.0.0

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

@@ -1,15 +1,19 @@
-import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Typography as o } from "@mui/material";
-import { motion as s } from "framer-motion";
+import { t as e } from "../useForkRef-CKneCEtr.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 c = (e, t) => {
+var p = l(c, {
+	name: "SBlurText",
+	slot: "Root"
+})({}), m = (e, t) => {
 	let n = new Set([...Object.keys(e), ...t.flatMap((e) => Object.keys(e))]), r = {};
 	return n.forEach((n) => {
 		r[n] = [e[n], ...t.map((e) => e[n])];
 	}), r;
 };
-function l(e, t) {
+function h(e, t) {
 	let n = t === "words" ? e.split(" ") : e.split(""), r = 0;
 	return n.map((e) => {
 		let n = `${t}-${r}-${e}`;
@@ -19,19 +23,39 @@ function l(e, t) {
 		};
 	});
 }
-var u = ({ text: u, delay: d = 100, animateBy: f = "words", direction: p = "top", threshold: m = .1, rootMargin: h = "0px", animationFrom: g, animationTo: _, easing: v = (e) => e, onAnimationComplete: y, stepDuration: b = .35, variant: x = "body1", sx: S, ...C }) => {
-	let w = t(() => l(u, f), [u, f]), [T, E] = r(!1), D = n(null);
-	e(() => {
-		if (!D.current) return;
+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 } = 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;
+		}
+		if (!N.current) return;
 		let e = new IntersectionObserver(([t]) => {
-			t.isIntersecting && (E(!0), e.unobserve(D.current));
+			t.isIntersecting && (M(!0), e.unobserve(N.current));
 		}, {
-			threshold: m,
-			rootMargin: h
+			threshold: b,
+			rootMargin: x
 		});
-		return e.observe(D.current), () => e.disconnect();
-	}, [m, h]);
-	let O = t(() => p === "top" ? {
+		return e.observe(N.current), () => e.disconnect();
+	}, [
+		x,
+		I,
+		b
+	]), n(() => {
+		if (!I) return;
+		let e = `${v}:${g}`;
+		P.current !== e && (P.current = e, T?.());
+	}, [
+		v,
+		T,
+		I,
+		g
+	]);
+	let L = r(() => y === "top" ? {
 		filter: "blur(10px)",
 		opacity: 0,
 		y: -50
@@ -39,41 +63,45 @@ var u = ({ text: u, delay: d = 100, animateBy: f = "words", direction: p = "top"
 		filter: "blur(10px)",
 		opacity: 0,
 		y: 50
-	}, [p]), k = t(() => [{
+	}, [y]), R = r(() => [{
 		filter: "blur(5px)",
 		opacity: .5,
-		y: p === "top" ? 5 : -5
+		y: y === "top" ? 5 : -5
 	}, {
 		filter: "blur(0px)",
 		opacity: 1,
 		y: 0
-	}], [p]), A = g ?? O, j = _ ?? k, M = j.length + 1, N = b * (M - 1), P = Array.from({ length: M }, (e, t) => M === 1 ? 0 : t / (M - 1));
-	return /* @__PURE__ */ i(o, {
-		ref: D,
-		variant: x,
-		sx: S,
-		...C,
-		children: w.map(({ key: e, segment: t }, n) => {
-			let r = c(A, j), i = {
-				duration: N,
-				times: P,
-				delay: n * d / 1e3,
-				ease: v
+	}], [y]), z = S ?? L, B = C ?? R, V = B[B.length - 1] ?? z, H = {
+		...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__ */ o(p, {
+		...k,
+		ownerState: H,
+		ref: F,
+		variant: D,
+		sx: O,
+		children: A.map(({ key: e, segment: t }, n) => {
+			let r = m(z, B), i = {
+				duration: W,
+				times: G,
+				delay: n * _ / 1e3,
+				ease: w
 			};
-			return /* @__PURE__ */ a(s.span, {
-				initial: A,
-				animate: T ? r : A,
-				transition: i,
-				onAnimationComplete: n === w.length - 1 ? y : void 0,
+			return /* @__PURE__ */ s(d.span, {
+				initial: I ? !1 : z,
+				animate: I ? V : j ? r : z,
+				transition: I ? { duration: 0 } : i,
+				onAnimationComplete: !I && n === A.length - 1 ? T : void 0,
 				style: {
 					display: "inline-block",
-					willChange: "transform, filter, opacity"
+					willChange: I ? "auto" : "transform, filter, opacity"
 				},
-				children: [t === " " ? "\xA0" : t, f === "words" && n < w.length - 1 && "\xA0"]
+				children: [t === " " ? "\xA0" : t, v === "words" && n < A.length - 1 && "\xA0"]
 			}, e);
 		})
 	});
-};
-u.displayName = "SBlurText";
+});
+g.displayName = "SBlurText";
 //#endregion
-export { u as SBlurText, u as default };
+export { g as SBlurText, g as default };

package/dist/s-brand-logo/index.d.ts

@@ -0,0 +1,3 @@
+export { SBrandLogo, default } from './s-brand-logo';
+export type { SBrandLogoOwnerState, SBrandLogoProps } from './s-brand-logo';
+export type {} from '../theme/component-augmentation';

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

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

package/dist/s-brand-logo/s-brand-logo.d.ts

@@ -0,0 +1,15 @@
+import { SVGProps } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface SBrandLogoProps extends Omit<SVGProps<SVGSVGElement>, 'children' | 'title'> {
+    /** Accessible title for informative logo usage. Leave empty when the parent link/button already has a label. */
+    title?: string;
+    /** Whether the two mark layers should run the Solo Stylist orbit animation. Default: `true`. */
+    animated?: boolean;
+    /** Additional MUI system styles for the root SVG. */
+    sx?: SxProps<Theme>;
+}
+export type SBrandLogoOwnerState = SBrandLogoProps & {
+    animated: boolean;
+};
+export declare const SBrandLogo: import('react').ForwardRefExoticComponent<Omit<SBrandLogoProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default SBrandLogo;

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

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

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

@@ -0,0 +1,123 @@
+import { toSxArray as e } from "./utils/sx.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { styled as i, useThemeProps as a } from "@mui/material";
+//#region ../core/dist/brand-logo.js
+var o = "0 0 2048 2048", s = "0 0 176 32", c = "74 23 274 50", l = "M 886.524 529.414 C 907.273 527.86 942.845 528.867 964.459 528.861 L 1119.63 528.977 L 1272.95 528.943 C 1307.63 528.931 1349.3 527.653 1383.04 532.064 C 1424.93 537.35 1464.83 553.09 1499.04 577.834 C 1534.31 603.728 1555.12 630.006 1584.65 661.085 L 1718.57 803.851 L 1832.8 923.967 L 1876.09 969.285 C 1891.58 985.37 1901.84 994.991 1915.69 1013.13 C 1953.8 1063.48 1976.55 1123.78 1981.19 1186.76 C 1985.44 1240.04 1980.42 1298.76 1982.31 1352.56 C 1983.38 1383.09 1982.88 1419.2 1978.82 1449.27 C 1972.84 1493.72 1957.88 1536.49 1934.85 1574.99 C 1912.75 1611.62 1886.9 1638.52 1859.1 1670.53 L 1757.98 1786.54 L 1673.84 1883.94 C 1643.8 1919.17 1606.38 1965.67 1570.51 1992.88 C 1537.69 2018.09 1499.16 2034.83 1458.33 2041.61 C 1413.69 2048.93 1361.41 2046.91 1315.53 2047.04 L 1081.19 2046.49 L 846.59 2046.56 C 803.015 2046.6 735.896 2048.5 694.987 2042.82 C 632.821 2034.17 575.902 2003.27 534.8 1955.83 C 518.045 1936.8 496.28 1905.6 480.861 1884.97 L 395.287 1770.98 C 388.099 1761.79 379.074 1746.51 371.464 1738.72 C 451.406 1736.74 534.357 1738.15 614.526 1738.04 L 1084.07 1737.08 L 1255.89 1737.2 C 1317.9 1737.2 1380.72 1743.62 1431.28 1699.58 C 1447.34 1685.59 1461.36 1668.95 1475.53 1653.07 L 1536.68 1584.27 L 1613.89 1497.09 C 1630.47 1478.27 1655.58 1451.74 1667.63 1430.92 C 1713.27 1352.08 1710.52 1223.73 1648.71 1153.74 C 1627.23 1129.42 1600.9 1103.34 1577.89 1079.92 L 1489.53 988.181 L 1407.63 903.398 C 1389.65 884.43 1349.95 840.953 1330.44 826.831 C 1310.68 812.782 1287.41 804.496 1263.22 802.896 C 1243.41 801.633 1218.71 802.329 1198.7 802.407 L 1101.48 802.374 C 1069.7 802.296 1033.89 800.522 1002.67 804.243 C 958.892 809.46 927.605 848.303 898.447 879.097 L 818.61 962.237 C 806.026 975.369 783.188 1000.5 770.016 1011.95 L 769.138 1012.7 C 712.262 957.075 657.842 898.961 601.582 842.711 C 585.319 826.451 570.144 809.259 553.495 793.245 L 554.88 791.695 C 582.353 761.075 613.063 729.951 641.32 699.594 L 703.336 633.287 C 731.477 603.383 755.197 574.433 791.745 554.449 C 823.686 536.983 851.089 531.319 886.524 529.414 z", u = "M88.64 62.7201C85.8897 62.7201 83.2222 62.3556 80.6376 61.6266C78.0862 60.8644 76.0317 59.8869 74.4744 58.694L77.2081 52.6302C78.6992 53.7237 80.472 54.6018 82.5264 55.2645C84.5808 55.9272 86.6352 56.2586 88.6897 56.2586C90.976 56.2586 92.666 55.9272 93.7595 55.2645C94.853 54.5686 95.3997 53.6574 95.3997 52.5308C95.3997 51.7024 95.0683 51.0231 94.4056 50.4929C93.776 49.9296 92.9476 49.4823 91.9204 49.1509C90.9263 48.8195 89.5678 48.455 87.8447 48.0574C85.1938 47.4278 83.0234 46.7982 81.3335 46.1687C79.6436 45.5391 78.1856 44.5284 76.9595 43.1367C75.7667 41.745 75.1702 39.8894 75.1702 37.5699C75.1702 35.5486 75.7169 33.7261 76.8104 32.1025C77.9039 30.4457 79.5441 29.1368 81.7311 28.1758C83.9512 27.2149 86.6518 26.7344 89.8329 26.7344C92.053 26.7344 94.2234 26.9995 96.3441 27.5297C98.4648 28.0599 100.32 28.822 101.911 29.8161L99.4257 35.9297C96.2115 34.1072 92.9973 33.1959 89.7832 33.1959C87.5299 33.1959 85.8565 33.5604 84.7631 34.2894C83.7027 35.0184 83.1725 35.9794 83.1725 37.1722C83.1725 38.3651 83.7856 39.2598 85.0116 39.8563C86.2707 40.4196 88.1761 40.9829 90.7275 41.5462C93.3784 42.1758 95.5488 42.8054 97.2387 43.4349C98.9287 44.0645 100.37 45.0586 101.563 46.4172C102.789 47.7757 103.402 49.6148 103.402 51.9343C103.402 53.9225 102.839 55.7449 101.712 57.4017C100.619 59.0254 98.9618 60.3177 96.7417 61.2786C94.5216 62.2396 91.821 62.7201 88.64 62.7201ZM120.087 62.5212C117.271 62.5212 114.736 61.9414 112.483 60.7816C110.263 59.5887 108.523 57.9485 107.264 55.8609C106.005 53.7734 105.375 51.4041 105.375 48.7533C105.375 46.1024 106.005 43.7332 107.264 41.6456C108.523 39.558 110.263 37.9344 112.483 36.7746C114.736 35.5817 117.271 34.9853 120.087 34.9853C122.904 34.9853 125.422 35.5817 127.642 36.7746C129.862 37.9344 131.602 39.558 132.861 41.6456C134.12 43.7332 134.75 46.1024 134.75 48.7533C134.75 51.4041 134.12 53.7734 132.861 55.8609C131.602 57.9485 129.862 59.5887 127.642 60.7816C125.422 61.9414 122.904 62.5212 120.087 62.5212ZM120.087 56.1591C122.076 56.1591 123.699 55.4964 124.958 54.171C126.251 52.8124 126.897 51.0065 126.897 48.7533C126.897 46.5 126.251 44.7107 124.958 43.3852C123.699 42.0267 122.076 41.3474 120.087 41.3474C118.099 41.3474 116.459 42.0267 115.167 43.3852C113.874 44.7107 113.228 46.5 113.228 48.7533C113.228 51.0065 113.874 52.8124 115.167 54.171C116.459 55.4964 118.099 56.1591 120.087 56.1591ZM138.939 25.2433H146.693V62.1236H138.939V25.2433ZM165.619 62.5212C162.802 62.5212 160.267 61.9414 158.014 60.7816C155.794 59.5887 154.054 57.9485 152.795 55.8609C151.536 53.7734 150.907 51.4041 150.907 48.7533C150.907 46.1024 151.536 43.7332 152.795 41.6456C154.054 39.558 155.794 37.9344 158.014 36.7746C160.267 35.5817 162.802 34.9853 165.619 34.9853C168.435 34.9853 170.954 35.5817 173.174 36.7746C175.394 37.9344 177.134 39.558 178.393 41.6456C179.652 43.7332 180.282 46.1024 180.282 48.7533C180.282 51.4041 179.652 53.7734 178.393 55.8609C177.134 57.9485 175.394 59.5887 173.174 60.7816C170.954 61.9414 168.435 62.5212 165.619 62.5212ZM165.619 56.1591C167.607 56.1591 169.231 55.4964 170.49 54.171C171.782 52.8124 172.428 51.0065 172.428 48.7533C172.428 46.5 171.782 44.7107 170.49 43.3852C169.231 42.0267 167.607 41.3474 165.619 41.3474C163.631 41.3474 161.991 42.0267 160.698 43.3852C159.406 44.7107 158.76 46.5 158.76 48.7533C158.76 51.0065 159.406 52.8124 160.698 54.171C161.991 55.4964 163.631 56.1591 165.619 56.1591ZM209.531 62.7201C206.781 62.7201 204.113 62.3556 201.529 61.6266C198.977 60.8644 196.923 59.8869 195.366 58.694L198.099 52.6302C199.59 53.7237 201.363 54.6018 203.418 55.2645C205.472 55.9272 207.526 56.2586 209.581 56.2586C211.867 56.2586 213.557 55.9272 214.651 55.2645C215.744 54.5686 216.291 53.6574 216.291 52.5308C216.291 51.7024 215.959 51.0231 215.297 50.4929C214.667 49.9296 213.839 49.4823 212.812 49.1509C211.818 48.8195 210.459 48.455 208.736 48.0574C206.085 47.4278 203.915 46.7982 202.225 46.1687C200.535 45.5391 199.077 44.5284 197.851 43.1367C196.658 41.745 196.061 39.8894 196.061 37.5699C196.061 35.5486 196.608 33.7261 197.702 32.1025C198.795 30.4457 200.435 29.1368 202.622 28.1758C204.842 27.2149 207.543 26.7344 210.724 26.7344C212.944 26.7344 215.115 26.9995 217.235 27.5297C219.356 28.0599 221.212 28.822 222.802 29.8161L220.317 35.9297C217.103 34.1072 213.889 33.1959 210.674 33.1959C208.421 33.1959 206.748 33.5604 205.654 34.2894C204.594 35.0184 204.064 35.9794 204.064 37.1722C204.064 38.3651 204.677 39.2598 205.903 39.8563C207.162 40.4196 209.067 40.9829 211.619 41.5462C214.27 42.1758 216.44 42.8054 218.13 43.4349C219.82 44.0645 221.261 45.0586 222.454 46.4172C223.68 47.7757 224.293 49.6148 224.293 51.9343C224.293 53.9225 223.73 55.7449 222.603 57.4017C221.51 59.0254 219.853 60.3177 217.633 61.2786C215.413 62.2396 212.712 62.7201 209.531 62.7201ZM245.502 60.8313C244.739 61.3946 243.795 61.8254 242.668 62.1236C241.575 62.3887 240.415 62.5212 239.189 62.5212C236.008 62.5212 233.54 61.7094 231.783 60.0858C230.06 58.4621 229.199 56.0763 229.199 52.9284V41.9438H225.073V35.9794H229.199V29.4681H236.953V35.9794H243.613V41.9438H236.953V52.829C236.953 53.9556 237.234 54.8337 237.798 55.4633C238.394 56.0597 239.222 56.358 240.283 56.358C241.509 56.358 242.553 56.0266 243.414 55.3639L245.502 60.8313ZM274.917 35.3829L262.839 63.7638C261.613 66.8455 260.088 69.0159 258.266 70.2751C256.476 71.5342 254.306 72.1638 251.755 72.1638C250.363 72.1638 248.988 71.9484 247.629 71.5177C246.271 71.0869 245.161 70.4904 244.299 69.7283L247.132 64.2112C247.729 64.7414 248.408 65.1555 249.17 65.4538C249.965 65.752 250.744 65.9011 251.506 65.9011C252.566 65.9011 253.428 65.636 254.091 65.1058C254.753 64.6088 255.35 63.7638 255.88 62.5709L255.979 62.3224L244.398 35.3829H252.401L259.906 53.5248L267.461 35.3829H274.917ZM277.086 25.2433H284.84V62.1236H277.086V25.2433ZM291.042 35.3829H298.796V62.1236H291.042V35.3829ZM294.919 31.6551C293.494 31.6551 292.335 31.2409 291.44 30.4125C290.545 29.5841 290.098 28.5569 290.098 27.3309C290.098 26.1048 290.545 25.0776 291.44 24.2492C292.335 23.4208 293.494 23.0066 294.919 23.0066C296.344 23.0066 297.504 23.4043 298.399 24.1995C299.293 24.9948 299.741 25.9889 299.741 27.1818C299.741 28.4741 299.293 29.551 298.399 30.4125C297.504 31.2409 296.344 31.6551 294.919 31.6551ZM313.995 62.5212C311.775 62.5212 309.604 62.2562 307.484 61.726C305.363 61.1627 303.673 60.4668 302.414 59.6384L304.998 54.0716C306.191 54.8337 307.633 55.4633 309.323 55.9603C311.013 56.4242 312.669 56.6562 314.293 56.6562C317.573 56.6562 319.214 55.8444 319.214 54.2207C319.214 53.4586 318.766 52.9118 317.872 52.5805C316.977 52.2491 315.602 51.9674 313.746 51.7355C311.559 51.4041 309.753 51.0231 308.329 50.5923C306.904 50.1615 305.661 49.3994 304.601 48.3059C303.573 47.2124 303.06 45.655 303.06 43.6338C303.06 41.9438 303.54 40.4527 304.501 39.1604C305.495 37.835 306.92 36.8078 308.776 36.0788C310.665 35.3498 312.885 34.9853 315.436 34.9853C317.325 34.9853 319.197 35.2007 321.053 35.6314C322.941 36.0291 324.499 36.5924 325.725 37.3214L323.14 42.8385C320.788 41.5131 318.22 40.8503 315.436 40.8503C313.779 40.8503 312.537 41.0823 311.708 41.5462C310.88 42.0101 310.466 42.6065 310.466 43.3355C310.466 44.1639 310.913 44.7438 311.808 45.0752C312.702 45.4065 314.127 45.7213 316.082 46.0195C318.269 46.384 320.059 46.7817 321.45 47.2124C322.842 47.6101 324.052 48.3556 325.079 49.4491C326.106 50.5426 326.62 52.0669 326.62 54.0219C326.62 55.6787 326.123 57.1532 325.128 58.4455C324.134 59.7378 322.676 60.7485 320.754 61.4775C318.866 62.1733 316.612 62.5212 313.995 62.5212ZM347.657 60.8313C346.895 61.3946 345.95 61.8254 344.824 62.1236C343.73 62.3887 342.57 62.5212 341.344 62.5212C338.163 62.5212 335.695 61.7094 333.938 60.0858C332.215 58.4621 331.354 56.0763 331.354 52.9284V41.9438H327.228V35.9794H331.354V29.4681H339.108V35.9794H345.768V41.9438H339.108V52.829C339.108 53.9556 339.389 54.8337 339.953 55.4633C340.549 56.0597 341.377 56.358 342.438 56.358C343.664 56.358 344.708 56.0266 345.569 55.3639L347.657 60.8313Z", d = i("svg", {
+	name: "SBrandLogo",
+	slot: "Root"
+})({}), f = t(function(t, i) {
+	let f = a({
+		props: t,
+		name: "SBrandLogo"
+	}), { title: p, animated: m = !0, sx: h, ...g } = f, _ = p || g["aria-label"] || g["aria-labelledby"];
+	return /* @__PURE__ */ r(d, {
+		ownerState: {
+			...f,
+			animated: m
+		},
+		ref: i,
+		viewBox: s,
+		width: 176,
+		height: 32,
+		"aria-hidden": _ ? void 0 : !0,
+		focusable: "false",
+		sx: [(e) => {
+			let t = (e.vars ?? e).palette;
+			return {
+				display: "block",
+				flexShrink: 0,
+				overflow: "visible",
+				"& .SBrandLogo-layer": {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				...m && {
+					"@keyframes sBrandLogoPrimaryOrbit": {
+						"0%": { transform: "translate(0, 0)" },
+						"12.5%": { transform: "translate(4.95px, -5px)" },
+						"25%": { transform: "translate(7px, 0)" },
+						"37.5%": { transform: "translate(4.95px, 5px)" },
+						"50%": { transform: "translate(0, 0)" },
+						"62.5%": { transform: "translate(-4.95px, -5px)" },
+						"75%": { transform: "translate(-7px, 0)" },
+						"87.5%": { transform: "translate(-4.95px, 5px)" },
+						"100%": { transform: "translate(0, 0)" }
+					},
+					"@keyframes sBrandLogoLightOrbit": {
+						"0%": { transform: "translate(0, 0)" },
+						"12.5%": { transform: "translate(-4.95px, 5px)" },
+						"25%": { transform: "translate(-7px, 0)" },
+						"37.5%": { transform: "translate(-4.95px, -5px)" },
+						"50%": { transform: "translate(0, 0)" },
+						"62.5%": { transform: "translate(4.95px, 5px)" },
+						"75%": { transform: "translate(7px, 0)" },
+						"87.5%": { transform: "translate(4.95px, -5px)" },
+						"100%": { transform: "translate(0, 0)" }
+					},
+					"& .SBrandLogo-upperLayer": { animation: "sBrandLogoPrimaryOrbit 1400ms linear infinite" },
+					"& .SBrandLogo-lowerLayer": { animation: "sBrandLogoLightOrbit 1400ms linear infinite" },
+					"@media (hover: hover) and (pointer: fine)": { "&:hover .SBrandLogo-upperLayer, &:hover .SBrandLogo-lowerLayer": { animationDuration: "1000ms" } },
+					"@media (prefers-reduced-motion: reduce)": { "& .SBrandLogo-upperLayer, & .SBrandLogo-lowerLayer": {
+						animation: "none",
+						transform: "none"
+					} }
+				},
+				"& .SBrandLogo-primary": {
+					fill: t.primary[600],
+					...e.applyStyles("dark", { fill: t.primary[400] })
+				},
+				"& .SBrandLogo-light": {
+					fill: t.primary[300],
+					...e.applyStyles("dark", { fill: t.primary[200] })
+				},
+				"& .SBrandLogo-wordmark": { fill: t.text.primary }
+			};
+		}, ...e(h)],
+		...g,
+		children: [
+			p ? /* @__PURE__ */ n("title", { children: p }) : null,
+			/* @__PURE__ */ n("svg", {
+				x: 0,
+				y: 0,
+				width: 32,
+				height: 32,
+				viewBox: o,
+				overflow: "visible",
+				children: /* @__PURE__ */ r("g", {
+					className: "SBrandLogo-mark",
+					children: [/* @__PURE__ */ n("g", {
+						className: "SBrandLogo-layer SBrandLogo-lowerLayer",
+						children: /* @__PURE__ */ n("path", {
+							className: "SBrandLogo-light",
+							transform: "translate(31.5 0)",
+							d: l
+						})
+					}), /* @__PURE__ */ n("g", {
+						className: "SBrandLogo-layer SBrandLogo-upperLayer",
+						children: /* @__PURE__ */ n("path", {
+							className: "SBrandLogo-primary",
+							transform: "rotate(180 1024 1024) translate(31.5 0)",
+							d: l
+						})
+					})]
+				})
+			}),
+			/* @__PURE__ */ n("svg", {
+				x: 44,
+				y: 4,
+				width: 132,
+				height: 24,
+				viewBox: c,
+				preserveAspectRatio: "xMidYMid meet",
+				children: /* @__PURE__ */ n("path", {
+					className: "SBrandLogo-wordmark",
+					d: u
+				})
+			})
+		]
+	});
+});
+f.displayName = "SBrandLogo";
+//#endregion
+export { f as t };

package/dist/s-breadcrumbs/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SBreadcrumbs } from './s-breadcrumbs';
-export type { SBreadcrumbsProps, BreadcrumbItem } from './s-breadcrumbs';
+export type { SBreadcrumbsOwnerState, SBreadcrumbsProps, BreadcrumbItem } from './s-breadcrumbs';
+export type {} from '../theme/component-augmentation';

package/dist/s-breadcrumbs/s-breadcrumbs.d.ts

@@ -16,7 +16,7 @@ export interface BreadcrumbItem {
 /**
  * Props for the SBreadcrumbs component
  */
-export interface SBreadcrumbsProps extends Omit<BreadcrumbsProps, 'children'> {
+export interface SBreadcrumbsProps extends Omit<BreadcrumbsProps, 'children' | 'component'> {
     /** Array of breadcrumb items to display */
     items: BreadcrumbItem[];
     /** Custom separator element between breadcrumb items */
@@ -30,5 +30,9 @@ export interface SBreadcrumbsProps extends Omit<BreadcrumbsProps, 'children'> {
     /** System prop for custom styling */
     sx?: SxProps<Theme>;
 }
+export type SBreadcrumbsOwnerState = SBreadcrumbsProps & {
+    currentColor: string;
+    linkColor: string;
+};
 export declare const SBreadcrumbs: React.ForwardRefExoticComponent<Omit<SBreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default SBreadcrumbs;

package/dist/s-breadcrumbs/s-breadcrumbs.js

@@ -1,53 +1,88 @@
-import { t as e } from "../ChevronRight-gZJ3kc6N.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { Breadcrumbs as r, Link as i, Typography as a } from "@mui/material";
+import { toSxArray as e } from "../utils/sx.js";
+import { actionHoverMedia as t, getFocusVisibleStyle as n } from "../theme/components/action-styles.js";
+import { paginationDimensions as r } from "../s-pagination/types.js";
+import { t as i } from "../ChevronRight-BxsM4W78.js";
+import { forwardRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { Breadcrumbs as s, Link as c, Typography as l, styled as u, useThemeProps as d } from "@mui/material";
 //#region lib/s-breadcrumbs/s-breadcrumbs.tsx
-var o = t(({ items: t, separator: o = /* @__PURE__ */ n(e, { fontSize: "small" }), LinkComponent: s, currentColor: c = "text.primary", linkColor: l = "primary.main", sx: u, ...d }, f) => {
-	let p = {
+var f = u(s, {
+	name: "SBreadcrumbs",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => {
+	let i = (e.vars ?? e).palette, a = r.medium.item;
+	return { "& .MuiBreadcrumbs-ol > li:not(.MuiBreadcrumbs-li) > .MuiButtonBase-root": {
+		...e.typography.body2,
+		backgroundColor: "transparent",
+		borderRadius: (e.vars ?? e).shape.borderRadius,
+		boxSizing: "border-box",
+		color: i.text.primary,
+		height: a,
+		margin: 0,
+		minWidth: a,
+		padding: 0,
+		transition: e.transitions.create(["background-color", "color"], { duration: e.transitions.duration.shorter }),
+		"&.Mui-focusVisible": n(e),
+		"&:active": { backgroundColor: i.action.selected },
+		[t]: { "&:hover": { backgroundColor: i.action.hover } }
+	} };
+}), p = a((t, n) => {
+	let r = d({
+		props: t,
+		name: "SBreadcrumbs"
+	}), { items: a, separator: s = /* @__PURE__ */ o(i, { fontSize: "small" }), LinkComponent: u, currentColor: p = "text.primary", linkColor: m = "primary.main", sx: h, ...g } = r, _ = {
+		...r,
+		currentColor: p,
+		linkColor: m
+	}, v = {
+		alignItems: "center",
+		display: "inline-flex",
 		textDecoration: "none",
 		textUnderlineOffset: "4px",
+		verticalAlign: "baseline",
 		"&::before": { display: "none" },
 		"&:hover": { textDecoration: "underline" }
 	};
-	return /* @__PURE__ */ n(r, {
-		ref: f,
-		separator: o,
-		sx: u,
-		...d,
-		children: t.map((e, r) => {
-			let o = r === t.length - 1, u = e.isCurrent ?? o, d = `${e.label}-${r}`;
-			return u ? /* @__PURE__ */ n(a, {
-				color: c,
-				children: e.label
-			}, d) : e.onClick ? /* @__PURE__ */ n(i, {
+	return /* @__PURE__ */ o(f, {
+		ref: n,
+		ownerState: _,
+		separator: s,
+		sx: h,
+		...g,
+		children: a.map((t, n) => {
+			let r = n === a.length - 1, i = t.isCurrent ?? r, s = `${t.label}-${n}`;
+			return i ? /* @__PURE__ */ o(l, {
+				sx: { color: p },
+				children: t.label
+			}, s) : t.onClick ? /* @__PURE__ */ o(c, {
 				component: "button",
-				onClick: e.onClick,
-				color: l,
-				sx: {
-					...p,
+				type: "button",
+				onClick: t.onClick,
+				color: m,
+				sx: [...e(v), {
 					cursor: "pointer",
 					background: "none",
 					border: "none",
 					padding: 0,
 					font: "inherit"
-				},
-				children: e.label
-			}, d) : e.to ? /* @__PURE__ */ n(i, {
-				color: l,
-				sx: p,
-				...s ? {
-					component: s,
-					to: e.to
-				} : { href: e.to },
-				children: e.label
-			}, d) : /* @__PURE__ */ n(a, {
-				color: c,
-				children: e.label
-			}, d);
+				}],
+				children: t.label
+			}, s) : t.to ? /* @__PURE__ */ o(c, {
+				color: m,
+				sx: v,
+				...u ? {
+					component: u,
+					to: t.to
+				} : { href: t.to },
+				children: t.label
+			}, s) : /* @__PURE__ */ o(l, {
+				sx: { color: p },
+				children: t.label
+			}, s);
 		})
 	});
 });
-o.displayName = "SBreadcrumbs";
+p.displayName = "SBreadcrumbs";
 //#endregion
-export { o as SBreadcrumbs, o as default };
+export { p as SBreadcrumbs, p as default };

package/dist/s-button/s-button.d.ts

@@ -1,8 +1,6 @@
-import { default as React } from 'react';
 import { ButtonProps } from '@mui/material';
-/**
- * Props interface for SButton component
- */
+/** Exact MUI Button props, including polymorphic `component` support. */
 export type SButtonProps = ButtonProps;
-export declare const SButton: React.ForwardRefExoticComponent<Omit<SButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/** SoloStylist export of the unmodified MUI Button contract. */
+export declare const SButton: import('@mui/material').ExtendButtonBase<import('@mui/material').ButtonTypeMap<{}, "button">>;
 export default SButton;

package/dist/s-button/s-button.js

@@ -1,11 +1,5 @@
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { Button as n } from "@mui/material";
+import { Button as e } from "@mui/material";
 //#region lib/s-button/s-button.tsx
-var r = e((e, r) => /* @__PURE__ */ t(n, {
-	ref: r,
-	...e
-}));
-r.displayName = "SButton";
+var t = e;
 //#endregion
-export { r as SButton, r as default };
+export { t as SButton, t as default };

package/dist/s-carousel/index.d.ts

@@ -1,2 +1,4 @@
 export { default, default as SCarousel } from './s-carousel';
-export type { SCarouselProps } from './s-carousel';
+export type { EmblaCarouselType, ResponsiveBreakpoint, SCarouselProps, SCarouselSlotProps } from './s-carousel';
+export type {} from '../theme/component-augmentation';
+export type {} from '../theme/optional-component-augmentations/s-carousel';

package/dist/s-carousel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-carousel-CvmWl6Sc.js";
+import { t as e } from "../s-carousel-Dnjke4JQ.js";
 export { e as SCarousel, e as default };

package/dist/s-carousel/s-carousel.d.ts

@@ -1,5 +1,8 @@
-import { PropsWithChildren } from 'react';
-import { SxProps, Theme } from '@mui/material';
+import { BoxProps } from '@mui/material';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+import { SIconButtonProps } from '../s-icon-button';
+import * as React from 'react';
+export type EmblaCarouselType = NonNullable<UseEmblaCarouselType[1]>;
 export interface ResponsiveBreakpoint {
     /** Max-width breakpoint in px (mirrors react-slick convention) */
     readonly breakpoint: number;
@@ -10,15 +13,20 @@ export interface ResponsiveBreakpoint {
 /**
  * Props interface for SCarousel component
  */
-export interface SCarouselProps extends PropsWithChildren {
+export interface SCarouselSlotProps {
+    dots?: Omit<BoxProps<'ul'>, 'ref'>;
+    nextButton?: SIconButtonProps;
+    previousButton?: SIconButtonProps;
+}
+export interface SCarouselProps extends Omit<BoxProps, 'children' | 'component'> {
+    /** Carousel slides. */
+    readonly children?: React.ReactNode;
+    /** Ref receiving the Embla API while the carousel is mounted. */
+    readonly apiRef?: React.Ref<EmblaCarouselType | null>;
     /** Custom color for the navigation dots */
     readonly dotColor?: string;
     /** Space between slides in pixels */
     readonly spaceBetween?: number;
-    /** Custom styles for the dots container */
-    readonly dotStyles?: SxProps<Theme>;
-    /** Custom styles for the arrow buttons */
-    readonly arrowStyles?: SxProps<Theme>;
     /** Number of slides visible at once */
     readonly slidesToShow?: number;
     /** Show dot navigation */
@@ -39,6 +47,8 @@ export interface SCarouselProps extends PropsWithChildren {
     readonly centerPadding?: string;
     /** Responsive breakpoints */
     readonly responsive?: ResponsiveBreakpoint[];
+    /** Props for navigation and dots slots. */
+    readonly slotProps?: SCarouselSlotProps;
 }
-export declare const SCarousel: import('react').ForwardRefExoticComponent<SCarouselProps & import('react').RefAttributes<import('embla-carousel').EmblaCarouselType | null>>;
+export declare const SCarousel: React.ForwardRefExoticComponent<Omit<SCarouselProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SCarousel;

package/dist/s-carousel/s-carousel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-carousel-CvmWl6Sc.js";
+import { t as e } from "../s-carousel-Dnjke4JQ.js";
 export { e as SCarousel, e as default };