@solostylist/ui-kit 2.0.1 → 2.0.2

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

@@ -1,201 +1,2 @@
-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 };
+import { t as e } from "../s-select-CtVKEOZ5.js";
+export { e as SSelect, e as default };

package/dist/s-select-CtVKEOZ5.js

@@ -0,0 +1,204 @@
+import { t as e } from "./createSvgIcon-3y-gS0r1.js";
+import { t } from "./mergeSlotProps-DC8r4QzS.js";
+import { t as n } from "./field-label-styles-4praXMaE.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, FormControl as s, FormHelperText as c, InputAdornment as l, InputLabel as ee, ListSubheader as u, MenuItem as d, Select as te, TextField as ne, styled as f, useThemeProps as re } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/Search.mjs
+var ie = e(/* @__PURE__ */ i("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }), "Search");
+//#endregion
+//#region lib/s-select/s-select.tsx
+function p(e) {
+	return typeof e == "string" || typeof e == "number";
+}
+function m(e, t) {
+	return p(e) ? String(e) : String(e[t]);
+}
+function ae(e, t) {
+	return p(e) ? e : e[t];
+}
+function h(e) {
+	return /* @__PURE__ */ i(o, {
+		component: "span",
+		sx: { color: "text.secondary" },
+		children: e
+	});
+}
+function g(e, t, n) {
+	return e.find((e) => n(e) === t);
+}
+function oe(e, t, n, r, i, a) {
+	if (e == null || e === "") return h(r);
+	if (t) return String(e);
+	let o = g(n, e, a);
+	return o ? i(o) : "";
+}
+function se(e, t, n, r, i, a) {
+	return e.length === 0 ? h(r) : t ? e.map(String).join(", ") : e.map((e) => {
+		let t = g(n, e, a);
+		return t ? i(t) : "";
+	}).filter(Boolean).join(", ");
+}
+function ce(e, t, n, r) {
+	if (!t || !n) return e;
+	let i = n.toLowerCase();
+	return e.filter((e) => r(e).toLowerCase().includes(i));
+}
+function _(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 v(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 y(e, t, n, r, a) {
+	let o = _(e, t);
+	return e.map((e, s) => {
+		let c = t(e), l = v(e, s, o, t, a);
+		return /* @__PURE__ */ i(d, {
+			disabled: e?.disabled ?? !1,
+			value: c,
+			children: r ? r(e) : n(e)
+		}, l);
+	});
+}
+function b(e) {
+	if (e) return {
+		autoFocus: !1,
+		slotProps: { paper: { onKeyDown: (e) => {
+			e.key !== "Escape" && e.stopPropagation();
+		} } }
+	};
+}
+function x(e, n) {
+	let r = b(e);
+	if (!r) return n;
+	if (!n) return r;
+	let { slotProps: i, slots: a, ...o } = r, { slotProps: s, slots: c, ...l } = n;
+	return {
+		...o,
+		...l,
+		slots: {
+			...a,
+			...c
+		},
+		slotProps: {
+			...i,
+			...s,
+			paper: t(s?.paper, i?.paper ?? {})
+		}
+	};
+}
+var S = f(s, {
+	name: "SSelect",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({ ...n });
+function C(e, t) {
+	let n = re({
+		props: e,
+		name: "SSelect"
+	}), { options: s = [], getOptionKey: f, optionLabel: p = "name", optionValue: h = "id", placeholder: g, label: _ = "", error: v = !1, helperText: b, required: C = !1, simple: w = !1, searchable: T = !1, searchPlaceholder: le = "", noResultsText: E = "No results found", renderOption: D, className: O, color: k = "primary", defaultValue: ue, disabled: A = !1, displayEmpty: j = !0, fullWidth: M = !0, id: N, 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 } = n, [K, q] = r.useState(""), fe = r.useId(), J = N ?? fe, Y = F ?? `${J}-label`, X = b ? `${J}-helper-text` : void 0, pe = [P?.["aria-describedby"], X].filter(Boolean).join(" ") || void 0, me = G.value === void 0 ? ue ?? (G.multiple ? [] : "") : void 0, he = {
+		...n,
+		color: k,
+		disabled: A,
+		displayEmpty: j,
+		error: v,
+		fullWidth: M,
+		margin: I,
+		required: C,
+		searchable: T,
+		size: U,
+		variant: W
+	}, Z = (e) => m(e, p), Q = (e) => ae(e, h), $ = ce(s, T, K, Z), ge = (e) => {
+		z?.(e), T && q("");
+	}, _e = (e) => G.multiple ? se(Array.isArray(e) ? e : [], w, s, g, Z, Q) : oe(e, w, s, g, Z, Q), ve = () => T ? $.length > 0 ? y($, Q, Z, D, f) : K ? /* @__PURE__ */ i(d, {
+		disabled: !0,
+		children: /* @__PURE__ */ i(o, {
+			sx: {
+				color: "text.secondary",
+				textAlign: "center",
+				width: "100%"
+			},
+			children: E
+		})
+	}) : y(s, Q, Z, D, f) : y(s, Q, Z, D, f), ye = x(T, L);
+	return /* @__PURE__ */ a(S, {
+		className: O,
+		color: k,
+		disabled: A,
+		error: v,
+		fullWidth: M,
+		margin: I,
+		ownerState: he,
+		ref: t,
+		required: C,
+		size: U,
+		sx: de,
+		variant: W,
+		children: [
+			_ ? /* @__PURE__ */ i(ee, {
+				id: Y,
+				shrink: !!g || j && !!H || void 0,
+				children: _
+			}) : null,
+			/* @__PURE__ */ a(te, {
+				...G,
+				defaultValue: me,
+				id: J,
+				label: _,
+				labelId: _ ? Y : F,
+				displayEmpty: j,
+				inputProps: {
+					...P,
+					"aria-describedby": pe
+				},
+				open: V,
+				onOpen: B,
+				onClose: ge,
+				MenuProps: ye,
+				onChange: R,
+				renderValue: H ?? _e,
+				variant: W,
+				children: [T && /* @__PURE__ */ i(u, {
+					sx: {
+						px: 2,
+						py: 1,
+						position: "sticky",
+						top: 0,
+						bgcolor: "background.paper",
+						zIndex: 1
+					},
+					children: /* @__PURE__ */ i(ne, {
+						fullWidth: !0,
+						autoFocus: !0,
+						placeholder: le,
+						value: K,
+						onChange: (e) => q(e.target.value),
+						onKeyDown: (e) => {
+							e.key !== "Escape" && e.stopPropagation();
+						},
+						onClick: (e) => e.stopPropagation(),
+						slotProps: { input: { startAdornment: /* @__PURE__ */ i(l, {
+							position: "start",
+							children: /* @__PURE__ */ i(ie, {})
+						}) } }
+					})
+				}), ve()]
+			}),
+			b ? /* @__PURE__ */ i(c, {
+				id: X,
+				children: b
+			}) : null
+		]
+	});
+}
+var w = r.forwardRef(C);
+w.displayName = "SSelect";
+//#endregion
+export { w as t };

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

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

package/dist/s-skeleton/s-skeleton.js

@@ -1,7 +1,8 @@
-import { styled as e, useThemeProps as t } from "@mui/material/styles";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
-import i from "@mui/material/Skeleton";
+import { t as e } from "../styled-Bog8QCl3.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
+import { t as n } from "../Skeleton-iZFynl7z.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region lib/s-skeleton/s-skeleton.tsx
 var a = {
 	avatar: {
@@ -24,24 +25,24 @@ var a = {
 		variant: "rounded",
 		width: 32
 	}
-}, o = e(i, {
+}, o = e(n, {
 	name: "SSkeleton",
 	slot: "Root"
 })(({ ownerState: e, theme: t }) => ({
 	...e.preset === "checkbox" && { borderRadius: t.radius.sm },
 	...e.variant === "text" && e.fontSize != null && { fontSize: e.fontSize }
-})), s = n.forwardRef(function(e, n) {
-	let i = t({
+})), s = r.forwardRef(function(e, n) {
+	let r = t({
 		props: e,
 		name: "SSkeleton"
 	});
-	if (i.preset) {
-		let { preset: e, ...t } = i, s = a[e], c = {
+	if (r.preset) {
+		let { preset: e, ...t } = r, s = a[e], c = {
 			animation: t.animation,
 			preset: e,
 			variant: s.variant
 		};
-		return /* @__PURE__ */ r(o, {
+		return /* @__PURE__ */ i(o, {
 			...t,
 			height: s.height,
 			ownerState: c,
@@ -50,12 +51,12 @@ var a = {
 			width: s.width
 		});
 	}
-	let { fontSize: s, variant: c = "text", ...l } = i, u = {
+	let { fontSize: s, variant: c = "text", ...l } = r, u = {
 		animation: l.animation,
 		fontSize: s,
 		variant: c
 	};
-	return /* @__PURE__ */ r(o, {
+	return /* @__PURE__ */ i(o, {
 		...l,
 		ownerState: u,
 		ref: n,

package/dist/s-snackbar-message/index.js

@@ -1,2 +1,2 @@
-import { SSnackbarMessage as e, SnackbarMessageProvider as t, useSnackbarMessage as n } from "./s-snackbar-message.js";
-export { e as SSnackbarMessage, e as default, t as SnackbarMessageProvider, n as useSnackbarMessage };
+import { n as e, r as t, t as n } from "../s-snackbar-message-DsfJlDYd.js";
+export { n as SSnackbarMessage, n as default, e as SnackbarMessageProvider, t as useSnackbarMessage };