@solostylist/ui-kit 2.0.2 → 2.0.3

package/dist/s-dialog-BNlXsVVP.js

@@ -1,123 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { t } from "./prop-types-BzYPyWN7.js";
-import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
-import { t as i } from "./clsx-DGZSe4Nt.js";
-import { t as a } from "./styled-Bog8QCl3.js";
-import { t as o } from "./Stack-C0LGzM4c.js";
-import { t as s } from "./useThemeProps-Dw9dmKyT.js";
-import { t as c } from "./IconButton-CE-4GamO.js";
-import { t as l } from "./appendOwnerState-CFQTq3pb.js";
-import { t as u } from "./mergeSlotProps-DC8r4QzS.js";
-import { t as d } from "./Typography-_P0svrkO.js";
-import { t as f } from "./Close-CIYOM-Sc.js";
-import { a as p, i as m, n as h, r as g, t as _ } from "./DialogContent-b3xbJVC6.js";
-import * as v from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/material/DialogTitle/DialogTitle.mjs
-var x = /* @__PURE__ */ e(t(), 1), S = (e) => {
-	let { classes: t } = e;
-	return n({ root: ["root"] }, h, t);
-}, C = a(d, {
-	name: "MuiDialogTitle",
-	slot: "Root"
-})({
-	padding: "16px 24px",
-	flex: "0 0 auto"
-}), w = /* @__PURE__ */ v.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiDialogTitle"
-	}), { className: a, id: o, ...s } = n, c = n, l = S(c), { titleId: u = o } = v.useContext(p);
-	return /* @__PURE__ */ y(C, {
-		component: "h2",
-		className: i(l.root, a),
-		ownerState: c,
-		ref: t,
-		variant: "h6",
-		id: o ?? u,
-		...s
-	});
-});
-process.env.NODE_ENV !== "production" && (w.propTypes = {
-	children: x.default.node,
-	classes: x.default.object,
-	className: x.default.string,
-	id: x.default.string,
-	sx: x.default.oneOfType([
-		x.default.arrayOf(x.default.oneOfType([
-			x.default.func,
-			x.default.object,
-			x.default.bool
-		])),
-		x.default.func,
-		x.default.object
-	])
-});
-//#endregion
-//#region lib/s-dialog/s-dialog.tsx
-var T = a(m, {
-	name: "SDialog",
-	slot: "Root"
-})({});
-function E(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-var D = v.forwardRef(function(e, t) {
-	let n = s({
-		props: e,
-		name: "SDialog"
-	}), { actions: r, "aria-labelledby": i, children: a, closeText: p = "Close dialog", disableTypography: m = !1, fullWidth: h = !0, maxWidth: x = "sm", onCloseButtonClick: S, open: C, showCloseButton: D, slotProps: O, slots: k, title: A, ...ee } = n, j = v.useId(), M = A != null, N = {
-		...n,
-		hasActions: r != null,
-		hasTitle: M
-	}, P = D ?? S != null, { actions: F = g, closeButton: I = c, content: L = _, title: R = w, titleContent: z = d, ...B } = k ?? {}, { actions: V, closeButton: H, content: U, title: W, titleContent: G, ...K } = O ?? {}, q = l(k?.actions, E(V, N) ?? {}, N), J = l(k?.closeButton, E(H, N) ?? {}, N), Y = l(k?.content, E(U, N) ?? {}, N), X = l(k?.title, E(W, N) ?? {}, N), Z = l(k?.titleContent, E(G, N) ?? {}, N), Q = u(J, { onClick: S }), $ = X.id ?? (M ? j : void 0), te = i ?? $;
-	return /* @__PURE__ */ b(T, {
-		...ee,
-		ref: t,
-		"aria-labelledby": te,
-		fullWidth: h,
-		maxWidth: x,
-		onClose: n.onClose,
-		open: C,
-		ownerState: N,
-		slots: B,
-		slotProps: K,
-		children: [
-			(M || P) && /* @__PURE__ */ y(R, {
-				...X,
-				id: $,
-				children: /* @__PURE__ */ b(o, {
-					direction: "row",
-					spacing: 3,
-					sx: {
-						alignItems: "center",
-						justifyContent: M ? "space-between" : "flex-end"
-					},
-					children: [M && typeof A == "string" && !m ? /* @__PURE__ */ y(z, {
-						variant: "h5",
-						...Z,
-						children: A
-					}) : M && /* @__PURE__ */ y("div", { children: A }), P && /* @__PURE__ */ y(I, {
-						"aria-label": p,
-						...Q,
-						children: /* @__PURE__ */ y(f, {})
-					})]
-				})
-			}),
-			a != null && /* @__PURE__ */ y(L, {
-				...Y,
-				children: typeof a == "string" ? /* @__PURE__ */ y(d, {
-					variant: "body1",
-					children: a
-				}) : a
-			}),
-			r != null && /* @__PURE__ */ y(F, {
-				...q,
-				children: r
-			})
-		]
-	});
-});
-D.displayName = "SDialog";
-//#endregion
-export { D as t };

package/dist/s-drawer-4h5ZyoM8.js

@@ -1,562 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { t } from "./prop-types-BzYPyWN7.js";
-import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
-import { t as i } from "./generateUtilityClass-PAIOm1jC.js";
-import { t as a } from "./clsx-DGZSe4Nt.js";
-import { t as o } from "./Box-9oeZgA1U.js";
-import { t as s } from "./generateUtilityClasses-DvX505Gy.js";
-import { n as c, t as l } from "./styled-Bog8QCl3.js";
-import { t as u } from "./useThemeProps-Dw9dmKyT.js";
-import { t as d } from "./RtlProvider-B7uVJXUY.js";
-import { t as f } from "./memoTheme-qFyKAk7y.js";
-import { t as p } from "./useTheme-BIWMbX3i.js";
-import { toSxArray as m } from "./utils/sx.js";
-import { resolveOwnerStateSlotProps as h } from "./utils/slots.js";
-import { t as g } from "./chainPropTypes-CkMRtDjQ.js";
-import { t as _ } from "./useForkRef-BuNFTXxE.js";
-import { t as v } from "./useEventCallback-DGCsaRIu.js";
-import { a as y, i as b, n as x, o as S, r as C } from "./utils-Bfqbev5I.js";
-import { t as w } from "./appendOwnerState-CFQTq3pb.js";
-import { t as T } from "./useSlot-BG8ReOxN.js";
-import { t as E } from "./capitalize-C0baBJCm.js";
-import { t as D } from "./Modal-CD2EBfU8.js";
-import { n as O, t as k } from "./ownerWindow-SSeeoqPT.js";
-import { t as A } from "./mergeSlotProps-DC8r4QzS.js";
-import { n as j, t as M } from "./elementAcceptingRef-pKEY6jPR.js";
-import { n as N } from "./Portal-i_wgIe9-.js";
-import { t as P } from "./integerPropType-CCkQD1JY.js";
-import { t as F } from "./isLayoutSupported-Btg2X3QE.js";
-import { t as I } from "./Paper-_3qggtBp.js";
-import { t as L } from "./Typography-_P0svrkO.js";
-import { t as R } from "./Close-CIYOM-Sc.js";
-import { SOverlayScrollbar as z } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
-import { SIconButton as B } from "./s-icon-button/s-icon-button.js";
-import * as V from "react";
-import { jsx as H, jsxs as U } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/material/Slide/Slide.mjs
-var W = /* @__PURE__ */ e(t(), 1), G = { visibility: "hidden" };
-function K(e) {
-	return typeof e == "string" && /^translate\(.+,\s*.+\)$/.test(e);
-}
-function ee(e, t, n, r = {}) {
-	let { resetInlineTransform: i = !0 } = r, a = n && n.getBoundingClientRect(), o = k(t), s, c;
-	if (i) {
-		let e = t.style.transform, n = t.style.transition;
-		t.style.transition = "", t.style.transform = "", s = t.getBoundingClientRect(), c = o.getComputedStyle(t).getPropertyValue("transform"), t.style.transform = e, t.style.transition = n;
-	} else s = t.getBoundingClientRect(), c = o.getComputedStyle(t).getPropertyValue("transform");
-	let { offsetX: l, offsetY: u } = C(c);
-	return e === "left" ? a ? `translateX(${a.right + l - s.left}px)` : `translateX(${o.innerWidth + l - s.left}px)` : e === "right" ? a ? `translateX(-${s.right - a.left - l}px)` : `translateX(-${s.left + s.width - l}px)` : e === "up" ? a ? `translateY(${a.bottom + u - s.top}px)` : `translateY(${o.innerHeight + u - s.top}px)` : a ? `translateY(-${s.top - a.top + s.height - u}px)` : `translateY(-${s.top + s.height - u}px)`;
-}
-function q(e) {
-	return typeof e == "function" ? e() : e;
-}
-function J(e, t, n, r) {
-	let i = ee(e, t, q(n), r);
-	i && (t.style.transform = i);
-}
-var Y = /* @__PURE__ */ V.forwardRef(function(e, t) {
-	let n = p(), r = {
-		enter: n.transitions.easing.easeOut,
-		exit: n.transitions.easing.sharp
-	}, i = {
-		enter: n.transitions.duration.enteringScreen,
-		exit: n.transitions.duration.leavingScreen
-	}, { addEndListener: a, appear: o = !0, children: s, container: c, direction: l = "down", easing: u = r, in: d, onEnter: f, onEntered: m, onEntering: h, onExit: g, onExited: v, onExiting: C, style: w, timeout: T = i, ...E } = e, D = V.useRef(null), A = V.useRef(!1), M = _(j(s), D, t), N = b(D, (e, t) => {
-		J(l, e, c), y(e), f && f(e, t);
-	}), P = b(D, (e, t) => {
-		let r = x({
-			timeout: T,
-			style: w,
-			easing: u
-		}, { mode: "enter" });
-		e.style.transition = n.transitions.create("transform", r), e.style.transform = "none", h && h(e, t);
-	}), F = b(D, m), I = b(D, C), L = b(D, (e) => {
-		let t = x({
-			timeout: T,
-			style: w,
-			easing: u
-		}, { mode: "exit" });
-		e.style.transition = n.transitions.create("transform", t);
-		let r = K(e.style.transform);
-		A.current = r, J(l, e, c, { resetInlineTransform: !r }), g && g(e);
-	}), R = b(D, (e) => {
-		A.current = !1, e.style.transition = "", v && v(e);
-	}), z = (e) => {
-		a && a(D.current, e);
-	}, B = V.useCallback(() => {
-		D.current && J(l, D.current, c);
-	}, [l, c]);
-	return V.useEffect(() => {
-		if (d || l === "down" || l === "right") return;
-		let e = O(() => {
-			D.current && J(l, D.current, c);
-		}), t = k(D.current);
-		return t.addEventListener("resize", e), () => {
-			e.clear(), t.removeEventListener("resize", e);
-		};
-	}, [
-		l,
-		d,
-		c
-	]), V.useEffect(() => {
-		!d && !A.current && B();
-	}, [d, B]), /* @__PURE__ */ H(S, {
-		nodeRef: D,
-		onEnter: N,
-		onEntered: F,
-		onEntering: P,
-		onExit: L,
-		onExited: R,
-		onExiting: I,
-		addEndListener: z,
-		appear: o,
-		in: d,
-		timeout: T,
-		...E,
-		children: (e, { ownerState: t, ...n }) => {
-			let r;
-			return r = e === "exited" && !d ? w || s.props.style ? {
-				visibility: "hidden",
-				...w,
-				...s.props.style
-			} : G : w && s.props.style ? {
-				...w,
-				...s.props.style
-			} : w || s.props.style, /* @__PURE__ */ V.cloneElement(s, {
-				ref: M,
-				style: r,
-				...n
-			});
-		}
-	});
-});
-process.env.NODE_ENV !== "production" && (Y.propTypes = {
-	addEndListener: W.default.func,
-	appear: W.default.bool,
-	children: M.isRequired,
-	container: g(W.default.oneOfType([N, W.default.func]), (e) => {
-		if (e.open) {
-			let t = q(e.container);
-			if (t && t.nodeType === 1) {
-				let e = t.getBoundingClientRect();
-				if (process.env.NODE_ENV !== "production" && F() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0) return Error([
-					"MUI: The `container` prop provided to the component is invalid.",
-					"The anchor element should be part of the document layout.",
-					"Make sure the element is present in the document or that it's not display none."
-				].join("\n"));
-			} else if (!t || typeof t.getBoundingClientRect != "function" || t.contextElement != null && t.contextElement.nodeType !== 1) return Error(["MUI: The `container` prop provided to the component is invalid.", "It should be an HTML element instance."].join("\n"));
-		}
-		return null;
-	}),
-	direction: W.default.oneOf([
-		"down",
-		"left",
-		"right",
-		"up"
-	]),
-	easing: W.default.oneOfType([W.default.shape({
-		enter: W.default.string,
-		exit: W.default.string
-	}), W.default.string]),
-	in: W.default.bool,
-	onEnter: W.default.func,
-	onEntered: W.default.func,
-	onEntering: W.default.func,
-	onExit: W.default.func,
-	onExited: W.default.func,
-	onExiting: W.default.func,
-	style: W.default.object,
-	timeout: W.default.oneOfType([W.default.number, W.default.shape({
-		appear: W.default.number,
-		enter: W.default.number,
-		exit: W.default.number
-	})])
-});
-//#endregion
-//#region ../../node_modules/@mui/material/Drawer/drawerClasses.mjs
-function te(e) {
-	return i("MuiDrawer", e);
-}
-s("MuiDrawer", [
-	"root",
-	"docked",
-	"paper",
-	"anchorLeft",
-	"anchorRight",
-	"anchorTop",
-	"anchorBottom",
-	"modal"
-]);
-//#endregion
-//#region ../../node_modules/@mui/material/Drawer/Drawer.mjs
-var X = (e, t) => {
-	let { ownerState: n } = e;
-	return [
-		t.root,
-		(n.variant === "permanent" || n.variant === "persistent") && t.docked,
-		n.variant === "temporary" && t.modal
-	];
-}, ne = (e) => {
-	let { classes: t, anchor: r, variant: i } = e;
-	return n({
-		root: ["root", `anchor${E(r)}`],
-		docked: [(i === "permanent" || i === "persistent") && "docked"],
-		modal: ["modal"],
-		paper: ["paper"]
-	}, te, t);
-}, re = l(D, {
-	name: "MuiDrawer",
-	slot: "Root",
-	overridesResolver: X
-})(f(({ theme: e }) => ({ zIndex: (e.vars || e).zIndex.drawer }))), ie = l("div", {
-	shouldForwardProp: c,
-	name: "MuiDrawer",
-	slot: "Docked",
-	skipVariantsResolver: !1,
-	overridesResolver: X
-})({ flex: "0 0 auto" }), Z = l(I, {
-	name: "MuiDrawer",
-	slot: "Paper"
-})(f(({ theme: e }) => ({
-	overflowY: "auto",
-	display: "flex",
-	flexDirection: "column",
-	height: "100%",
-	flex: "1 0 auto",
-	zIndex: (e.vars || e).zIndex.drawer,
-	WebkitOverflowScrolling: "touch",
-	position: "fixed",
-	top: 0,
-	outline: 0,
-	variants: [
-		{
-			props: { anchor: "left" },
-			style: { left: 0 }
-		},
-		{
-			props: { anchor: "top" },
-			style: {
-				top: 0,
-				left: 0,
-				right: 0,
-				height: "auto",
-				maxHeight: "100%"
-			}
-		},
-		{
-			props: { anchor: "right" },
-			style: { right: 0 }
-		},
-		{
-			props: { anchor: "bottom" },
-			style: {
-				top: "auto",
-				left: 0,
-				bottom: 0,
-				right: 0,
-				height: "auto",
-				maxHeight: "100%"
-			}
-		},
-		{
-			props: ({ ownerState: e }) => e.anchor === "left" && e.variant !== "temporary",
-			style: { borderRight: `1px solid ${(e.vars || e).palette.divider}` }
-		},
-		{
-			props: ({ ownerState: e }) => e.anchor === "top" && e.variant !== "temporary",
-			style: { borderBottom: `1px solid ${(e.vars || e).palette.divider}` }
-		},
-		{
-			props: ({ ownerState: e }) => e.anchor === "right" && e.variant !== "temporary",
-			style: { borderLeft: `1px solid ${(e.vars || e).palette.divider}` }
-		},
-		{
-			props: ({ ownerState: e }) => e.anchor === "bottom" && e.variant !== "temporary",
-			style: { borderTop: `1px solid ${(e.vars || e).palette.divider}` }
-		}
-	]
-}))), Q = {
-	left: "right",
-	right: "left",
-	top: "down",
-	bottom: "up"
-};
-function ae(e) {
-	return ["left", "right"].includes(e);
-}
-function oe({ direction: e }, t) {
-	return e === "rtl" && ae(t) ? Q[t] : t;
-}
-var se = /* @__PURE__ */ V.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiDrawer"
-	}), i = p(), o = d(), s = {
-		enter: i.transitions.duration.enteringScreen,
-		exit: i.transitions.duration.leavingScreen
-	}, { anchor: c = "left", children: l, className: u, elevation: f = 16, hideBackdrop: m = !1, ModalProps: h = {}, onClose: g, open: v = !1, transitionDuration: y = s, variant: b = "temporary", slots: x = {}, slotProps: S = {}, ...C } = n, w = V.useRef(!1), E = V.useRef(null), D = _(t, E);
-	V.useEffect(() => {
-		w.current = !0;
-	}, []);
-	let O = V.useCallback(() => E.current, []), k = oe({ direction: o ? "rtl" : "ltr" }, c), j = c, M = {
-		...n,
-		anchor: j,
-		elevation: f,
-		open: v,
-		variant: b,
-		...C
-	}, N = ne(M), P = {
-		slots: x,
-		slotProps: {
-			...S,
-			backdrop: A(S.backdrop, { transitionDuration: y })
-		}
-	}, [F, I] = T("root", {
-		ref: D,
-		elementType: re,
-		className: a(N.root, N.modal, u),
-		shouldForwardComponentProp: !0,
-		ownerState: M,
-		externalForwardedProps: {
-			...P,
-			...C,
-			...h
-		},
-		additionalProps: {
-			closeAfterTransition: !0,
-			open: v,
-			onClose: g,
-			hideBackdrop: m,
-			slots: { backdrop: P.slots.backdrop },
-			slotProps: { backdrop: P.slotProps.backdrop }
-		}
-	}), [L, R] = T("paper", {
-		elementType: Z,
-		shouldForwardComponentProp: !0,
-		className: N.paper,
-		ownerState: M,
-		externalForwardedProps: P,
-		additionalProps: {
-			elevation: b === "temporary" ? f : 0,
-			square: !0,
-			...b === "temporary" && {
-				role: "dialog",
-				"aria-modal": "true",
-				"data-mui-focusable": "",
-				tabIndex: -1
-			}
-		}
-	}), [z, B] = T("docked", {
-		elementType: ie,
-		ref: D,
-		className: a(N.root, N.docked, u),
-		ownerState: M,
-		externalForwardedProps: P,
-		additionalProps: C
-	}), [U, W] = T("transition", {
-		elementType: Y,
-		ownerState: M,
-		externalForwardedProps: P,
-		additionalProps: {
-			in: v,
-			direction: Q[k],
-			timeout: y,
-			appear: w.current,
-			...b === "temporary" && (x.transition == null || x.transition === Y) && { container: O }
-		}
-	}), G = /* @__PURE__ */ H(L, {
-		...R,
-		children: l
-	});
-	if (b === "permanent") return /* @__PURE__ */ H(z, {
-		...B,
-		children: G
-	});
-	let K = /* @__PURE__ */ H(U, {
-		...W,
-		children: G
-	});
-	return b === "persistent" ? /* @__PURE__ */ H(z, {
-		...B,
-		children: K
-	}) : /* @__PURE__ */ H(F, {
-		...I,
-		children: K
-	});
-});
-process.env.NODE_ENV !== "production" && (se.propTypes = {
-	anchor: W.default.oneOf([
-		"bottom",
-		"left",
-		"right",
-		"top"
-	]),
-	children: W.default.node,
-	classes: W.default.object,
-	className: W.default.string,
-	elevation: P,
-	hideBackdrop: W.default.bool,
-	ModalProps: W.default.object,
-	onClose: W.default.func,
-	open: W.default.bool,
-	slotProps: W.default.shape({
-		backdrop: W.default.oneOfType([W.default.func, W.default.object]),
-		docked: W.default.oneOfType([W.default.func, W.default.object]),
-		paper: W.default.oneOfType([W.default.func, W.default.object]),
-		root: W.default.oneOfType([W.default.func, W.default.object]),
-		transition: W.default.oneOfType([W.default.func, W.default.object])
-	}),
-	slots: W.default.shape({
-		backdrop: W.default.elementType,
-		docked: W.default.elementType,
-		paper: W.default.elementType,
-		root: W.default.elementType,
-		transition: W.default.elementType
-	}),
-	sx: W.default.oneOfType([
-		W.default.arrayOf(W.default.oneOfType([
-			W.default.func,
-			W.default.object,
-			W.default.bool
-		])),
-		W.default.func,
-		W.default.object
-	]),
-	transitionDuration: W.default.oneOfType([W.default.number, W.default.shape({
-		appear: W.default.number,
-		enter: W.default.number,
-		exit: W.default.number
-	})]),
-	variant: W.default.oneOf([
-		"permanent",
-		"persistent",
-		"temporary"
-	])
-});
-//#endregion
-//#region lib/s-drawer/s-drawer.tsx
-var ce = {
-	xs: "100vw",
-	sm: 360
-};
-function $(e) {
-	return e == null || typeof e == "boolean" || typeof e == "string" && e.trim() === "" ? !1 : V.isValidElement(e) && e.type === V.Fragment ? $(e.props.children) : Array.isArray(e) ? e.some($) : !0;
-}
-var le = l(se, {
-	name: "SDrawer",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({}), ue = l(o, {
-	name: "SDrawer",
-	slot: "Header",
-	shouldForwardProp: (e) => e !== "ownerState"
-})(({ theme: e }) => ({
-	alignItems: "center",
-	boxShadow: `inset 0 -1px 0 ${(e.vars ?? e).palette.divider}`,
-	display: "flex",
-	flexShrink: 0,
-	gap: e.spacing(2),
-	justifyContent: "space-between",
-	minHeight: e.spacing(7),
-	padding: e.spacing(1.5, 2),
-	variants: [{
-		props: ({ ownerState: e }) => !e.hasTitle,
-		style: { justifyContent: "flex-end" }
-	}]
-})), de = l(L, {
-	name: "SDrawer",
-	slot: "Title",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({
-	flex: "1 1 auto",
-	minWidth: 0
-}), fe = l(o, {
-	name: "SDrawer",
-	slot: "HeaderActions",
-	shouldForwardProp: (e) => e !== "ownerState"
-})(({ theme: e }) => ({
-	alignItems: "center",
-	display: "flex",
-	flexShrink: 0,
-	gap: e.spacing(1)
-})), pe = l(B, {
-	name: "SDrawer",
-	slot: "CloseButton",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({ flexShrink: 0 }), me = l(z, {
-	name: "SDrawer",
-	slot: "Body",
-	shouldForwardProp: (e) => e !== "ownerState"
-})(({ theme: e }) => ({
-	flex: "1 1 auto",
-	minHeight: 0,
-	padding: e.spacing(2)
-})), he = V.forwardRef(function(e, t) {
-	let n = u({
-		props: e,
-		name: "SDrawer"
-	}), { anchor: r = "right", "aria-describedby": i, "aria-label": a, "aria-labelledby": o, children: s, closeLabel: c = "Close drawer", headerActions: l, onClose: d, open: f = !1, showCloseButton: p, slotProps: g, slots: y, sx: b, title: x, variant: S = "temporary", width: C, ...T } = n, E = V.useId(), D = r === "top" || r === "bottom", O = C ?? (D ? "100%" : ce), k = $(x), j = $(l), M = p ?? d != null, N = k || j || M, P = {
-		...n,
-		anchor: r,
-		closeLabel: c,
-		hasHeader: N,
-		hasHeaderActions: j,
-		hasTitle: k,
-		open: f,
-		showCloseButton: M,
-		variant: S,
-		width: O
-	}, { body: F = me, closeButton: I = pe, header: L = ue, headerActions: z = fe, root: B = le, title: W = de, ...G } = y ?? {}, { body: K, closeButton: ee, header: q, headerActions: J, paper: Y, root: te, title: X, ...ne } = g ?? {}, re = v((e) => {
-		d?.(e, "closeButtonClick");
-	}), ie = w(L, h(q, P) ?? {}, P), Z = w(W, h(X, P) ?? {}, P), Q = w(z, h(J, P) ?? {}, P), ae = w(I, A(h(ee, P), {
-		"aria-label": c,
-		onClick: re
-	}), P), oe = w(F, h(K, P) ?? {}, P), { ref: se, sx: he, ...ge } = w(B, A(h(te, P), T), P), _e = _(se, t), ve = Z.id ?? (k ? E : void 0), ye = h(Y, P), be = a != null || o != null || ye?.["aria-label"] != null || ye?.["aria-labelledby"] != null, xe = A(ye, {
-		"aria-describedby": i,
-		"aria-label": a,
-		"aria-labelledby": o ?? (be ? void 0 : ve),
-		sx: [{
-			boxSizing: "border-box",
-			display: "flex",
-			flexDirection: "column",
-			width: O,
-			...D ? { maxHeight: "100%" } : { height: "100%" }
-		}]
-	});
-	return /* @__PURE__ */ U(B, {
-		...ge,
-		ref: _e,
-		anchor: r,
-		onClose: d,
-		open: f,
-		slotProps: {
-			...ne,
-			paper: xe
-		},
-		slots: G,
-		sx: [...m(b), ...m(he)],
-		variant: S,
-		children: [N ? /* @__PURE__ */ U(L, {
-			...ie,
-			children: [k ? /* @__PURE__ */ H(W, {
-				noWrap: !0,
-				variant: "h6",
-				...Z,
-				id: ve,
-				children: x
-			}) : null, j || M ? /* @__PURE__ */ U(z, {
-				...Q,
-				children: [l, M ? /* @__PURE__ */ H(I, {
-					...ae,
-					children: /* @__PURE__ */ H(R, {})
-				}) : null]
-			}) : null]
-		}) : null, /* @__PURE__ */ H(F, {
-			...oe,
-			children: s
-		})]
-	});
-});
-he.displayName = "SDrawer";
-//#endregion
-export { he as t };