@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/{s-accordion-Coc1zFV6.js → s-accordion-DH_7P3Il.js}

@@ -1,30 +1,30 @@
-import { n as e } from "./chunk-efA98nb6.js";
-import { _ as t, g as n } from "./createTheme-hnicUJQa.js";
-import { r, s as i, t as a } from "./memoTheme-DiKnacj0.js";
-import { t as o } from "./clsx-BTH_sxEO.js";
-import { t as s } from "./generateUtilityClass-D4Rn9MbW.js";
-import { t as c } from "./generateUtilityClasses-CX1nR7K3.js";
-import { t as l } from "./styled-C0_N3zFx.js";
-import { t as u } from "./Stack-BrIUVvqB.js";
-import { t as d } from "./ButtonBase-1qqPHJym.js";
-import { m as f, t as p } from "./useSlot-BfqKgBbE.js";
-import { t as m } from "./useControlled-BQ6-yabk.js";
-import { t as h } from "./Typography-Ci004UCT.js";
-import { t as g } from "./ExpandMore-DZANUF9W.js";
-import { t as _ } from "./Collapse-BUAO-GTT.js";
-import { t as v } from "./Paper-CI9lXZk-.js";
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t, g as n } from "./createTheme-Bnw5w28O.js";
+import { o as r, r as i, t as a } from "./memoTheme-QMocAblm.js";
+import { t as o } from "./clsx-Bv8WXdlr.js";
+import { t as s } from "./generateUtilityClass-tRYNDrlH.js";
+import { t as c } from "./generateUtilityClasses-XrPHiTcM.js";
+import { t as l } from "./styled-BTDmdi4c.js";
+import { t as u } from "./Stack-BQkLmLFp.js";
+import { t as d } from "./ButtonBase-Bo6ysVGS.js";
+import { h as f, t as p } from "./useSlot-Dkc1Mj31.js";
+import { t as m } from "./useControlled-DXKqhylj.js";
+import { t as h } from "./Paper-BY4X6-u_.js";
+import { t as g } from "./Typography-EsraKPZO.js";
+import { t as _ } from "./ExpandMore-DsZNN1Eh.js";
+import { t as v } from "./Collapse-CnXmaDqT.js";
 import * as y from "react";
 import "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/material/esm/Accordion/AccordionContext.js
-var S = /* @__PURE__ */ y.createContext({});
-process.env.NODE_ENV !== "production" && (S.displayName = "AccordionContext");
+//#region ../../node_modules/@mui/material/Accordion/AccordionContext.mjs
+var S = /* @__PURE__ */ e(t(), 1), C = n(), w = /* @__PURE__ */ y.createContext({});
+process.env.NODE_ENV !== "production" && (w.displayName = "AccordionContext");
 //#endregion
-//#region ../../node_modules/@mui/material/esm/Accordion/accordionClasses.js
-function C(e) {
+//#region ../../node_modules/@mui/material/Accordion/accordionClasses.mjs
+function T(e) {
 	return s("MuiAccordion", e);
 }
-var w = c("MuiAccordion", [
+var E = c("MuiAccordion", [
 	"root",
 	"heading",
 	"rounded",
@@ -32,26 +32,26 @@ var w = c("MuiAccordion", [
 	"disabled",
 	"gutters",
 	"region"
-]), T = n(), E = /* @__PURE__ */ e(t()), D = (e) => {
-	let { classes: t, square: n, expanded: r, disabled: a, disableGutters: o } = e;
-	return i({
+]), D = (e) => {
+	let { classes: t, square: n, expanded: i, disabled: a, disableGutters: o } = e;
+	return r({
 		root: [
 			"root",
 			!n && "rounded",
-			r && "expanded",
+			i && "expanded",
 			a && "disabled",
 			!o && "gutters"
 		],
 		heading: ["heading"],
 		region: ["region"]
-	}, C, t);
-}, O = l(v, {
+	}, T, t);
+}, O = l(h, {
 	name: "MuiAccordion",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
-			{ [`& .${w.region}`]: t.region },
+			{ [`& .${E.region}`]: t.region },
 			t.root,
 			!n.square && t.rounded,
 			!n.disableGutters && t.gutters
@@ -75,13 +75,13 @@ var w = c("MuiAccordion", [
 			transition: e.transitions.create(["opacity", "background-color"], t)
 		},
 		"&:first-of-type": { "&::before": { display: "none" } },
-		[`&.${w.expanded}`]: {
+		[`&.${E.expanded}`]: {
 			"&::before": { opacity: 0 },
 			"&:first-of-type": { marginTop: 0 },
 			"&:last-of-type": { marginBottom: 0 },
 			"& + &": { "&::before": { display: "none" } }
 		},
-		[`&.${w.disabled}`]: { backgroundColor: (e.vars || e).palette.action.disabledBackground }
+		[`&.${E.disabled}`]: { backgroundColor: (e.vars || e).palette.action.disabledBackground }
 	};
 }), a(({ theme: e }) => ({ variants: [{
 	props: (e) => !e.square,
@@ -102,7 +102,7 @@ var w = c("MuiAccordion", [
 	}
 }, {
 	props: (e) => !e.disableGutters,
-	style: { [`&.${w.expanded}`]: { margin: "16px 0" } }
+	style: { [`&.${E.expanded}`]: { margin: "16px 0" } }
 }] }))), k = l("h3", {
 	name: "MuiAccordion",
 	slot: "Heading"
@@ -110,171 +110,163 @@ var w = c("MuiAccordion", [
 	name: "MuiAccordion",
 	slot: "Region"
 })({}), j = /* @__PURE__ */ y.forwardRef(function(e, t) {
-	let n = r({
+	let n = i({
 		props: e,
 		name: "MuiAccordion"
-	}), { children: i, className: a, defaultExpanded: s = !1, disabled: c = !1, disableGutters: l = !1, expanded: u, onChange: d, slots: f = {}, slotProps: h = {}, TransitionComponent: g, TransitionProps: v, ...C } = n, [w, T] = m({
+	}), { children: r, className: a, defaultExpanded: s = !1, disabled: c = !1, disableGutters: l = !1, expanded: u, onChange: d, slots: f = {}, slotProps: h = {}, ...g } = n, [_, S] = m({
 		controlled: u,
 		default: s,
 		name: "Accordion",
 		state: "expanded"
-	}), E = y.useCallback((e) => {
-		T(!w), d && d(e, !w);
+	}), C = y.useCallback((e) => {
+		S(!_), d && d(e, !_);
 	}, [
-		w,
+		_,
 		d,
-		T
-	]), [j, ...M] = y.Children.toArray(i), N = y.useMemo(() => ({
-		expanded: w,
+		S
+	]), [T, ...E] = y.Children.toArray(r), j = y.useMemo(() => ({
+		expanded: _,
 		disabled: c,
 		disableGutters: l,
-		toggle: E
+		toggle: C
 	}), [
-		w,
+		_,
 		c,
 		l,
-		E
-	]), P = {
+		C
+	]), M = {
 		...n,
 		disabled: c,
 		disableGutters: l,
-		expanded: w
-	}, F = D(P), I = {
-		slots: {
-			transition: g,
-			...f
-		},
-		slotProps: {
-			transition: v,
-			...h
-		}
-	}, [L, R] = p("root", {
+		expanded: _
+	}, N = D(M), P = {
+		slots: f,
+		slotProps: h
+	}, [F, I] = p("root", {
 		elementType: O,
 		externalForwardedProps: {
-			...I,
-			...C
+			...P,
+			...g
 		},
-		className: o(F.root, a),
+		className: o(N.root, a),
 		shouldForwardComponentProp: !0,
-		ownerState: P,
+		ownerState: M,
 		ref: t
-	}), [z, B] = p("heading", {
+	}), [L, R] = p("heading", {
 		elementType: k,
-		externalForwardedProps: I,
-		className: F.heading,
-		ownerState: P
-	}), [V, H] = p("transition", {
-		elementType: _,
-		externalForwardedProps: I,
-		ownerState: P
-	}), [U, W] = p("region", {
+		externalForwardedProps: P,
+		className: N.heading,
+		ownerState: M
+	}), [z, B] = p("transition", {
+		elementType: v,
+		externalForwardedProps: P,
+		ownerState: M
+	}), [V, H] = p("region", {
 		elementType: A,
-		externalForwardedProps: I,
-		ownerState: P,
-		className: F.region,
+		externalForwardedProps: P,
+		ownerState: M,
+		className: N.region,
 		additionalProps: {
-			"aria-labelledby": j.props.id,
-			id: j.props["aria-controls"],
+			"aria-labelledby": T.props.id,
+			id: T.props["aria-controls"],
 			role: "region"
 		}
 	});
-	return /* @__PURE__ */ x(L, {
-		...R,
-		children: [/* @__PURE__ */ b(z, {
-			...B,
-			children: /* @__PURE__ */ b(S.Provider, {
-				value: N,
-				children: j
+	return /* @__PURE__ */ x(F, {
+		...I,
+		children: [/* @__PURE__ */ b(L, {
+			...R,
+			children: /* @__PURE__ */ b(w.Provider, {
+				value: j,
+				children: T
 			})
-		}), /* @__PURE__ */ b(V, {
-			in: w,
+		}), /* @__PURE__ */ b(z, {
+			in: _,
 			timeout: "auto",
-			...H,
-			children: /* @__PURE__ */ b(U, {
-				...W,
-				children: M
+			...B,
+			children: /* @__PURE__ */ b(V, {
+				...H,
+				children: E
 			})
 		})]
 	});
 });
 process.env.NODE_ENV !== "production" && (j.propTypes = {
-	children: f(E.default.node.isRequired, (e) => {
+	children: f(S.default.node.isRequired, (e) => {
 		let t = y.Children.toArray(e.children)[0];
-		return (0, T.isFragment)(t) ? /* @__PURE__ */ Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ y.isValidElement(t) ? null : /* @__PURE__ */ Error("MUI: Expected the first child of Accordion to be a valid element.");
+		return (0, C.isFragment)(t) ? /* @__PURE__ */ Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ y.isValidElement(t) ? null : /* @__PURE__ */ Error("MUI: Expected the first child of Accordion to be a valid element.");
 	}),
-	classes: E.default.object,
-	className: E.default.string,
-	defaultExpanded: E.default.bool,
-	disabled: E.default.bool,
-	disableGutters: E.default.bool,
-	expanded: E.default.bool,
-	onChange: E.default.func,
-	slotProps: E.default.shape({
-		heading: E.default.oneOfType([E.default.func, E.default.object]),
-		region: E.default.oneOfType([E.default.func, E.default.object]),
-		root: E.default.oneOfType([E.default.func, E.default.object]),
-		transition: E.default.oneOfType([E.default.func, E.default.object])
+	classes: S.default.object,
+	className: S.default.string,
+	defaultExpanded: S.default.bool,
+	disabled: S.default.bool,
+	disableGutters: S.default.bool,
+	expanded: S.default.bool,
+	onChange: S.default.func,
+	slotProps: S.default.shape({
+		heading: S.default.oneOfType([S.default.func, S.default.object]),
+		region: S.default.oneOfType([S.default.func, S.default.object]),
+		root: S.default.oneOfType([S.default.func, S.default.object]),
+		transition: S.default.oneOfType([S.default.func, S.default.object])
 	}),
-	slots: E.default.shape({
-		heading: E.default.elementType,
-		region: E.default.elementType,
-		root: E.default.elementType,
-		transition: E.default.elementType
+	slots: S.default.shape({
+		heading: S.default.elementType,
+		region: S.default.elementType,
+		root: S.default.elementType,
+		transition: S.default.elementType
 	}),
-	sx: E.default.oneOfType([
-		E.default.arrayOf(E.default.oneOfType([
-			E.default.func,
-			E.default.object,
-			E.default.bool
+	sx: S.default.oneOfType([
+		S.default.arrayOf(S.default.oneOfType([
+			S.default.func,
+			S.default.object,
+			S.default.bool
 		])),
-		E.default.func,
-		E.default.object
-	]),
-	TransitionComponent: E.default.elementType,
-	TransitionProps: E.default.object
+		S.default.func,
+		S.default.object
+	])
 });
 //#endregion
-//#region ../../node_modules/@mui/material/esm/AccordionDetails/accordionDetailsClasses.js
+//#region ../../node_modules/@mui/material/AccordionDetails/accordionDetailsClasses.mjs
 function M(e) {
 	return s("MuiAccordionDetails", e);
 }
 c("MuiAccordionDetails", ["root"]);
 //#endregion
-//#region ../../node_modules/@mui/material/esm/AccordionDetails/AccordionDetails.js
+//#region ../../node_modules/@mui/material/AccordionDetails/AccordionDetails.mjs
 var N = (e) => {
 	let { classes: t } = e;
-	return i({ root: ["root"] }, M, t);
+	return r({ root: ["root"] }, M, t);
 }, P = l("div", {
 	name: "MuiAccordionDetails",
 	slot: "Root"
 })(a(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), F = /* @__PURE__ */ y.forwardRef(function(e, t) {
-	let n = r({
+	let n = i({
 		props: e,
 		name: "MuiAccordionDetails"
-	}), { className: i, ...a } = n, s = n;
+	}), { className: r, ...a } = n, s = n;
 	return /* @__PURE__ */ b(P, {
-		className: o(N(s).root, i),
+		className: o(N(s).root, r),
 		ref: t,
 		ownerState: s,
 		...a
 	});
 });
 process.env.NODE_ENV !== "production" && (F.propTypes = {
-	children: E.default.node,
-	classes: E.default.object,
-	className: E.default.string,
-	sx: E.default.oneOfType([
-		E.default.arrayOf(E.default.oneOfType([
-			E.default.func,
-			E.default.object,
-			E.default.bool
+	children: S.default.node,
+	classes: S.default.object,
+	className: S.default.string,
+	sx: S.default.oneOfType([
+		S.default.arrayOf(S.default.oneOfType([
+			S.default.func,
+			S.default.object,
+			S.default.bool
 		])),
-		E.default.func,
-		E.default.object
+		S.default.func,
+		S.default.object
 	])
 });
 //#endregion
-//#region ../../node_modules/@mui/material/esm/AccordionSummary/accordionSummaryClasses.js
+//#region ../../node_modules/@mui/material/AccordionSummary/accordionSummaryClasses.mjs
 function I(e) {
 	return s("MuiAccordionSummary", e);
 }
@@ -284,24 +276,19 @@ var L = c("MuiAccordionSummary", [
 	"focusVisible",
 	"disabled",
 	"gutters",
-	"contentGutters",
 	"content",
 	"expandIconWrapper"
 ]), R = (e) => {
-	let { classes: t, expanded: n, disabled: r, disableGutters: a } = e;
-	return i({
+	let { classes: t, expanded: n, disabled: i, disableGutters: a } = e;
+	return r({
 		root: [
 			"root",
 			n && "expanded",
-			r && "disabled",
+			i && "disabled",
 			!a && "gutters"
 		],
 		focusVisible: ["focusVisible"],
-		content: [
-			"content",
-			n && "expanded",
-			!a && "contentGutters"
-		],
+		content: ["content", n && "expanded"],
 		expandIconWrapper: ["expandIconWrapper", n && "expanded"]
 	}, I, t);
 }, z = l(d, {
@@ -348,35 +335,36 @@ var L = c("MuiAccordionSummary", [
 	transition: e.transitions.create("transform", { duration: e.transitions.duration.shortest }),
 	[`&.${L.expanded}`]: { transform: "rotate(180deg)" }
 }))), H = /* @__PURE__ */ y.forwardRef(function(e, t) {
-	let n = r({
+	let n = i({
 		props: e,
 		name: "MuiAccordionSummary"
-	}), { children: i, className: a, expandIcon: s, focusVisibleClassName: c, onClick: l, slots: u, slotProps: d, ...f } = n, { disabled: m = !1, disableGutters: h, expanded: g, toggle: _ } = y.useContext(S), v = (e) => {
+	}), { children: r, className: a, expandIcon: s, focusVisibleClassName: c, onClick: l, slots: u, slotProps: d, ...f } = n, { disabled: m = !1, disableGutters: h, expanded: g, toggle: _ } = y.useContext(w), v = (e) => {
 		_ && _(e), l && l(e);
-	}, C = {
+	}, S = {
 		...n,
 		expanded: g,
 		disabled: m,
 		disableGutters: h
-	}, w = R(C), T = {
+	}, C = R(S), T = {
 		slots: u,
 		slotProps: d
 	}, [E, D] = p("root", {
 		ref: t,
 		shouldForwardComponentProp: !0,
-		className: o(w.root, a),
+		className: o(C.root, a),
 		elementType: z,
 		externalForwardedProps: {
 			...T,
 			...f
 		},
-		ownerState: C,
+		ownerState: S,
 		additionalProps: {
 			focusRipple: !1,
 			disableRipple: !0,
+			internalNativeButton: !0,
 			disabled: m,
 			"aria-expanded": g,
-			focusVisibleClassName: o(w.focusVisible, c)
+			focusVisibleClassName: o(C.focusVisible, c)
 		},
 		getSlotProps: (e) => ({
 			...e,
@@ -385,21 +373,21 @@ var L = c("MuiAccordionSummary", [
 			}
 		})
 	}), [O, k] = p("content", {
-		className: w.content,
+		className: C.content,
 		elementType: B,
 		externalForwardedProps: T,
-		ownerState: C
+		ownerState: S
 	}), [A, j] = p("expandIconWrapper", {
-		className: w.expandIconWrapper,
+		className: C.expandIconWrapper,
 		elementType: V,
 		externalForwardedProps: T,
-		ownerState: C
+		ownerState: S
 	});
 	return /* @__PURE__ */ x(E, {
 		...D,
 		children: [/* @__PURE__ */ b(O, {
 			...k,
-			children: i
+			children: r
 		}), s && /* @__PURE__ */ b(A, {
 			...j,
 			children: s
@@ -407,56 +395,59 @@ var L = c("MuiAccordionSummary", [
 	});
 });
 process.env.NODE_ENV !== "production" && (H.propTypes = {
-	children: E.default.node,
-	classes: E.default.object,
-	className: E.default.string,
-	expandIcon: E.default.node,
-	focusVisibleClassName: E.default.string,
-	onClick: E.default.func,
-	slotProps: E.default.shape({
-		content: E.default.oneOfType([E.default.func, E.default.object]),
-		expandIconWrapper: E.default.oneOfType([E.default.func, E.default.object]),
-		root: E.default.oneOfType([E.default.func, E.default.object])
+	children: S.default.node,
+	classes: S.default.object,
+	className: S.default.string,
+	expandIcon: S.default.node,
+	focusVisibleClassName: S.default.string,
+	onClick: S.default.func,
+	slotProps: S.default.shape({
+		content: S.default.oneOfType([S.default.func, S.default.object]),
+		expandIconWrapper: S.default.oneOfType([S.default.func, S.default.object]),
+		root: S.default.oneOfType([S.default.func, S.default.object])
 	}),
-	slots: E.default.shape({
-		content: E.default.elementType,
-		expandIconWrapper: E.default.elementType,
-		root: E.default.elementType
+	slots: S.default.shape({
+		content: S.default.elementType,
+		expandIconWrapper: S.default.elementType,
+		root: S.default.elementType
 	}),
-	sx: E.default.oneOfType([
-		E.default.arrayOf(E.default.oneOfType([
-			E.default.func,
-			E.default.object,
-			E.default.bool
+	sx: S.default.oneOfType([
+		S.default.arrayOf(S.default.oneOfType([
+			S.default.func,
+			S.default.object,
+			S.default.bool
 		])),
-		E.default.func,
-		E.default.object
+		S.default.func,
+		S.default.object
 	])
 });
 //#endregion
 //#region lib/s-accordion/s-accordion.tsx
-var U = ({ title: e, children: t, startIcon: n, titleTypographyProps: r, accordionSummaryProps: i, accordionDetailsProps: a, ...o }) => /* @__PURE__ */ x(j, {
-	elevation: 0,
-	...o,
-	children: [e || n ? /* @__PURE__ */ b(H, {
-		expandIcon: /* @__PURE__ */ b(g, {}),
-		...i,
-		children: /* @__PURE__ */ x(u, {
-			direction: "row",
-			spacing: 1,
-			alignItems: "center",
-			children: [n, /* @__PURE__ */ b(h, {
-				variant: "subtitle1",
-				fontWeight: 600,
-				...r,
-				children: e
-			})]
-		})
-	}) : null, /* @__PURE__ */ b(F, {
-		...a,
-		children: t
-	})]
-});
+var U = ({ title: e, children: t, startIcon: n, titleTypographyProps: r, accordionSummaryProps: i, accordionDetailsProps: a, ...o }) => {
+	let { sx: s, ...c } = r ?? {};
+	return /* @__PURE__ */ x(j, {
+		elevation: 0,
+		...o,
+		children: [e || n ? /* @__PURE__ */ b(H, {
+			expandIcon: /* @__PURE__ */ b(_, {}),
+			...i,
+			children: /* @__PURE__ */ x(u, {
+				direction: "row",
+				spacing: 1,
+				sx: { alignItems: "center" },
+				children: [n, /* @__PURE__ */ b(g, {
+					variant: "subtitle1",
+					...c,
+					sx: [{ fontWeight: 600 }, ...Array.isArray(s) ? s : [s]],
+					children: e
+				})]
+			})
+		}) : null, /* @__PURE__ */ b(F, {
+			...a,
+			children: t
+		})]
+	});
+};
 U.displayName = "SAccordion";
 //#endregion
 export { U as t };

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

@@ -44,20 +44,21 @@ var o = 40, s = 16, c = ({ actions: c, maxWidth: l, columns: u = 3, children: d,
 		return u && (e = u * o + (u - 1) * s + u * 16), e;
 	};
 	return /* @__PURE__ */ n(i, {
-		display: "flex",
+		sx: { display: "flex" },
 		children: /* @__PURE__ */ r(i, {
-			position: "relative",
 			onMouseEnter: w,
 			onMouseLeave: T,
+			sx: { position: "relative" },
 			children: [d, C && /* @__PURE__ */ n(i, {
-				position: "absolute",
-				top: 0,
-				left: 0,
-				width: "100%",
-				height: "100%",
-				display: "flex",
-				bgcolor: h,
 				sx: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					height: "100%",
+					display: "flex",
+					bgcolor: h,
+					borderRadius: v,
 					opacity: g,
 					backdropFilter: `blur(${_}px)`,
 					transform: "translateZ(0)",
@@ -66,15 +67,18 @@ var o = 40, s = 16, c = ({ actions: c, maxWidth: l, columns: u = 3, children: d,
 					...E(),
 					...y
 				},
-				borderRadius: v,
 				children: /* @__PURE__ */ n(a, {
 					container: !0,
 					spacing: 2,
-					justifyContent: D(),
-					maxWidth: O(),
+					sx: {
+						justifyContent: D(),
+						maxWidth: O()
+					},
 					children: c.map((t, r) => /* @__PURE__ */ n(a, {
-						display: "flex",
-						justifyContent: "center",
+						sx: {
+							display: "flex",
+							justifyContent: "center"
+						},
 						children: /* @__PURE__ */ n(e, {
 							tooltipOptions: {
 								title: t.tooltip,

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

@@ -15,6 +15,8 @@ export interface SAutocompleteProps<T, Multiple extends boolean | undefined, Dis
     renderInput?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['renderInput'];
     /** Field label displayed above the autocomplete */
     label?: string | React.ReactNode;
+    /** Placeholder text shown when no option is selected */
+    placeholder?: string;
     /** Whether the field is required (shows asterisk in label) */
     required?: boolean;
     /** Error message to display below the field */