@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-tool-bar/tool-bar-inputs.js

@@ -1,41 +1,41 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { SSelect as t } from "../s-select/s-select.js";
-import { ImageInput as n } from "./tool-bar-image-input.js";
-import r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Box as o, Slider as s, TextField as c, Typography as l, outlinedInputClasses as u } from "@mui/material";
-import { mergeSlotProps as d } from "@mui/material/utils";
+import { t } from "../mergeSlotProps-DC8r4QzS.js";
+import { t as n } from "../tool-bar-image-input-DtXTyEe1.js";
+import { t as r } from "../s-select-CtVKEOZ5.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, Slider as c, TextField as l, Typography as u, outlinedInputClasses as d } from "@mui/material";
 //#region lib/s-tool-bar/tool-bar-inputs.tsx
-var f = r.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabled: o }) => {
-	let { slotProps: s, ...l } = e.slotProps?.textarea ?? {};
-	return /* @__PURE__ */ i(c, {
-		value: t ?? "",
-		onChange: (e) => n(e, e.target.value),
-		onFocus: r,
-		onBlur: a,
+var f = i.memo(({ input: e, value: n, onChange: r, onFocus: i, onBlur: o, disabled: s }) => {
+	let { slotProps: c, ...u } = e.slotProps?.textarea ?? {};
+	return /* @__PURE__ */ a(l, {
+		value: n ?? "",
+		onChange: (e) => r(e, e.target.value),
+		onFocus: i,
+		onBlur: o,
 		placeholder: e.placeholder ?? e.label,
-		disabled: o,
+		disabled: s,
 		multiline: !0,
 		minRows: e.minRows ?? 2,
 		maxRows: e.maxRows ?? 5,
 		fullWidth: !0,
 		variant: "outlined",
-		...l,
+		...u,
 		slotProps: {
-			...s,
-			htmlInput: d(s?.htmlInput, { "aria-label": e.label }),
-			input: d(s?.input, { sx: {
+			...c,
+			htmlInput: t(c?.htmlInput, { "aria-label": e.label }),
+			input: t(c?.input, { sx: {
 				backgroundColor: "transparent",
 				border: "none",
 				padding: 0,
-				[`&.${u.focused}`]: { outline: "none" },
+				[`&.${d.focused}`]: { outline: "none" },
 				"& fieldset": { border: "none" },
 				"&:hover fieldset": { border: "none" },
 				"&.Mui-focused fieldset": { border: "none" }
 			} })
 		}
 	});
-}), p = r.memo((e) => /* @__PURE__ */ i(l, {
+}), p = i.memo((e) => /* @__PURE__ */ a(u, {
 	variant: "subtitle2",
 	sx: {
 		whiteSpace: "nowrap",
@@ -44,25 +44,25 @@ var f = r.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabl
 		width: "100% !important"
 	},
 	children: e.label
-})), m = r.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: s, disabled: l }) => {
-	let { slotProps: u, ...f } = e.slotProps?.number ?? {};
-	return /* @__PURE__ */ a(o, {
+})), m = i.memo(({ input: e, value: n, onChange: r, onFocus: i, onBlur: c, disabled: u }) => {
+	let { slotProps: d, ...f } = e.slotProps?.number ?? {};
+	return /* @__PURE__ */ o(s, {
 		sx: {
 			width: 80,
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: [/* @__PURE__ */ i(p, { label: e.label }), /* @__PURE__ */ i(c, {
+		children: [/* @__PURE__ */ a(p, { label: e.label }), /* @__PURE__ */ a(l, {
 			type: "number",
-			value: typeof t == "number" ? t : "",
-			onChange: (e) => n(e, Number(e.target.value)),
-			onFocus: r,
-			onBlur: s,
-			disabled: l,
+			value: typeof n == "number" ? n : "",
+			onChange: (e) => r(e, Number(e.target.value)),
+			onFocus: i,
+			onBlur: c,
+			disabled: u,
 			...f,
 			slotProps: {
-				...u,
-				htmlInput: d(u?.htmlInput, {
+				...d,
+				htmlInput: t(d?.htmlInput, {
 					"aria-label": e.label,
 					min: e.min,
 					max: e.max,
@@ -71,18 +71,18 @@ var f = r.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabl
 			}
 		})]
 	});
-}), h = r.memo(({ input: e, value: n, onChange: r, onFocus: s, onBlur: c, disabled: l }) => {
+}), h = i.memo(({ input: e, value: t, onChange: n, onFocus: i, onBlur: c, disabled: l }) => {
 	let { inputProps: u, ...d } = e.slotProps?.select ?? {};
-	return /* @__PURE__ */ a(o, {
+	return /* @__PURE__ */ o(s, {
 		sx: {
 			width: 180,
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: [/* @__PURE__ */ i(p, { label: e.label }), /* @__PURE__ */ i(t, {
-			value: n ?? "",
-			onChange: (e) => r(e, e.target.value),
-			onFocus: s,
+		children: [/* @__PURE__ */ a(p, { label: e.label }), /* @__PURE__ */ a(r, {
+			value: t ?? "",
+			onChange: (e) => n(e, e.target.value),
+			onFocus: i,
 			onBlur: c,
 			disabled: l,
 			placeholder: e.placeholder,
@@ -98,33 +98,33 @@ var f = r.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabl
 			}
 		})]
 	});
-}), g = r.memo(({ input: t, value: n, onChange: r, onFocus: c, onBlur: u, disabled: d }) => {
+}), g = i.memo(({ input: t, value: n, onChange: r, onFocus: i, onBlur: l, disabled: d }) => {
 	let { sx: f, ...m } = t.slotProps?.slider ?? {};
-	return /* @__PURE__ */ a(o, {
+	return /* @__PURE__ */ o(s, {
 		sx: {
 			width: 160,
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: [/* @__PURE__ */ i(p, { label: t.label }), /* @__PURE__ */ a(o, {
+		children: [/* @__PURE__ */ a(p, { label: t.label }), /* @__PURE__ */ o(s, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
 				height: 36
 			},
-			children: [/* @__PURE__ */ i(s, {
+			children: [/* @__PURE__ */ a(c, {
 				"aria-label": t.label,
 				value: typeof n == "number" ? n : t.min ?? 0,
 				onChange: (e, t) => r(e, t),
-				onMouseDown: c,
-				onMouseUp: u,
+				onMouseDown: i,
+				onMouseUp: l,
 				disabled: d,
 				min: t.min ?? 0,
 				max: t.max ?? 100,
 				step: t.step ?? 1,
 				...m,
 				sx: [{ flex: 1 }, ...e(f)]
-			}), /* @__PURE__ */ i(l, {
+			}), /* @__PURE__ */ a(u, {
 				variant: "body2",
 				sx: {
 					minWidth: 60,
@@ -136,11 +136,11 @@ var f = r.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabl
 	});
 }), _ = (e) => {
 	switch (e.input.type) {
-		case "textarea": return /* @__PURE__ */ i(f, { ...e });
-		case "number": return /* @__PURE__ */ i(m, { ...e });
-		case "slider": return /* @__PURE__ */ i(g, { ...e });
-		case "select": return /* @__PURE__ */ i(h, { ...e });
-		case "image": return /* @__PURE__ */ i(n, {
+		case "textarea": return /* @__PURE__ */ a(f, { ...e });
+		case "number": return /* @__PURE__ */ a(m, { ...e });
+		case "slider": return /* @__PURE__ */ a(g, { ...e });
+		case "select": return /* @__PURE__ */ a(h, { ...e });
+		case "image": return /* @__PURE__ */ a(n, {
 			input: e.input,
 			value: e.value,
 			onChange: e.onChange,
@@ -148,18 +148,18 @@ var f = r.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabl
 		});
 		default: return null;
 	}
-}, v = r.memo(({ input: e, value: t, disabled: n, onChange: r, onFocus: a, onBlur: s }) => e.renderInput ? /* @__PURE__ */ i(o, { children: e.renderInput({
+}, v = i.memo(({ input: e, value: t, disabled: n, onChange: r, onFocus: i, onBlur: o }) => e.renderInput ? /* @__PURE__ */ a(s, { children: e.renderInput({
 	value: t,
 	onChange: r,
-	onFocus: a,
-	onBlur: s,
+	onFocus: i,
+	onBlur: o,
 	disabled: n
-}) }) : /* @__PURE__ */ i(_, {
+}) }) : /* @__PURE__ */ a(_, {
 	input: e,
 	value: t,
 	onChange: r,
-	onFocus: a,
-	onBlur: s,
+	onFocus: i,
+	onBlur: o,
 	disabled: n
 }));
 //#endregion

package/dist/s-tool-item/s-tool-item.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, TypographyProps } from '@mui/material';
-import { SNavItemButtonProps } from '../s-nav-item';
+import { SNavItemRowProps } from '../s-nav-item';
 import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
 import * as React from 'react';
 export interface SToolItemOwnerState extends SToolItemProps {
@@ -9,12 +9,16 @@ export interface SToolItemOwnerState extends SToolItemProps {
 }
 type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SToolItemOwnerState>;
 export interface SToolItemSlots {
+    /** Interactive tile element, or the row element when `expanded`. */
     button?: React.ElementType;
-    primary?: React.ElementType;
+    /** Visible label element. */
+    label?: React.ElementType;
 }
 export interface SToolItemSlotProps {
-    button?: OwnerStateSlotProps<SNavItemButtonProps>;
-    primary?: OwnerStateSlotProps<TypographyProps>;
+    /** Props or owner-state callback for the tile/row slot. */
+    button?: OwnerStateSlotProps<SNavItemRowProps>;
+    /** Props or owner-state callback for the label slot. */
+    label?: OwnerStateSlotProps<TypographyProps>;
 }
 /** Props for a compact tool navigation item. */
 export interface SToolItemProps extends Omit<BoxProps<'li'>, 'children' | 'component' | 'onClick'> {
@@ -24,10 +28,10 @@ export interface SToolItemProps extends Omit<BoxProps<'li'>, 'children' | 'compo
     expanded?: boolean;
     /** Tool icon. */
     icon?: React.ReactNode;
+    /** Visible tool label. */
+    label: React.ReactNode;
     /** Called when the tool is activated. */
     onClick?: React.MouseEventHandler<HTMLElement>;
-    /** Visible tool label. */
-    primary: React.ReactNode;
     /** Selected navigation state. */
     selected?: boolean;
     /** Components used for internal structural slots. */

package/dist/s-tool-item/s-tool-item.js

@@ -1,15 +1,15 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { SNavItem as t } from "../s-nav-item/s-nav-item.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { ButtonBase as a, Typography as o, styled as s, useThemeProps as c } from "@mui/material";
-import l from "@mui/utils/appendOwnerState";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
+import { SNavItem as n } from "../s-nav-item/s-nav-item.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ButtonBase as o, Typography as s, styled as c, useThemeProps as l } from "@mui/material";
 //#region lib/s-tool-item/s-tool-item.tsx
-var u = s("li", {
+var u = c("li", {
 	name: "SToolItem",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
-})({}), d = s(t, {
+})({}), d = c(n, {
 	name: "SToolItem",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -17,56 +17,56 @@ var u = s("li", {
 function f(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var p = n.forwardRef(function(t, n) {
-	let s = c({
-		props: t,
+var p = r.forwardRef(function(n, r) {
+	let c = l({
+		props: n,
 		name: "SToolItem"
-	}), { disabled: p = !1, expanded: m = !1, icon: h, onClick: g, primary: _, selected: v = !1, slotProps: y, slots: b, sx: x, ...S } = s, C = {
-		...s,
+	}), { disabled: p = !1, expanded: m = !1, icon: h, label: g, onClick: _, selected: v = !1, slotProps: y, slots: b, sx: x, ...S } = c, C = {
+		...c,
 		disabled: p,
 		expanded: m,
 		selected: v
-	}, w = f(y?.button, C), T = f(y?.primary, C), { onClick: E, ...D } = w ?? {}, O = E, k = (e) => {
-		O?.(e), e.defaultPrevented || g?.(e);
+	}, w = f(y?.button, C), T = f(y?.label, C), { onClick: E, ...D } = w ?? {}, O = E, k = (e) => {
+		O?.(e), e.defaultPrevented || _?.(e);
 	};
 	if (m) {
-		let t = l(b?.button, D, C), i = l(b?.primary, T ?? {}, C);
-		return /* @__PURE__ */ r(d, {
+		let n = t(b?.button, D, C), a = t(b?.label, T ?? {}, C);
+		return /* @__PURE__ */ i(d, {
 			...S,
 			disabled: p,
 			icon: h,
+			label: g,
 			onClick: k,
 			ownerState: C,
-			primary: _,
-			ref: n,
+			ref: r,
 			selected: v,
 			slots: {
-				button: b?.button,
-				primary: b?.primary
+				item: b?.button,
+				label: b?.label
 			},
 			slotProps: {
-				button: t,
-				primary: i
+				item: n,
+				label: a
 			},
 			sx: [{ cursor: p ? "not-allowed" : void 0 }, ...e(x)]
 		});
 	}
-	let A = b?.button ?? a, j = b?.primary ?? o, { sx: M, ...N } = D, { sx: P, ...F } = T ?? {}, I = l(b?.button, N, C), L = l(b?.primary, F, C), R = typeof _ == "string" ? _ : void 0;
-	return /* @__PURE__ */ r(u, {
+	let A = b?.button ?? o, j = b?.label ?? s, { sx: M, ...N } = D, { sx: P, ...F } = T ?? {}, I = t(b?.button, N, C), L = t(b?.label, F, C), R = typeof g == "string" ? g : void 0;
+	return /* @__PURE__ */ i(u, {
 		...S,
 		ownerState: C,
-		ref: n,
+		ref: r,
 		sx: [{
 			cursor: p ? "not-allowed" : void 0,
 			display: "block"
 		}, ...e(x)],
-		children: /* @__PURE__ */ i(A, {
+		children: /* @__PURE__ */ a(A, {
 			...I,
 			"aria-current": v ? "page" : void 0,
 			"aria-label": R,
 			disabled: p,
 			onClick: (e) => {
-				O?.(e), e.defaultPrevented || g?.(e);
+				O?.(e), e.defaultPrevented || _?.(e);
 			},
 			title: R,
 			sx: [{
@@ -97,7 +97,7 @@ var p = n.forwardRef(function(t, n) {
 				"&.Mui-disabled": { color: "text.disabled" },
 				"& svg": { flexShrink: 0 }
 			}, ...e(M)],
-			children: [h, /* @__PURE__ */ r(j, {
+			children: [h, /* @__PURE__ */ i(j, {
 				component: "span",
 				variant: "caption",
 				...L,
@@ -106,7 +106,7 @@ var p = n.forwardRef(function(t, n) {
 					maxWidth: "100%",
 					overflowWrap: "anywhere"
 				}, ...e(P)],
-				children: _
+				children: g
 			})]
 		})
 	});

package/dist/s-two-pane-layout/s-two-pane-layout.js

@@ -1,9 +1,9 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { SOverlayScrollbar as t } from "../s-overlay-scrollbar/s-overlay-scrollbar.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Box as a, styled as o, useThemeProps as s } from "@mui/material";
-import c from "@mui/utils/appendOwnerState";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
+import { SOverlayScrollbar as n } from "../s-overlay-scrollbar/s-overlay-scrollbar.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, styled as s, useThemeProps as c } from "@mui/material";
 //#region lib/s-two-pane-layout/s-two-pane-layout.tsx
 var l = () => ({
 	display: "flex",
@@ -39,32 +39,32 @@ var l = () => ({
 }), m = ({ ownerState: e, theme: t }) => ({
 	padding: t.spacing(2),
 	...!e.scrollContent && { height: "100%" }
-}), h = o(a, {
+}), h = s(o, {
 	name: "STwoPaneLayout",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
-})(l), g = o(a, {
+})(l), g = s(o, {
 	name: "STwoPaneLayout",
 	slot: "Sidebar"
-})(u), ee = o(a, {
+})(u), ee = s(o, {
 	name: "STwoPaneLayout",
 	slot: "SidebarHeader"
-})(d), _ = o(a, {
+})(d), _ = s(o, {
 	name: "STwoPaneLayout",
 	slot: "SidebarViewport"
-})(f), v = o(t, {
+})(f), v = s(n, {
 	name: "STwoPaneLayout",
 	slot: "SidebarScroller"
-})({}), y = o(a, {
+})({}), y = s(o, {
 	name: "STwoPaneLayout",
 	slot: "Content"
-})(p), te = o(a, {
+})(p), te = s(o, {
 	name: "STwoPaneLayout",
 	slot: "ContentHeader"
-})(d), ne = o(a, {
+})(d), ne = s(o, {
 	name: "STwoPaneLayout",
 	slot: "ContentViewport"
-})(m), b = o(t, {
+})(m), b = s(n, {
 	name: "STwoPaneLayout",
 	slot: "ContentScroller"
 })({});
@@ -84,9 +84,9 @@ function C(e, t, n) {
 		theme: e
 	}) : void 0;
 }
-var w = n.forwardRef(function(t, o) {
-	let l = s({
-		props: t,
+var w = r.forwardRef(function(n, s) {
+	let l = c({
+		props: n,
 		name: "STwoPaneLayout"
 	}), { children: w, contentHeader: T, disableDivider: E = !1, scrollContent: D = !1, scrollSidebar: O = !0, sidebar: k, sidebarHeader: A, sidebarPosition: j = "left", sidebarWidth: M = 280, slotProps: N, slots: P, sx: F, ...I } = l, L = {
 		...l,
@@ -95,62 +95,62 @@ var w = n.forwardRef(function(t, o) {
 		scrollSidebar: O,
 		sidebarPosition: j,
 		sidebarWidth: M
-	}, R = P?.sidebar ?? g, z = P?.sidebarHeader ?? ee, B = P?.sidebarViewport ?? _, V = P?.sidebarScroller ?? v, H = P?.content ?? y, U = P?.contentHeader ?? te, W = P?.contentViewport ?? ne, G = P?.contentScroller ?? b, K = S(c(P?.sidebar, x(N?.sidebar, L) ?? {}, L)), q = S(c(P?.sidebarHeader, x(N?.sidebarHeader, L) ?? {}, L)), J = S(c(P?.sidebarViewport, x(N?.sidebarViewport, L) ?? {}, L)), Y = S(c(P?.content, x(N?.content, L) ?? {}, L)), X = S(c(P?.contentHeader, x(N?.contentHeader, L) ?? {}, L)), Z = S(c(P?.contentViewport, x(N?.contentViewport, L) ?? {}, L)), re = c(P?.sidebarScroller, x(N?.sidebarScroller, L) ?? {}, L), ie = c(P?.contentScroller, x(N?.contentScroller, L) ?? {}, L), Q = /* @__PURE__ */ i(R, {
+	}, R = P?.sidebar ?? g, z = P?.sidebarHeader ?? ee, B = P?.sidebarViewport ?? _, V = P?.sidebarScroller ?? v, H = P?.content ?? y, U = P?.contentHeader ?? te, W = P?.contentViewport ?? ne, G = P?.contentScroller ?? b, K = S(t(P?.sidebar, x(N?.sidebar, L) ?? {}, L)), q = S(t(P?.sidebarHeader, x(N?.sidebarHeader, L) ?? {}, L)), J = S(t(P?.sidebarViewport, x(N?.sidebarViewport, L) ?? {}, L)), Y = S(t(P?.content, x(N?.content, L) ?? {}, L)), X = S(t(P?.contentHeader, x(N?.contentHeader, L) ?? {}, L)), Z = S(t(P?.contentViewport, x(N?.contentViewport, L) ?? {}, L)), re = t(P?.sidebarScroller, x(N?.sidebarScroller, L) ?? {}, L), ie = t(P?.contentScroller, x(N?.contentScroller, L) ?? {}, L), Q = /* @__PURE__ */ a(R, {
 		...K.other,
 		...!P?.sidebar && { ownerState: L },
 		sx: [...e(C(P?.sidebar, u, L)), ...e(K.sx)],
-		children: [A == null ? null : /* @__PURE__ */ r(z, {
+		children: [A == null ? null : /* @__PURE__ */ i(z, {
 			...q.other,
 			...!P?.sidebarHeader && { ownerState: L },
 			sx: [...e(C(P?.sidebarHeader, d, L)), ...e(q.sx)],
 			children: A
-		}), /* @__PURE__ */ r(a, {
+		}), /* @__PURE__ */ i(o, {
 			sx: {
 				flex: 1,
 				minHeight: 0,
 				overflow: "hidden"
 			},
-			children: O ? /* @__PURE__ */ r(V, {
+			children: O ? /* @__PURE__ */ i(V, {
 				...re,
 				...!P?.sidebarScroller && { ownerState: L },
-				children: /* @__PURE__ */ r(B, {
+				children: /* @__PURE__ */ i(B, {
 					...J.other,
 					...!P?.sidebarViewport && { ownerState: L },
 					sx: [...e(C(P?.sidebarViewport, f, L)), ...e(J.sx)],
 					children: k
 				})
-			}) : /* @__PURE__ */ r(B, {
+			}) : /* @__PURE__ */ i(B, {
 				...J.other,
 				...!P?.sidebarViewport && { ownerState: L },
 				sx: [...e(C(P?.sidebarViewport, f, L)), ...e(J.sx)],
 				children: k
 			})
 		})]
-	}), $ = /* @__PURE__ */ i(H, {
+	}), $ = /* @__PURE__ */ a(H, {
 		...Y.other,
 		...!P?.content && { ownerState: L },
 		sx: [...e(C(P?.content, p, L)), ...e(Y.sx)],
-		children: [T == null ? null : /* @__PURE__ */ r(U, {
+		children: [T == null ? null : /* @__PURE__ */ i(U, {
 			...X.other,
 			...!P?.contentHeader && { ownerState: L },
 			sx: [...e(C(P?.contentHeader, d, L)), ...e(X.sx)],
 			children: T
-		}), /* @__PURE__ */ r(a, {
+		}), /* @__PURE__ */ i(o, {
 			sx: {
 				flex: 1,
 				minHeight: 0,
 				overflow: "hidden"
 			},
-			children: D ? /* @__PURE__ */ r(G, {
+			children: D ? /* @__PURE__ */ i(G, {
 				...ie,
 				...!P?.contentScroller && { ownerState: L },
-				children: /* @__PURE__ */ r(W, {
+				children: /* @__PURE__ */ i(W, {
 					...Z.other,
 					...!P?.contentViewport && { ownerState: L },
 					sx: [...e(C(P?.contentViewport, m, L)), ...e(Z.sx)],
 					children: w
 				})
-			}) : /* @__PURE__ */ r(W, {
+			}) : /* @__PURE__ */ i(W, {
 				...Z.other,
 				...!P?.contentViewport && { ownerState: L },
 				sx: [...e(C(P?.contentViewport, m, L)), ...e(Z.sx)],
@@ -158,12 +158,12 @@ var w = n.forwardRef(function(t, o) {
 			})
 		})]
 	});
-	return /* @__PURE__ */ r(h, {
+	return /* @__PURE__ */ i(h, {
 		...I,
 		ownerState: L,
-		ref: o,
+		ref: s,
 		sx: e(F),
-		children: j === "left" ? /* @__PURE__ */ i(n.Fragment, { children: [Q, $] }) : /* @__PURE__ */ i(n.Fragment, { children: [$, Q] })
+		children: j === "left" ? /* @__PURE__ */ a(r.Fragment, { children: [Q, $] }) : /* @__PURE__ */ a(r.Fragment, { children: [$, Q] })
 	});
 });
 w.displayName = "STwoPaneLayout";

package/dist/s-zoom-image/s-zoom-image.js

@@ -1,20 +1,21 @@
-import { toSxArray as e } from "../utils/sx.js";
-import { SLazyImage as t } from "../s-lazy-image/s-lazy-image.js";
-import { styled as n, useThemeProps as r } from "@mui/material/styles";
-import i, { useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { Box as s } from "@mui/material";
-import { mergeSlotProps as c } from "@mui/material/utils";
+import { t as e } from "../styled-Bog8QCl3.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
+import { toSxArray as n } from "../utils/sx.js";
+import { t as r } from "../mergeSlotProps-DC8r4QzS.js";
+import { SLazyImage as i } from "../s-lazy-image/s-lazy-image.js";
+import a, { useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { Box as c } from "@mui/material";
 import { motion as l, useMotionValue as u, useReducedMotion as d, useSpring as f, useTransform as p } from "framer-motion";
 //#region lib/s-zoom-image/s-zoom-image.tsx
-var m = n(s, {
+var m = e(c, {
 	name: "SZoomImage",
 	slot: "Root"
-})({}), h = i.forwardRef((n, i) => {
-	let h = r({
-		props: n,
+})({}), h = a.forwardRef((e, a) => {
+	let h = t({
+		props: e,
 		name: "SZoomImage"
-	}), { src: g, alt: _, zoomScale: v = 1.2, transitionDuration: y = .3, borderRadius: b = 1, skeletonVariant: x = "rounded", height: S = "100%", width: C = "100%", slots: w, slotProps: T, onMouseLeave: E, onMouseMove: D, sx: O, ...k } = h, [A, j] = a(null), M = A === g, N = d(), P = u(50), F = u(50), I = {
+	}), { src: g, alt: _, zoomScale: v = 1.2, transitionDuration: y = .3, borderRadius: b = 1, skeletonVariant: x = "rounded", height: S = "100%", width: C = "100%", slots: w, slotProps: T, onMouseLeave: E, onMouseMove: D, sx: O, ...k } = h, [A, j] = o(null), M = A === g, N = d(), P = u(50), F = u(50), I = {
 		damping: 20,
 		stiffness: 150,
 		mass: .5
@@ -32,7 +33,7 @@ var m = n(s, {
 		transitionDuration: y,
 		width: C,
 		zoomScale: v
-	}, V = c(T?.image, {
+	}, V = r(T?.image, {
 		onLoad: () => j(g),
 		sx: {
 			borderRadius: "inherit",
@@ -40,8 +41,8 @@ var m = n(s, {
 			objectFit: "cover"
 		}
 	});
-	return /* @__PURE__ */ o(m, {
-		ref: i,
+	return /* @__PURE__ */ s(m, {
+		ref: a,
 		ownerState: B,
 		onMouseMove: R,
 		onMouseLeave: z,
@@ -51,9 +52,9 @@ var m = n(s, {
 			height: "auto",
 			overflow: "hidden",
 			borderRadius: b
-		}, ...e(O)],
+		}, ...n(O)],
 		...k,
-		children: /* @__PURE__ */ o(s, {
+		children: /* @__PURE__ */ s(c, {
 			component: l.div,
 			style: { transformOrigin: N ? "50% 50%" : L },
 			animate: { scale: 1 },
@@ -63,7 +64,7 @@ var m = n(s, {
 				duration: y,
 				bounce: 0
 			},
-			children: /* @__PURE__ */ o(t, {
+			children: /* @__PURE__ */ s(i, {
 				src: g,
 				alt: _,
 				variant: x,

package/dist/selectClasses-CPxME5jE.js

@@ -0,0 +1,22 @@
+import { t as e } from "./generateUtilityClass-PAIOm1jC.js";
+import { t } from "./generateUtilityClasses-DvX505Gy.js";
+//#region ../../node_modules/@mui/material/Select/selectClasses.mjs
+function n(t) {
+	return e("MuiSelect", t);
+}
+var r = t("MuiSelect", [
+	"root",
+	"select",
+	"multiple",
+	"filled",
+	"outlined",
+	"standard",
+	"disabled",
+	"focused",
+	"icon",
+	"iconOpen",
+	"nativeInput",
+	"error"
+]);
+//#endregion
+export { r as n, n as t };

package/dist/setRef-BWPyWnrr.js

@@ -0,0 +1,6 @@
+//#region ../../node_modules/@mui/utils/setRef/setRef.mjs
+function e(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+//#endregion
+export { e as t };