@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/MenuItem-aaIy8lan.js

@@ -0,0 +1,213 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./generateUtilityClass-DdqZpZoW.js";
+import { g as n } from "./createTheme-DuS5_nJb.js";
+import { n as r, o as i, t as a } from "./DefaultPropsProvider-DpRXvTbj.js";
+import { _ as o, m as s } from "./Menu-Dhh4e9H1.js";
+import { r as c } from "./useTheme-BES_k_99.js";
+import { t as l } from "./generateUtilityClasses-BMwEKe3O.js";
+import { n as u, t as d } from "./styled-Dz7rwAje.js";
+import { h as f, t as p } from "./ButtonBase-BpUvp8ep.js";
+import * as m from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/esm/Divider/dividerClasses.js
+function g(e) {
+	return t("MuiDivider", e);
+}
+var _ = l("MuiDivider", [
+	"root",
+	"absolute",
+	"fullWidth",
+	"inset",
+	"middle",
+	"flexItem",
+	"light",
+	"vertical",
+	"withChildren",
+	"withChildrenVertical",
+	"textAlignRight",
+	"textAlignLeft",
+	"wrapper",
+	"wrapperVertical"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/esm/ListItemIcon/listItemIconClasses.js
+function v(e) {
+	return t("MuiListItemIcon", e);
+}
+var y = l("MuiListItemIcon", ["root", "alignItemsFlexStart"]), b = l("MuiListItemText", [
+	"root",
+	"multiline",
+	"dense",
+	"inset",
+	"primary",
+	"secondary"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/esm/MenuItem/menuItemClasses.js
+function x(e) {
+	return t("MuiMenuItem", e);
+}
+var S = l("MuiMenuItem", [
+	"root",
+	"focusVisible",
+	"dense",
+	"disabled",
+	"divider",
+	"gutters",
+	"selected"
+]), C = /* @__PURE__ */ e(n()), w = (e, t) => {
+	let { ownerState: n } = e;
+	return [
+		t.root,
+		n.dense && t.dense,
+		n.divider && t.divider,
+		!n.disableGutters && t.gutters
+	];
+}, T = (e) => {
+	let { disabled: t, dense: n, divider: r, disableGutters: a, selected: o, classes: s } = e, c = i({ root: [
+		"root",
+		n && "dense",
+		t && "disabled",
+		!a && "gutters",
+		r && "divider",
+		o && "selected"
+	] }, x, s);
+	return {
+		...s,
+		...c
+	};
+}, E = d(p, {
+	shouldForwardProp: (e) => u(e) || e === "classes",
+	name: "MuiMenuItem",
+	slot: "Root",
+	overridesResolver: w
+})(r(({ theme: e }) => ({
+	...e.typography.body1,
+	display: "flex",
+	justifyContent: "flex-start",
+	alignItems: "center",
+	position: "relative",
+	textDecoration: "none",
+	minHeight: 48,
+	paddingTop: 6,
+	paddingBottom: 6,
+	boxSizing: "border-box",
+	whiteSpace: "nowrap",
+	"&:hover": {
+		textDecoration: "none",
+		backgroundColor: (e.vars || e).palette.action.hover,
+		"@media (hover: none)": { backgroundColor: "transparent" }
+	},
+	[`&.${S.selected}`]: {
+		backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
+		[`&.${S.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) }
+	},
+	[`&.${S.selected}:hover`]: {
+		backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
+		"@media (hover: none)": { backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity) }
+	},
+	[`&.${S.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
+	[`&.${S.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
+	[`& + .${_.root}`]: {
+		marginTop: e.spacing(1),
+		marginBottom: e.spacing(1)
+	},
+	[`& + .${_.inset}`]: { marginLeft: 52 },
+	[`& .${b.root}`]: {
+		marginTop: 0,
+		marginBottom: 0
+	},
+	[`& .${b.inset}`]: { paddingLeft: 36 },
+	[`& .${y.root}`]: { minWidth: 36 },
+	variants: [
+		{
+			props: ({ ownerState: e }) => !e.disableGutters,
+			style: {
+				paddingLeft: 16,
+				paddingRight: 16
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.divider,
+			style: {
+				borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+				backgroundClip: "padding-box"
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !e.dense,
+			style: { [e.breakpoints.up("sm")]: { minHeight: "auto" } }
+		},
+		{
+			props: ({ ownerState: e }) => e.dense,
+			style: {
+				minHeight: 32,
+				paddingTop: 4,
+				paddingBottom: 4,
+				...e.typography.body2,
+				[`& .${y.root} svg`]: { fontSize: "1.25rem" }
+			}
+		}
+	]
+}))), D = /* @__PURE__ */ m.forwardRef(function(e, t) {
+	let n = a({
+		props: e,
+		name: "MuiMenuItem"
+	}), { autoFocus: r = !1, component: i = "li", dense: l = !1, divider: u = !1, disableGutters: d = !1, focusVisibleClassName: p, role: g = "menuitem", tabIndex: _, className: v, ...y } = n, b = m.useContext(s), x = m.useMemo(() => ({
+		dense: l || b.dense || !1,
+		disableGutters: d
+	}), [
+		b.dense,
+		l,
+		d
+	]), S = m.useRef(null);
+	o(() => {
+		r && (S.current ? S.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+	}, [r]);
+	let C = {
+		...n,
+		dense: x.dense,
+		divider: u,
+		disableGutters: d
+	}, w = T(n), D = f(S, t), O;
+	return n.disabled || (O = _ === void 0 ? -1 : _), /* @__PURE__ */ h(s.Provider, {
+		value: x,
+		children: /* @__PURE__ */ h(E, {
+			ref: D,
+			role: g,
+			tabIndex: O,
+			component: i,
+			focusVisibleClassName: c(w.focusVisible, p),
+			className: c(w.root, v),
+			...y,
+			ownerState: C,
+			classes: w
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (D.propTypes = {
+	autoFocus: C.default.bool,
+	children: C.default.node,
+	classes: C.default.object,
+	className: C.default.string,
+	component: C.default.elementType,
+	dense: C.default.bool,
+	disabled: C.default.bool,
+	disableGutters: C.default.bool,
+	divider: C.default.bool,
+	focusVisibleClassName: C.default.string,
+	role: C.default.string,
+	selected: C.default.bool,
+	sx: C.default.oneOfType([
+		C.default.arrayOf(C.default.oneOfType([
+			C.default.func,
+			C.default.object,
+			C.default.bool
+		])),
+		C.default.func,
+		C.default.object
+	]),
+	tabIndex: C.default.number
+});
+//#endregion
+export { v as n, g as r, D as t };

package/dist/Paper--8Q3qCqb.js

@@ -0,0 +1,329 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./generateUtilityClass-DdqZpZoW.js";
+import { g as n, i as r, n as i } from "./createTheme-DuS5_nJb.js";
+import { a, n as o, o as s, t as c } from "./DefaultPropsProvider-DpRXvTbj.js";
+import { r as l } from "./useTheme-BES_k_99.js";
+import { t as u } from "./generateUtilityClasses-BMwEKe3O.js";
+import { t as d } from "./styled-Dz7rwAje.js";
+import { f, m as p, p as m } from "./ButtonBase-BpUvp8ep.js";
+import { t as h } from "./objectWithoutPropertiesLoose-BdL2_POW.js";
+import * as g from "react";
+import _ from "react";
+import { jsx as v } from "react/jsx-runtime";
+import y from "react-dom";
+//#region ../../node_modules/react-transition-group/esm/config.js
+var b = { disabled: !1 }, x = /* @__PURE__ */ e(n()), S = process.env.NODE_ENV === "production" ? null : x.default.oneOfType([x.default.number, x.default.shape({
+	enter: x.default.number,
+	exit: x.default.number,
+	appear: x.default.number
+}).isRequired]), C = process.env.NODE_ENV === "production" ? null : x.default.oneOfType([
+	x.default.string,
+	x.default.shape({
+		enter: x.default.string,
+		exit: x.default.string,
+		active: x.default.string
+	}),
+	x.default.shape({
+		enter: x.default.string,
+		enterDone: x.default.string,
+		enterActive: x.default.string,
+		exit: x.default.string,
+		exitDone: x.default.string,
+		exitActive: x.default.string
+	})
+]), w = function(e) {
+	return e.scrollTop;
+}, T = "unmounted", E = "exited", D = "entering", O = "entered", k = "exiting", A = /* @__PURE__ */ function(e) {
+	m(t, e);
+	function t(t, n) {
+		var r = e.call(this, t, n) || this, i = n, a = i && !i.isMounting ? t.enter : t.appear, o;
+		return r.appearStatus = null, t.in ? a ? (o = E, r.appearStatus = D) : o = O : o = t.unmountOnExit || t.mountOnEnter ? T : E, r.state = { status: o }, r.nextCallback = null, r;
+	}
+	t.getDerivedStateFromProps = function(e, t) {
+		return e.in && t.status === "unmounted" ? { status: E } : null;
+	};
+	var n = t.prototype;
+	return n.componentDidMount = function() {
+		this.updateStatus(!0, this.appearStatus);
+	}, n.componentDidUpdate = function(e) {
+		var t = null;
+		if (e !== this.props) {
+			var n = this.state.status;
+			this.props.in ? n !== "entering" && n !== "entered" && (t = D) : (n === "entering" || n === "entered") && (t = k);
+		}
+		this.updateStatus(!1, t);
+	}, n.componentWillUnmount = function() {
+		this.cancelNextCallback();
+	}, n.getTimeouts = function() {
+		var e = this.props.timeout, t = n = r = e, n, r;
+		return e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear === void 0 ? n : e.appear), {
+			exit: t,
+			enter: n,
+			appear: r
+		};
+	}, n.updateStatus = function(e, t) {
+		if (e === void 0 && (e = !1), t !== null) if (this.cancelNextCallback(), t === "entering") {
+			if (this.props.unmountOnExit || this.props.mountOnEnter) {
+				var n = this.props.nodeRef ? this.props.nodeRef.current : y.findDOMNode(this);
+				n && w(n);
+			}
+			this.performEnter(e);
+		} else this.performExit();
+		else this.props.unmountOnExit && this.state.status === "exited" && this.setState({ status: T });
+	}, n.performEnter = function(e) {
+		var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, i = this.props.nodeRef ? [r] : [y.findDOMNode(this), r], a = i[0], o = i[1], s = this.getTimeouts(), c = r ? s.appear : s.enter;
+		if (!e && !n || b.disabled) {
+			this.safeSetState({ status: O }, function() {
+				t.props.onEntered(a);
+			});
+			return;
+		}
+		this.props.onEnter(a, o), this.safeSetState({ status: D }, function() {
+			t.props.onEntering(a, o), t.onTransitionEnd(c, function() {
+				t.safeSetState({ status: O }, function() {
+					t.props.onEntered(a, o);
+				});
+			});
+		});
+	}, n.performExit = function() {
+		var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : y.findDOMNode(this);
+		if (!t || b.disabled) {
+			this.safeSetState({ status: E }, function() {
+				e.props.onExited(r);
+			});
+			return;
+		}
+		this.props.onExit(r), this.safeSetState({ status: k }, function() {
+			e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
+				e.safeSetState({ status: E }, function() {
+					e.props.onExited(r);
+				});
+			});
+		});
+	}, n.cancelNextCallback = function() {
+		this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+	}, n.safeSetState = function(e, t) {
+		t = this.setNextCallback(t), this.setState(e, t);
+	}, n.setNextCallback = function(e) {
+		var t = this, n = !0;
+		return this.nextCallback = function(r) {
+			n && (n = !1, t.nextCallback = null, e(r));
+		}, this.nextCallback.cancel = function() {
+			n = !1;
+		}, this.nextCallback;
+	}, n.onTransitionEnd = function(e, t) {
+		this.setNextCallback(t);
+		var n = this.props.nodeRef ? this.props.nodeRef.current : y.findDOMNode(this), r = e == null && !this.props.addEndListener;
+		if (!n || r) {
+			setTimeout(this.nextCallback, 0);
+			return;
+		}
+		if (this.props.addEndListener) {
+			var i = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], a = i[0], o = i[1];
+			this.props.addEndListener(a, o);
+		}
+		e != null && setTimeout(this.nextCallback, e);
+	}, n.render = function() {
+		var e = this.state.status;
+		if (e === "unmounted") return null;
+		var t = this.props, n = t.children;
+		t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
+		var r = h(t, [
+			"children",
+			"in",
+			"mountOnEnter",
+			"unmountOnExit",
+			"appear",
+			"enter",
+			"exit",
+			"timeout",
+			"addEndListener",
+			"onEnter",
+			"onEntering",
+			"onEntered",
+			"onExit",
+			"onExiting",
+			"onExited",
+			"nodeRef"
+		]);
+		return /* @__PURE__ */ _.createElement(f.Provider, { value: null }, typeof n == "function" ? n(e, r) : _.cloneElement(_.Children.only(n), r));
+	}, t;
+}(_.Component);
+A.contextType = f, A.propTypes = process.env.NODE_ENV === "production" ? {} : {
+	nodeRef: x.default.shape({ current: typeof Element > "u" ? x.default.any : function(e, t, n, r, i, a) {
+		var o = e[t];
+		return x.default.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(e, t, n, r, i, a);
+	} }),
+	children: x.default.oneOfType([x.default.func.isRequired, x.default.element.isRequired]).isRequired,
+	in: x.default.bool,
+	mountOnEnter: x.default.bool,
+	unmountOnExit: x.default.bool,
+	appear: x.default.bool,
+	enter: x.default.bool,
+	exit: x.default.bool,
+	timeout: function(e) {
+		var t = S;
+		e.addEndListener || (t = t.isRequired);
+		var n = [...arguments].slice(1);
+		return t.apply(void 0, [e].concat(n));
+	},
+	addEndListener: x.default.func,
+	onEnter: x.default.func,
+	onEntering: x.default.func,
+	onEntered: x.default.func,
+	onExit: x.default.func,
+	onExiting: x.default.func,
+	onExited: x.default.func
+};
+function j() {}
+A.defaultProps = {
+	in: !1,
+	mountOnEnter: !1,
+	unmountOnExit: !1,
+	appear: !1,
+	enter: !0,
+	exit: !0,
+	onEnter: j,
+	onEntering: j,
+	onEntered: j,
+	onExit: j,
+	onExiting: j,
+	onExited: j
+}, A.UNMOUNTED = T, A.EXITED = E, A.ENTERING = D, A.ENTERED = O, A.EXITING = k;
+//#endregion
+//#region ../../node_modules/@mui/material/esm/transitions/utils.js
+var M = (e) => e.scrollTop;
+function N(e, t) {
+	let { timeout: n, easing: r, style: i = {} } = e;
+	return {
+		duration: i.transitionDuration ?? (typeof n == "number" ? n : n[t.mode] || 0),
+		easing: i.transitionTimingFunction ?? (typeof r == "object" ? r[t.mode] : r),
+		delay: i.transitionDelay
+	};
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/integerPropType/integerPropType.js
+function P(e) {
+	let t = typeof e;
+	switch (t) {
+		case "number": return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e === Math.floor(e) ? "number" : "float" : "Infinity";
+		case "object": return e === null ? "null" : e.constructor.name;
+		default: return t;
+	}
+}
+function F(e, t, n, r) {
+	let i = e[t];
+	if (i == null || !Number.isInteger(i)) {
+		let e = P(i);
+		return /* @__PURE__ */ RangeError(`Invalid ${r} \`${t}\` of type \`${e}\` supplied to \`${n}\`, expected \`integer\`.`);
+	}
+	return null;
+}
+function I(e, t, n, r) {
+	return e[t] === void 0 ? null : F(e, t, n, r);
+}
+function L() {
+	return null;
+}
+I.isRequired = F, L.isRequired = L;
+var R = process.env.NODE_ENV === "production" ? L : I;
+//#endregion
+//#region ../../node_modules/@mui/material/esm/Paper/paperClasses.js
+function z(e) {
+	return t("MuiPaper", e);
+}
+u("MuiPaper", /* @__PURE__ */ "root.rounded.outlined.elevation.elevation0.elevation1.elevation2.elevation3.elevation4.elevation5.elevation6.elevation7.elevation8.elevation9.elevation10.elevation11.elevation12.elevation13.elevation14.elevation15.elevation16.elevation17.elevation18.elevation19.elevation20.elevation21.elevation22.elevation23.elevation24".split("."));
+//#endregion
+//#region ../../node_modules/@mui/material/esm/Paper/Paper.js
+var B = (e) => {
+	let { square: t, elevation: n, variant: r, classes: i } = e;
+	return s({ root: [
+		"root",
+		r,
+		!t && "rounded",
+		r === "elevation" && `elevation${n}`
+	] }, z, i);
+}, V = d("div", {
+	name: "MuiPaper",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.variant],
+			!n.square && t.rounded,
+			n.variant === "elevation" && t[`elevation${n.elevation}`]
+		];
+	}
+})(o(({ theme: e }) => ({
+	backgroundColor: (e.vars || e).palette.background.paper,
+	color: (e.vars || e).palette.text.primary,
+	transition: e.transitions.create("box-shadow"),
+	variants: [
+		{
+			props: ({ ownerState: e }) => !e.square,
+			style: { borderRadius: e.shape.borderRadius }
+		},
+		{
+			props: { variant: "outlined" },
+			style: { border: `1px solid ${(e.vars || e).palette.divider}` }
+		},
+		{
+			props: { variant: "elevation" },
+			style: {
+				boxShadow: "var(--Paper-shadow)",
+				backgroundImage: "var(--Paper-overlay)"
+			}
+		}
+	]
+}))), H = /* @__PURE__ */ g.forwardRef(function(e, t) {
+	let n = c({
+		props: e,
+		name: "MuiPaper"
+	}), o = a(), { className: s, component: u = "div", elevation: d = 1, square: f = !1, variant: p = "elevation", ...m } = n, h = {
+		...n,
+		component: u,
+		elevation: d,
+		square: f,
+		variant: p
+	}, g = B(h);
+	return process.env.NODE_ENV !== "production" && o.shadows[d] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${d}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${d}]\` is defined.`].join("\n")), /* @__PURE__ */ v(V, {
+		as: u,
+		ownerState: h,
+		className: l(g.root, s),
+		ref: t,
+		...m,
+		style: {
+			...p === "elevation" && {
+				"--Paper-shadow": (o.vars || o).shadows[d],
+				...o.vars && { "--Paper-overlay": o.vars.overlays?.[d] },
+				...!o.vars && o.palette.mode === "dark" && { "--Paper-overlay": `linear-gradient(${r("#fff", i(d))}, ${r("#fff", i(d))})` }
+			},
+			...m.style
+		}
+	});
+});
+process.env.NODE_ENV !== "production" && (H.propTypes = {
+	children: x.default.node,
+	classes: x.default.object,
+	className: x.default.string,
+	component: x.default.elementType,
+	elevation: p(R, (e) => {
+		let { elevation: t, variant: n } = e;
+		return t > 0 && n === "outlined" ? /* @__PURE__ */ Error(`MUI: Combining \`elevation={${t}}\` with \`variant="${n}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
+	}),
+	square: x.default.bool,
+	style: x.default.object,
+	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
+	]),
+	variant: x.default.oneOfType([x.default.oneOf(["elevation", "outlined"]), x.default.string])
+});
+//#endregion
+export { A as a, M as i, R as n, w as o, N as r, C as s, H as t };