@solostylist/ui-kit 2.0.2 → 2.0.4

package/dist/s-segmented-control/s-segmented-control.js

@@ -1,16 +1,12 @@
 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 { actionHoverMedia as a, getFocusVisibleStyle as o, getSemanticActionTokens as s, reducedPressMotionStyle as c } from "../theme/components/action-styles.js";
-import { t as l } from "../useEnhancedEffect-dBFfkm1e.js";
-import { t as u } from "../useControlled-DqNPBJNp.js";
-import { t as d } from "../mergeSlotProps-DC8r4QzS.js";
-import * as f from "react";
-import { createElement as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Box as g, ButtonBase as _, Typography as v, styled as y, useThemeProps as b } from "@mui/material";
+import { actionHoverMedia as n, getFocusVisibleStyle as r, getSemanticActionTokens as i, reducedPressMotionStyle as a } from "../theme/components/action-styles.js";
+import * as o from "react";
+import { createElement as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Box as u, ButtonBase as d, Typography as f, styled as p, useThemeProps as m } from "@mui/material";
+import { mergeSlotProps as h, unstable_useEnhancedEffect as g, useControlled as _, useEventCallback as v, useForkRef as y } from "@mui/material/utils";
+import b from "@mui/utils/appendOwnerState";
 //#region lib/s-segmented-control/s-segmented-control.tsx
 var x = [
 	"ArrowDown",
@@ -22,7 +18,7 @@ var x = [
 ], S = {
 	medium: 40,
 	small: 36
-}, C = y(g, {
+}, C = p(u, {
 	name: "SSegmentedControl",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -50,12 +46,12 @@ var x = [
 			width: "100%"
 		}
 	}]
-})), w = y(g, {
+})), w = p(u, {
 	name: "SSegmentedControl",
 	slot: "Indicator",
 	shouldForwardProp: (e) => e !== "ownerState"
 })(({ theme: e }) => {
-	let t = (e.vars ?? e).palette, n = s(e, "primary");
+	let t = (e.vars ?? e).palette, n = i(e, "primary");
 	return {
 		backgroundColor: n.light.containedBackground,
 		borderRadius: e.radius.full,
@@ -83,12 +79,12 @@ var x = [
 		}],
 		"@media (prefers-reduced-motion: reduce)": { transition: "none" }
 	};
-}), T = y(_, {
+}), T = p(d, {
 	name: "SSegmentedControl",
 	slot: "Option",
 	shouldForwardProp: (e) => e !== "ownerState"
 })(({ theme: e }) => {
-	let t = (e.vars ?? e).palette, n = s(e, "primary");
+	let t = (e.vars ?? e).palette, o = i(e, "primary");
 	return {
 		borderRadius: e.radius.full,
 		color: t.text.secondary,
@@ -101,14 +97,14 @@ var x = [
 		position: "relative",
 		transition: e.transitions.create(["background-color", "color"], { duration: e.transitions.duration.shorter }),
 		zIndex: 1,
-		[a]: { "&:hover:not(.Mui-disabled)": {
+		[n]: { "&:hover:not(.Mui-disabled)": {
 			backgroundColor: t.action.hover,
 			color: t.text.primary
 		} },
 		"&:active:not(.Mui-disabled)": { backgroundColor: t.action.selected },
-		"&.Mui-focusVisible": o(e),
+		"&.Mui-focusVisible": r(e),
 		"&.Mui-disabled": { color: t.action.disabled },
-		...c,
+		...a,
 		variants: [
 			{
 				props: ({ ownerState: e }) => e.size === "small",
@@ -125,22 +121,22 @@ var x = [
 			{
 				props: ({ ownerState: e }) => e.selected,
 				style: {
-					color: n.light.containedColor,
+					color: o.light.containedColor,
 					fontWeight: e.typography.fontWeightMedium,
-					[a]: { "&:hover:not(.Mui-disabled)": {
+					[n]: { "&:hover:not(.Mui-disabled)": {
 						backgroundColor: "transparent",
-						color: n.light.containedColor
+						color: o.light.containedColor
 					} },
 					"&:active:not(.Mui-disabled)": { backgroundColor: "transparent" },
 					...e.applyStyles("dark", {
-						color: n.dark.containedColor,
-						[a]: { "&:hover:not(.Mui-disabled)": { color: n.dark.containedColor } }
+						color: o.dark.containedColor,
+						[n]: { "&:hover:not(.Mui-disabled)": { color: o.dark.containedColor } }
 					})
 				}
 			}
 		]
 	};
-}), E = y(g, {
+}), E = p(u, {
 	name: "SSegmentedControl",
 	slot: "Icon",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -154,7 +150,7 @@ var x = [
 		props: ({ ownerState: e }) => e.size === "small",
 		style: { fontSize: 18 }
 	}]
-}), D = y(v, {
+}), D = p(f, {
 	name: "SSegmentedControl",
 	slot: "Label",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -162,7 +158,7 @@ var x = [
 	color: "inherit",
 	fontWeight: "inherit",
 	minWidth: 0
-}), O = y(g, {
+}), O = p(u, {
 	name: "SSegmentedControl",
 	slot: "Badge",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -171,23 +167,23 @@ var x = [
 	display: "inline-flex",
 	flex: "0 0 auto"
 });
-function k(a, o) {
-	let s = b({
-		props: a,
+function k(n, r) {
+	let i = m({
+		props: n,
 		name: "SSegmentedControl"
-	}), { defaultValue: c, disabled: g = !1, fullWidth: _ = !1, onChange: v, options: y, size: S = "medium", slotProps: k, slots: A, sx: j, value: M, ...N } = s, [P, F] = u({
+	}), { defaultValue: a, disabled: u = !1, fullWidth: d = !1, onChange: f, options: p, size: S = "medium", slotProps: k, slots: A, sx: j, value: M, ...N } = i, [P, F] = _({
 		controlled: M,
-		default: c,
+		default: a,
 		name: "SSegmentedControl",
 		state: "value"
-	}), I = y.some((e) => e.value === P && e.disabled), L = {
-		...s,
-		disabled: g,
-		fullWidth: _,
+	}), I = p.some((e) => e.value === P && e.disabled), L = {
+		...i,
+		disabled: u,
+		fullWidth: d,
 		selectedDisabled: I,
 		size: S
-	}, R = f.useRef(null), z = f.useRef(/* @__PURE__ */ new Map()), [B, V] = f.useState(null), H = f.useId();
-	l(() => {
+	}, R = o.useRef(null), z = o.useRef(/* @__PURE__ */ new Map()), [B, V] = o.useState(null), H = o.useId();
+	g(() => {
 		let e = R.current;
 		if (!e) return;
 		let t = () => {
@@ -210,8 +206,8 @@ function k(a, o) {
 			n.disconnect(), window.removeEventListener("resize", t);
 		};
 	}, [
-		_,
-		JSON.stringify(y.map((e) => [
+		d,
+		JSON.stringify(p.map((e) => [
 			typeof e.value,
 			String(e.value),
 			!!e.disabled
@@ -219,12 +215,12 @@ function k(a, o) {
 		S,
 		P
 	]);
-	let U = r((e, t) => {
-		e !== P && (F(e), v?.(t, e));
-	}), W = r((e) => {
+	let U = v((e, t) => {
+		e !== P && (F(e), f?.(t, e));
+	}), W = v((e) => {
 		if (!x.includes(e.key)) return;
 		e.preventDefault();
-		let t = y.filter((e) => !e.disabled);
+		let t = p.filter((e) => !e.disabled);
 		if (t.length === 0) return;
 		let n = t.findIndex((e) => e.value === P), r;
 		if (e.key === "Home") r = 0;
@@ -235,14 +231,14 @@ function k(a, o) {
 		}
 		let i = t[r];
 		i && (U(i.value, e), z.current.get(i.value)?.focus());
-	}), G = y.filter((e) => !e.disabled).map((e) => e.value), K = P !== void 0 && G.includes(P) ? P : G[0] ?? void 0, q = A?.root ?? C, J = A?.indicator ?? w, Y = A?.option ?? T, X = A?.icon ?? E, Z = A?.label ?? D, Q = A?.badge ?? O, { ref: $, sx: ee, ...te } = i(q, d(t(k?.root, L), N), L), ne = n($, R, o), { style: re, ...ie } = t(k?.indicator, L) ?? {}, ae = i(J, ie, L);
-	return /* @__PURE__ */ h(q, {
+	}), G = p.filter((e) => !e.disabled).map((e) => e.value), K = P !== void 0 && G.includes(P) ? P : G[0] ?? void 0, q = A?.root ?? C, J = A?.indicator ?? w, Y = A?.option ?? T, X = A?.icon ?? E, Z = A?.label ?? D, Q = A?.badge ?? O, { ref: $, sx: ee, ...te } = b(q, h(t(k?.root, L), N), L), ne = y($, R, r), { style: re, ...ie } = t(k?.indicator, L) ?? {}, ae = b(J, ie, L);
+	return /* @__PURE__ */ l(q, {
 		...te,
-		"aria-disabled": g || void 0,
+		"aria-disabled": u || void 0,
 		ref: ne,
 		role: "radiogroup",
 		sx: [...e(j), ...e(ee)],
-		children: [/* @__PURE__ */ m(J, {
+		children: [/* @__PURE__ */ c(J, {
 			"aria-hidden": !0,
 			...ae,
 			style: {
@@ -252,26 +248,26 @@ function k(a, o) {
 				width: B?.width ?? 0,
 				...re
 			}
-		}), y.map((e, n) => {
-			let r = e.value === P, a = `${H}-${n}`, o = `${a}-label`, s = `${a}-description`, c = e.badge != null, l = {
+		}), p.map((e, n) => {
+			let r = e.value === P, i = `${H}-${n}`, a = `${i}-label`, o = `${i}-description`, l = e.badge != null, d = {
 				...L,
 				option: e,
 				selected: r
-			}, u = i(Y, t(k?.option, l) ?? {}, l), d = i(X, t(k?.icon, l) ?? {}, l), f = t(k?.label, l) ?? {}, h = i(Z, {
+			}, f = b(Y, t(k?.option, d) ?? {}, d), p = b(X, t(k?.icon, d) ?? {}, d), m = t(k?.label, d) ?? {}, h = b(Z, {
 				component: "span",
 				noWrap: !0,
 				variant: S === "small" ? "body2" : "body1",
-				...f
-			}, l), _ = i(Q, {
+				...m
+			}, d), g = b(Q, {
 				component: "span",
-				...t(k?.badge, l) ?? {}
-			}, l);
-			return /* @__PURE__ */ p(Y, {
-				...u,
+				...t(k?.badge, d) ?? {}
+			}, d);
+			return /* @__PURE__ */ s(Y, {
+				...f,
 				"aria-checked": r,
-				"aria-describedby": c ? s : void 0,
-				"aria-labelledby": o,
-				disabled: g || e.disabled,
+				"aria-describedby": l ? o : void 0,
+				"aria-labelledby": a,
+				disabled: u || e.disabled,
 				key: e.value,
 				onClick: (t) => U(e.value, t),
 				onKeyDown: W,
@@ -280,23 +276,23 @@ function k(a, o) {
 				},
 				role: "radio",
 				tabIndex: e.value === K ? 0 : -1
-			}, e.icon ? /* @__PURE__ */ m(X, {
+			}, e.icon ? /* @__PURE__ */ c(X, {
 				"aria-hidden": !0,
-				...d,
+				...p,
 				children: e.icon
-			}) : null, /* @__PURE__ */ m(Z, {
+			}) : null, /* @__PURE__ */ c(Z, {
 				...h,
-				id: o,
+				id: a,
 				children: e.label
-			}), c ? /* @__PURE__ */ m(Q, {
-				..._,
-				id: s,
+			}), l ? /* @__PURE__ */ c(Q, {
+				...g,
+				id: o,
 				children: e.badge
 			}) : null);
 		})]
 	});
 }
-var A = f.forwardRef(k);
+var A = o.forwardRef(k);
 A.displayName = "SSegmentedControl";
 //#endregion
 export { A as SSegmentedControl, A as default };

package/dist/s-select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-select-CtVKEOZ5.js";
+import { SSelect as e } from "./s-select.js";
 export { e as SSelect, e as default };

package/dist/s-select/s-select.js

@@ -1,2 +1,201 @@
-import { t as e } from "../s-select-CtVKEOZ5.js";
-export { e as SSelect, e as default };
+import { staticFieldLabelStyles as e } from "../theme/components/field-label-styles.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Box as i, FormControl as a, FormHelperText as o, InputAdornment as s, InputLabel as c, ListSubheader as l, MenuItem as u, Select as ee, TextField as d, styled as f, useThemeProps as te } from "@mui/material";
+import { mergeSlotProps as p } from "@mui/material/utils";
+import ne from "@mui/icons-material/Search";
+//#region lib/s-select/s-select.tsx
+function m(e) {
+	return typeof e == "string" || typeof e == "number";
+}
+function h(e, t) {
+	return m(e) ? String(e) : String(e[t]);
+}
+function re(e, t) {
+	return m(e) ? e : e[t];
+}
+function g(e) {
+	return /* @__PURE__ */ n(i, {
+		component: "span",
+		sx: { color: "text.secondary" },
+		children: e
+	});
+}
+function _(e, t, n) {
+	return e.find((e) => n(e) === t);
+}
+function ie(e, t, n, r, i, a) {
+	if (e == null || e === "") return g(r);
+	if (t) return String(e);
+	let o = _(n, e, a);
+	return o ? i(o) : "";
+}
+function ae(e, t, n, r, i, a) {
+	return e.length === 0 ? g(r) : t ? e.map(String).join(", ") : e.map((e) => {
+		let t = _(n, e, a);
+		return t ? i(t) : "";
+	}).filter(Boolean).join(", ");
+}
+function oe(e, t, n, r) {
+	if (!t || !n) return e;
+	let i = n.toLowerCase();
+	return e.filter((e) => r(e).toLowerCase().includes(i));
+}
+function v(e, t) {
+	return e.reduce((e, n) => {
+		let r = String(t(n));
+		return e.set(r, (e.get(r) ?? 0) + 1), e;
+	}, /* @__PURE__ */ new Map());
+}
+function y(e, t, n, r, i) {
+	let a = i?.(e, t);
+	if (a !== void 0) return a;
+	let o = String(r(e));
+	return (n.get(o) ?? 0) > 1 ? `${o}-${t}` : o;
+}
+function b(e, t, r, i, a) {
+	let o = v(e, t);
+	return e.map((e, s) => {
+		let c = t(e), l = y(e, s, o, t, a);
+		return /* @__PURE__ */ n(u, {
+			disabled: e?.disabled ?? !1,
+			value: c,
+			children: i ? i(e) : r(e)
+		}, l);
+	});
+}
+function x(e) {
+	if (e) return {
+		autoFocus: !1,
+		slotProps: { paper: { onKeyDown: (e) => {
+			e.key !== "Escape" && e.stopPropagation();
+		} } }
+	};
+}
+function se(e, t) {
+	let n = x(e);
+	if (!n) return t;
+	if (!t) return n;
+	let { slotProps: r, slots: i, ...a } = n, { slotProps: o, slots: s, ...c } = t;
+	return {
+		...a,
+		...c,
+		slots: {
+			...i,
+			...s
+		},
+		slotProps: {
+			...r,
+			...o,
+			paper: p(o?.paper, r?.paper ?? {})
+		}
+	};
+}
+var S = f(a, {
+	name: "SSelect",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({ ...e });
+function C(e, a) {
+	let f = te({
+		props: e,
+		name: "SSelect"
+	}), { options: p = [], getOptionKey: m, optionLabel: g = "name", optionValue: _ = "id", placeholder: v, label: y = "", error: x = !1, helperText: C, required: w = !1, simple: T = !1, searchable: E = !1, searchPlaceholder: ce = "", noResultsText: le = "No results found", renderOption: D, className: O, color: k = "primary", defaultValue: A, disabled: j = !1, displayEmpty: M = !0, fullWidth: N = !0, id: ue, inputProps: P, labelId: F, margin: I = "none", MenuProps: L, onChange: R, onClose: z, onOpen: B, open: V, renderValue: H, size: U = "medium", sx: de, variant: W = "outlined", ...G } = f, [K, q] = t.useState(""), fe = t.useId(), J = ue ?? fe, Y = F ?? `${J}-label`, X = C ? `${J}-helper-text` : void 0, pe = [P?.["aria-describedby"], X].filter(Boolean).join(" ") || void 0, me = G.value === void 0 ? A ?? (G.multiple ? [] : "") : void 0, he = {
+		...f,
+		color: k,
+		disabled: j,
+		displayEmpty: M,
+		error: x,
+		fullWidth: N,
+		margin: I,
+		required: w,
+		searchable: E,
+		size: U,
+		variant: W
+	}, Z = (e) => h(e, g), Q = (e) => re(e, _), $ = oe(p, E, K, Z), ge = (e) => {
+		z?.(e), E && q("");
+	}, _e = (e) => G.multiple ? ae(Array.isArray(e) ? e : [], T, p, v, Z, Q) : ie(e, T, p, v, Z, Q), ve = () => E ? $.length > 0 ? b($, Q, Z, D, m) : K ? /* @__PURE__ */ n(u, {
+		disabled: !0,
+		children: /* @__PURE__ */ n(i, {
+			sx: {
+				color: "text.secondary",
+				textAlign: "center",
+				width: "100%"
+			},
+			children: le
+		})
+	}) : b(p, Q, Z, D, m) : b(p, Q, Z, D, m), ye = se(E, L);
+	return /* @__PURE__ */ r(S, {
+		className: O,
+		color: k,
+		disabled: j,
+		error: x,
+		fullWidth: N,
+		margin: I,
+		ownerState: he,
+		ref: a,
+		required: w,
+		size: U,
+		sx: de,
+		variant: W,
+		children: [
+			y ? /* @__PURE__ */ n(c, {
+				id: Y,
+				shrink: !!v || M && !!H || void 0,
+				children: y
+			}) : null,
+			/* @__PURE__ */ r(ee, {
+				...G,
+				defaultValue: me,
+				id: J,
+				label: y,
+				labelId: y ? Y : F,
+				displayEmpty: M,
+				inputProps: {
+					...P,
+					"aria-describedby": pe
+				},
+				open: V,
+				onOpen: B,
+				onClose: ge,
+				MenuProps: ye,
+				onChange: R,
+				renderValue: H ?? _e,
+				variant: W,
+				children: [E && /* @__PURE__ */ n(l, {
+					sx: {
+						px: 2,
+						py: 1,
+						position: "sticky",
+						top: 0,
+						bgcolor: "background.paper",
+						zIndex: 1
+					},
+					children: /* @__PURE__ */ n(d, {
+						fullWidth: !0,
+						autoFocus: !0,
+						placeholder: ce,
+						value: K,
+						onChange: (e) => q(e.target.value),
+						onKeyDown: (e) => {
+							e.key !== "Escape" && e.stopPropagation();
+						},
+						onClick: (e) => e.stopPropagation(),
+						slotProps: { input: { startAdornment: /* @__PURE__ */ n(s, {
+							position: "start",
+							children: /* @__PURE__ */ n(ne, {})
+						}) } }
+					})
+				}), ve()]
+			}),
+			C ? /* @__PURE__ */ n(o, {
+				id: X,
+				children: C
+			}) : null
+		]
+	});
+}
+var w = t.forwardRef(C);
+w.displayName = "SSelect";
+//#endregion
+export { w as SSelect, w as default };

package/dist/s-select-list/s-select-list.js

@@ -1,13 +1,10 @@
 import { resolveOwnerStateSlotProps as e } from "../utils/slots.js";
-import { t } from "../useForkRef-BuNFTXxE.js";
-import { t as n } from "../useEventCallback-DGCsaRIu.js";
-import { t as r } from "../appendOwnerState-CFQTq3pb.js";
-import { t as i } from "../useControlled-DqNPBJNp.js";
-import { t as a } from "../mergeSlotProps-DC8r4QzS.js";
-import * as o from "react";
-import { createElement as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { Box as l, Collapse as u, FormControlLabel as d, Radio as f, RadioGroup as p, formControlLabelClasses as m, styled as h, useThemeProps as g } from "@mui/material";
+import * as t from "react";
+import { createElement as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Box as i, Collapse as a, FormControlLabel as o, Radio as s, RadioGroup as c, formControlLabelClasses as l, styled as u, useThemeProps as d } from "@mui/material";
+import { mergeSlotProps as f, useControlled as p, useEventCallback as m, useForkRef as h } from "@mui/material/utils";
+import g from "@mui/utils/appendOwnerState";
 import { visuallyHidden as _ } from "@mui/utils";
 //#region lib/s-select-list/s-select-list.tsx
 var v = [
@@ -30,11 +27,11 @@ function x(e, t) {
 		delete n[e];
 	}), n;
 }
-var S = h(p, {
+var S = u(c, {
 	name: "SSelectList",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
-})(({ theme: e }) => ({ gap: e.spacing(1) })), C = h(l, {
+})(({ theme: e }) => ({ gap: e.spacing(1) })), C = u(i, {
 	name: "SSelectList",
 	slot: "Option",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -48,7 +45,7 @@ var S = h(p, {
 			width: 0
 		}
 	}]
-}), w = h(d, {
+}), w = u(o, {
 	name: "SSelectList",
 	slot: "Item",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -60,7 +57,7 @@ var S = h(p, {
 	margin: 0,
 	padding: e.spacing(1, 2),
 	width: "100%",
-	[`&.${m.disabled}`]: { color: (e.vars ?? e).palette.text.disabled },
+	[`&.${l.disabled}`]: { color: (e.vars ?? e).palette.text.disabled },
 	variants: [{
 		props: ({ ownerState: e }) => e.selected,
 		style: { borderColor: (e.vars ?? e).palette.primary.dark }
@@ -71,7 +68,7 @@ var S = h(p, {
 			outlineOffset: 2
 		} }
 	}]
-})), T = h("span", {
+})), T = u("span", {
 	name: "SSelectList",
 	slot: "Label",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -79,18 +76,18 @@ var S = h(p, {
 	display: "block",
 	flex: 1,
 	minWidth: 0
-}), E = h(f, {
+}), E = u(s, {
 	name: "SSelectList",
 	slot: "Radio",
 	shouldForwardProp: (e) => e !== "ownerState"
 })({ variants: [{
 	props: ({ ownerState: e }) => !e.showRadio,
 	style: b
-}] }), D = h(u, {
+}] }), D = u(a, {
 	name: "SSelectList",
 	slot: "Transition",
 	shouldForwardProp: (e) => e !== "ownerState"
-})({}), O = h(l, {
+})({}), O = u(i, {
 	name: "SSelectList",
 	slot: "Details",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -99,64 +96,64 @@ var S = h(p, {
 	marginTop: e.spacing(1),
 	width: "100%"
 }));
-function k(o, l) {
-	let u = g({
-		props: o,
+function k(t, i) {
+	let a = d({
+		props: t,
 		name: "SSelectList"
-	}), { defaultValue: d, items: f, onChange: p, renderBelow: m, renderItem: h, showRadio: _ = !0, slotProps: b, slots: k, value: A, ...j } = u, [M, N] = i({
+	}), { defaultValue: o, items: s, onChange: c, renderBelow: l, renderItem: u, showRadio: _ = !0, slotProps: b, slots: k, value: A, ...j } = a, [M, N] = p({
 		controlled: A,
-		default: d ?? "",
+		default: o ?? "",
 		name: "SSelectList",
 		state: "value"
 	}), P = {
-		...u,
+		...a,
 		showRadio: _,
 		value: M
-	}, F = k?.root ?? S, I = k?.option ?? C, L = k?.item ?? w, R = k?.label ?? T, z = k?.radio ?? E, B = k?.transition ?? D, V = k?.details ?? O, H = n((e, t) => {
-		N(t), p?.(e, t);
-	}), { ref: U, ...W } = r(F, a(e(b?.root, P), {
+	}, F = k?.root ?? S, I = k?.option ?? C, L = k?.item ?? w, R = k?.label ?? T, z = k?.radio ?? E, B = k?.transition ?? D, V = k?.details ?? O, H = m((e, t) => {
+		N(t), c?.(e, t);
+	}), { ref: U, ...W } = g(F, f(e(b?.root, P), {
 		...j,
 		onChange: H,
 		value: M
-	}), P), G = t(U, l);
-	return /* @__PURE__ */ c(F, {
+	}), P), G = h(U, i);
+	return /* @__PURE__ */ r(F, {
 		...W,
 		ref: G,
-		children: f.map((t) => {
-			let n = t.id === M, i = {
+		children: s.map((t) => {
+			let i = t.id === M, a = {
 				...P,
 				item: t,
-				selected: n
-			}, o = e(b?.option, i), l = e(b?.item, i), u = e(b?.label, i), d = e(b?.radio, i), f = e(b?.transition, i) ?? {}, p = r(I, o ?? {}, i), g = r(L, x(a(l, {
+				selected: i
+			}, o = e(b?.option, a), s = e(b?.item, a), c = e(b?.label, a), d = e(b?.radio, a), p = e(b?.transition, a) ?? {}, m = g(I, o ?? {}, a), h = g(L, x(f(s, {
 				disableTypography: !0,
 				labelPlacement: "start"
-			}), v), i), _ = r(R, u ?? {}, i), S = r(z, x(d, y), i);
-			return /* @__PURE__ */ s(I, {
-				...p,
+			}), v), a), _ = g(R, c ?? {}, a), S = g(z, x(d, y), a);
+			return /* @__PURE__ */ n(I, {
+				...m,
 				key: t.id
-			}, /* @__PURE__ */ c(L, {
-				...g,
-				control: /* @__PURE__ */ c(z, { ...S }),
-				label: /* @__PURE__ */ c(R, {
+			}, /* @__PURE__ */ r(L, {
+				...h,
+				control: /* @__PURE__ */ r(z, { ...S }),
+				label: /* @__PURE__ */ r(R, {
 					..._,
-					children: h(t, n)
+					children: u(t, i)
 				}),
 				value: t.id
-			}), m ? /* @__PURE__ */ c(B, {
-				...r(B, {
-					...f,
-					unmountOnExit: f.unmountOnExit ?? !0
-				}, i),
-				in: n,
-				children: /* @__PURE__ */ c(V, {
-					...r(V, e(b?.details, i) ?? {}, i),
-					children: m(t)
+			}), l ? /* @__PURE__ */ r(B, {
+				...g(B, {
+					...p,
+					unmountOnExit: p.unmountOnExit ?? !0
+				}, a),
+				in: i,
+				children: /* @__PURE__ */ r(V, {
+					...g(V, e(b?.details, a) ?? {}, a),
+					children: l(t)
 				})
 			}) : null);
 		})
 	});
 }
-var A = o.forwardRef(k);
+var A = t.forwardRef(k);
 A.displayName = "SSelectList";
 //#endregion
 export { A as SSelectList, A as default };