@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/MenuItem-DWivWkNb.js

@@ -0,0 +1,220 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t } from "./createTheme-Bnw5w28O.js";
+import { o as n, r, t as i } from "./memoTheme-QMocAblm.js";
+import { t as a } from "./clsx-Bv8WXdlr.js";
+import { t as o } from "./generateUtilityClass-tRYNDrlH.js";
+import { t as s } from "./generateUtilityClasses-XrPHiTcM.js";
+import { n as c, t as l } from "./styled-BTDmdi4c.js";
+import { g as u, u as d } from "./Modal-C1VRVWBZ.js";
+import { t as f } from "./ButtonBase-Bo6ysVGS.js";
+import { f as p } from "./useSlot-Dkc1Mj31.js";
+import { a as m, i as h, n as g, o as _, u as v } from "./MenuList-5HOyYdgq.js";
+import * as y from "react";
+import { jsx as b } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/ListItemIcon/listItemIconClasses.mjs
+function x(e) {
+	return o("MuiListItemIcon", e);
+}
+var S = s("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
+//#endregion
+//#region ../../node_modules/@mui/material/Divider/dividerClasses.mjs
+function C(e) {
+	return o("MuiDivider", e);
+}
+var w = s("MuiDivider", [
+	"root",
+	"absolute",
+	"fullWidth",
+	"inset",
+	"middle",
+	"flexItem",
+	"vertical",
+	"withChildren",
+	"textAlignRight",
+	"textAlignLeft",
+	"wrapper",
+	"wrapperVertical"
+]), T = s("MuiListItemText", [
+	"root",
+	"multiline",
+	"dense",
+	"inset",
+	"primary",
+	"secondary"
+]), E = /* @__PURE__ */ e(t(), 1);
+function D(e) {
+	return o("MuiMenuItem", e);
+}
+var O = s("MuiMenuItem", [
+	"root",
+	"focusVisible",
+	"dense",
+	"disabled",
+	"divider",
+	"gutters",
+	"selected"
+]), k = (e, t) => {
+	let { ownerState: n } = e;
+	return [
+		t.root,
+		n.dense && t.dense,
+		n.divider && t.divider,
+		!n.disableGutters && t.gutters
+	];
+}, A = (e) => {
+	let { disabled: t, dense: r, divider: i, disableGutters: a, selected: o, classes: s } = e, c = n({ root: [
+		"root",
+		r && "dense",
+		t && "disabled",
+		!a && "gutters",
+		i && "divider",
+		o && "selected"
+	] }, D, s);
+	return {
+		...s,
+		...c
+	};
+}, j = l(f, {
+	shouldForwardProp: (e) => c(e) || e === "classes",
+	name: "MuiMenuItem",
+	slot: "Root",
+	overridesResolver: k
+})(i(({ 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" }
+	},
+	[`&.${O.selected}`]: {
+		backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
+		[`&.${O.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) }
+	},
+	[`&.${O.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) }
+	},
+	[`&.${O.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
+	[`&.${O.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
+	[`& + .${w.root}`]: {
+		marginTop: e.spacing(1),
+		marginBottom: e.spacing(1)
+	},
+	[`& + .${w.inset}`]: { marginLeft: 52 },
+	[`& .${T.root}`]: {
+		marginTop: 0,
+		marginBottom: 0
+	},
+	[`& .${T.inset}`]: { paddingLeft: 36 },
+	[`& .${S.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,
+				[`& .${S.root} svg`]: { fontSize: "1.25rem" }
+			}
+		}
+	]
+}))), M = /* @__PURE__ */ y.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiMenuItem"
+	}), { autoFocus: i = !1, component: o = "li", dense: s = !1, divider: c = !1, disableGutters: l = !1, focusVisibleClassName: f, role: x = "menuitem", tabIndex: S, className: C, ...w } = n, T = h(), E = y.useContext(d), D = y.useMemo(() => ({
+		dense: s || E.dense || !1,
+		disableGutters: l
+	}), [
+		E.dense,
+		s,
+		l
+	]), O = g(), k = u(), M = O.suppressInitialFocusVisible, N = O.itemsFocusableWhenDisabled, P = y.useRef(null);
+	v(() => {
+		i && (P.current ? m(P.current, T) : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+	}, [i]);
+	let F = {
+		...n,
+		dense: D.dense,
+		divider: c,
+		disableGutters: l
+	}, I = A(n), { root: L, ...R } = I, z = _({
+		id: k,
+		ref: t,
+		disabled: n.disabled,
+		focusableWhenDisabled: N,
+		selected: n.selected
+	}), B = p(P, z.ref), V;
+	return S === void 0 ? O.variant === "selectedMenu" ? V = z.tabIndex : (!n.disabled || N) && (V = -1) : V = S, /* @__PURE__ */ b(d.Provider, {
+		value: D,
+		children: /* @__PURE__ */ b(j, {
+			ref: B,
+			role: x,
+			tabIndex: V,
+			component: o,
+			internalNativeButton: !1,
+			focusableWhenDisabled: N,
+			suppressFocusVisible: M,
+			focusVisibleClassName: a(I.focusVisible, f),
+			className: a(I.root, C),
+			...w,
+			ownerState: F,
+			classes: R
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+	autoFocus: E.default.bool,
+	children: E.default.node,
+	classes: E.default.object,
+	className: E.default.string,
+	component: E.default.elementType,
+	dense: E.default.bool,
+	disabled: E.default.bool,
+	disableGutters: E.default.bool,
+	divider: E.default.bool,
+	focusVisibleClassName: E.default.string,
+	role: E.default.string,
+	selected: E.default.bool,
+	sx: E.default.oneOfType([
+		E.default.arrayOf(E.default.oneOfType([
+			E.default.func,
+			E.default.object,
+			E.default.bool
+		])),
+		E.default.func,
+		E.default.object
+	]),
+	tabIndex: E.default.number
+});
+//#endregion
+export { C as n, x as r, M as t };

package/dist/MenuList-5HOyYdgq.js

@@ -0,0 +1,403 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t } from "./createTheme-Bnw5w28O.js";
+import { t as n } from "./useEnhancedEffect-Dsu5K7-Z.js";
+import { _ as r, b as i, d as a, f as o, l as s, v as c, x as l, y as u } from "./Modal-C1VRVWBZ.js";
+import { i as d, r as f } from "./ButtonBase-Bo6ysVGS.js";
+import { f as p, p as m } from "./useSlot-Dkc1Mj31.js";
+import * as h from "react";
+import { jsx as g } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/utils/debounce/debounce.mjs
+function _(e, t = 166) {
+	let n;
+	function r(...r) {
+		clearTimeout(n), n = setTimeout(() => {
+			e.apply(this, r);
+		}, t);
+	}
+	return r.clear = () => {
+		clearTimeout(n);
+	}, r;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/debounce.mjs
+var v = _, y = /* @__PURE__ */ e(t(), 1), b = u, x = c, S = n, C = /* @__PURE__ */ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (C.displayName = "RovingTabIndexContext");
+function w() {
+	let e = h.useContext(C);
+	if (e === void 0) throw Error("MUI: RovingTabIndexContext is missing. Roving tab index items must be placed within a roving tab index provider.");
+	return e;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/fastObjectShallowCompare/fastObjectShallowCompare.mjs
+var T = Object.is;
+function E(e, t) {
+	if (e === t) return !0;
+	if (!(e instanceof Object) || !(t instanceof Object)) return !1;
+	let n = 0, r = 0;
+	for (let r in e) if (n += 1, !T(e[r], t[r]) || !(r in t)) return !1;
+	for (let e in t) r += 1;
+	return n === r;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/useRovingTabIndex/useRovingTabIndex.mjs
+var D = [
+	"ArrowRight",
+	"ArrowLeft",
+	"ArrowUp",
+	"ArrowDown",
+	"Home",
+	"End"
+];
+function O(e) {
+	let { activeItemId: t, getDefaultActiveItemId: n, orientation: r, isRtl: i = !1, isItemFocusable: a = H, wrap: o = !0 } = e, [s, c] = h.useState(t), f = h.useRef(t), p = s;
+	t !== f.current && (f.current = t, t !== void 0 && t !== s && (p = t, c(t)));
+	let m = h.useRef(null), g = h.useRef(/* @__PURE__ */ new Map()), [_, v] = h.useState(0), y = h.useMemo(() => z(g.current), [_]), b = A(p, y, a, n), x = h.useRef(b);
+	x.current = b;
+	let S = h.useCallback(() => {
+		let e = z(g.current);
+		return I(e, A(x.current, e, a, n));
+	}, [n, a]), C = h.useCallback(() => g.current, []), w = d((e) => {
+		E(g.current.get(e.id) ?? null, e) || (g.current.set(e.id, e), v((e) => e + 1));
+	}), T = d((e) => {
+		g.current.delete(e) && v((e) => e + 1);
+	}), O = d((e) => {
+		c(e);
+	}), k = h.useCallback((e) => x.current === e, []), j = h.useCallback((e, t, n, r) => {
+		let i = P(B(g.current), e, t, n, r ?? a);
+		return i ? (i.element?.focus(), c(i.id), i) : null;
+	}, [a]), M = h.useCallback((e) => ({
+		onFocus: (e) => {
+			let t = B(g.current), n = R(t, e.target);
+			n !== -1 && c(t[n].id);
+		},
+		onKeyDown: (e) => {
+			if (e.altKey || e.shiftKey || e.ctrlKey || e.metaKey || !D.includes(e.key)) return;
+			let t = r === "horizontal" ? "ArrowLeft" : "ArrowUp", n = r === "horizontal" ? "ArrowRight" : "ArrowDown";
+			r === "horizontal" && i && (t = "ArrowRight", n = "ArrowLeft");
+			let a = B(g.current), s = l(u(m.current)), c = s === m.current, d = N(a, s, x.current), f = "next";
+			switch (e.key) {
+				case t:
+					f = "previous", e.preventDefault(), c && (d = a.length);
+					break;
+				case n:
+					e.preventDefault(), c && (d = -1);
+					break;
+				case "Home":
+					e.preventDefault(), d = -1;
+					break;
+				case "End":
+					e.preventDefault(), f = "previous", d = a.length;
+					break;
+				default: return;
+			}
+			j(d, f, o);
+		},
+		ref: G(e, (e) => {
+			m.current = e;
+		})
+	}), [
+		j,
+		i,
+		r,
+		o
+	]), F = h.useCallback((e) => {
+		let t = B(g.current), n = l(u(m.current));
+		return j(n === m.current ? -1 : N(t, n, x.current), "next", !0, e)?.id ?? null;
+	}, [j]);
+	return h.useMemo(() => ({
+		activeItemId: b,
+		focusNext: F,
+		getActiveItem: S,
+		getContainerProps: M,
+		getItemMap: C,
+		isItemActive: k,
+		registerItem: w,
+		setActiveItemId: O,
+		unregisterItem: T
+	}), [
+		b,
+		F,
+		S,
+		M,
+		C,
+		k,
+		w,
+		O,
+		T
+	]);
+}
+function k(e) {
+	let { activeItemId: t, registerItem: r, unregisterItem: i } = w(), a = h.useRef(null), o = h.useMemo(() => ({
+		disabled: e.disabled ?? !1,
+		element: null,
+		focusableWhenDisabled: e.focusableWhenDisabled ?? !1,
+		id: e.id,
+		selected: e.selected ?? !1,
+		textValue: e.textValue
+	}), [
+		e.disabled,
+		e.focusableWhenDisabled,
+		e.id,
+		e.selected,
+		e.textValue
+	]), s = h.useRef(o);
+	s.current = o;
+	let c = h.useCallback((t) => {
+		if (a.current = t, t == null) {
+			queueMicrotask(() => {
+				a.current ?? i(e.id);
+			});
+			return;
+		}
+		r({
+			...s.current,
+			element: t
+		});
+	}, [
+		e.id,
+		r,
+		i
+	]), l = m(e.ref, c);
+	return n(() => {
+		a.current && r({
+			...o,
+			element: a.current
+		});
+	}, [o, r]), n(() => {
+		let t = e.id;
+		return () => {
+			i(t);
+		};
+	}, [e.id, i]), {
+		ref: l,
+		tabIndex: t === e.id ? 0 : -1
+	};
+}
+function A(e, t, n, r) {
+	return e == null ? M(t, n, r) : j(e, t, n);
+}
+function j(e, t, n) {
+	let r = L(t, e);
+	return r === -1 ? F(t, n) : n(t[r]) ? t[r].id : P(t, r, "next", !1, n)?.id ?? null;
+}
+function M(e, t, n) {
+	let r = n?.(e);
+	if (r != null) {
+		let n = I(e, r);
+		if (n && t(n)) return n.id;
+	}
+	return F(e, t);
+}
+function N(e, t, n) {
+	if (t) {
+		let n = R(e, t);
+		if (n !== -1) return n;
+	}
+	return L(e, n);
+}
+function P(e, t, n, r, i) {
+	let a = e.length - 1;
+	if (a === -1) return null;
+	let o = !1, s = V(t, a, n, r), c = s;
+	for (; s !== -1;) {
+		if (s === c) {
+			if (o) return null;
+			o = !0;
+		}
+		let t = e[s];
+		if (!t || !i(t)) s = V(s, a, n, r);
+		else return t;
+	}
+	return null;
+}
+function F(e, t) {
+	return e.find((e) => t(e))?.id ?? null;
+}
+function I(e, t) {
+	return t == null ? null : e.find((e) => e.id === t) ?? null;
+}
+function L(e, t) {
+	return t == null ? -1 : e.findIndex((e) => e.id === t);
+}
+function R(e, t) {
+	return t ? e.findIndex((e) => e.element === t || e.element?.contains(t)) : -1;
+}
+function z(e) {
+	let t = Array.from(e.values());
+	if (t.every((e) => e.element == null)) return t;
+	let n = t.filter(U).sort((e, t) => W(e.element, t.element)), r = t.filter((e) => !U(e));
+	return [...n, ...r];
+}
+function B(e) {
+	return z(e).filter(U);
+}
+function V(e, t, n, r = !0) {
+	return n === "next" ? e === t ? r ? 0 : -1 : e + 1 : e === 0 ? r ? t : -1 : e - 1;
+}
+function H(e) {
+	return e.element ? e.focusableWhenDisabled ? !0 : !e.disabled && !e.element.hasAttribute("disabled") && e.element.getAttribute("aria-disabled") !== "true" && e.element.hasAttribute("tabindex") : !1;
+}
+function U(e) {
+	return e.element != null && e.element.isConnected;
+}
+function W(e, t) {
+	if (e === t) return 0;
+	let n = e.compareDocumentPosition(t);
+	return n & Node.DOCUMENT_POSITION_FOLLOWING || n & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING || n & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
+}
+function G(...e) {
+	return (t) => {
+		e.forEach((e) => {
+			r(e ?? null, t);
+		});
+	};
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/getScrollbarSize.mjs
+var K = a;
+//#endregion
+//#region ../../node_modules/@mui/material/utils/focusWithVisible.mjs
+function q(e, t) {
+	if (t == null) {
+		e.focus();
+		return;
+	}
+	try {
+		e.focus({ focusVisible: t === "keyboard" });
+	} catch {
+		e.focus();
+	}
+}
+//#endregion
+//#region ../../node_modules/@mui/material/Select/utils/SelectFocusSourceContext.mjs
+var J = /* @__PURE__ */ h.createContext(null);
+process.env.NODE_ENV !== "production" && (J.displayName = "SelectFocusSourceContext");
+function Y() {
+	return h.useContext(J);
+}
+var X = J.Provider, Z = /* @__PURE__ */ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Z.displayName = "MenuListContext");
+function ee() {
+	let e = h.useContext(Z);
+	if (e === void 0) throw Error("MUI: MenuListContext is missing. MenuItems must be placed within Menu or MenuList.");
+	return e;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/MenuList/MenuList.mjs
+function te(e) {
+	let t = e?.element ?? e;
+	if (!t) return "";
+	if (e?.textValue !== void 0) return e.textValue;
+	let n = t.innerText;
+	return n === void 0 && (n = t.textContent), n ?? "";
+}
+function Q(e, t) {
+	if (t === void 0) return !0;
+	let n = te(e);
+	return n = n.trim().toLowerCase(), n.length === 0 ? !1 : t.repeating ? n[0] === t.keys[0] : n.startsWith(t.keys.join(""));
+}
+function ne(e, t) {
+	return Q(e, t) ? H(e) : !1;
+}
+function re(e, t) {
+	q(e, t);
+}
+var $ = /* @__PURE__ */ h.forwardRef(function(e, t) {
+	let { actions: n, autoFocus: r = !1, autoFocusItem: a = !1, children: c, className: l, disabledItemsFocusable: u = !1, disableListWrap: d = !1, onKeyDown: m, variant: _ = "selectedMenu", ...v } = e, y = h.useRef(null), w = h.useRef(!1), [T, E] = h.useState(!1), D = Y(), k = h.useRef({
+		keys: [],
+		repeating: !0,
+		previousKeyMatched: !0,
+		lastTime: null
+	}), A = O({
+		activeItemId: void 0,
+		getDefaultActiveItemId: h.useCallback((e) => _ === "selectedMenu" ? e.find((e) => e.selected && H(e))?.id ?? e.find((e) => H(e))?.id ?? null : e.find((e) => H(e))?.id ?? null, [_]),
+		orientation: "vertical",
+		wrap: !d
+	}), { activeItemId: j, focusNext: M, getActiveItem: N, getContainerProps: P, getItemMap: F } = A, I = f((e = !1) => {
+		if (!y.current || !e && w.current) return null;
+		if (a) {
+			let e = N();
+			if (e?.element) {
+				let t = Array.from(F().values()).some((e) => e.selected);
+				return E(_ === "menu" && t && !e.selected && D == null), re(e.element, D), w.current = !0, e.element;
+			}
+			return r ? (E(!1), y.current.focus(), y.current) : null;
+		}
+		return r ? (E(!1), y.current.focus(), w.current = !0, y.current) : (E(!1), null);
+	});
+	S(() => {
+		if (!r && !a) {
+			w.current = !1, E(!1);
+			return;
+		}
+		I();
+	}, [
+		j,
+		a,
+		r,
+		I
+	]), h.useImperativeHandle(n, () => ({
+		adjustStyleForScrollbar: (e, { direction: t }) => {
+			let n = !y.current.style.width;
+			if (e.clientHeight < y.current.clientHeight && n) {
+				let n = `${K(x(e))}px`;
+				y.current.style[t === "rtl" ? "paddingLeft" : "paddingRight"] = n, y.current.style.width = `calc(100% + ${n})`;
+			}
+			return y.current;
+		},
+		focusInitialTarget: () => {
+			if (!y.current) return null;
+			let e = i(b(y.current));
+			return e && o(y.current, e) ? e : I(!0);
+		}
+	}), [I]);
+	let L = P(), R = p(y, L.ref, t), z = h.useMemo(() => ({
+		itemsFocusableWhenDisabled: u,
+		suppressInitialFocusVisible: T,
+		variant: _
+	}), [
+		u,
+		T,
+		_
+	]);
+	return /* @__PURE__ */ g(s, {
+		role: "menu",
+		ref: R,
+		className: l,
+		onKeyDown: f((e) => {
+			if (T && E(!1), (e.ctrlKey || e.metaKey || e.altKey) && m) {
+				m(e);
+				return;
+			}
+			if (L.onKeyDown(e), e.key.length === 1) {
+				let t = k.current, n = e.key.toLowerCase(), r = performance.now();
+				t.keys.length > 0 && (r - t.lastTime > 500 ? (t.keys = [], t.repeating = !0, t.previousKeyMatched = !0) : t.repeating && n !== t.keys[0] && (t.repeating = !1)), t.lastTime = r, t.keys.push(n);
+				let a = i(b(y.current)), o = a && !t.repeating && Q(a, t);
+				t.previousKeyMatched && (o || M((e) => ne(e, t)) != null) ? e.preventDefault() : t.previousKeyMatched = !1;
+			}
+			m && m(e);
+		}),
+		onFocus: L.onFocus,
+		tabIndex: -1,
+		...v,
+		children: /* @__PURE__ */ g(Z.Provider, {
+			value: z,
+			children: /* @__PURE__ */ g(C.Provider, {
+				value: A,
+				children: c
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && ($.propTypes = {
+	autoFocus: y.default.bool,
+	autoFocusItem: y.default.bool,
+	children: y.default.node,
+	className: y.default.string,
+	disabledItemsFocusable: y.default.bool,
+	disableListWrap: y.default.bool,
+	onKeyDown: y.default.func,
+	variant: y.default.oneOf(["menu", "selectedMenu"])
+});
+//#endregion
+export { q as a, C as c, x as d, b as f, Y as i, w as l, _ as m, ee as n, k as o, v as p, X as r, O as s, $ as t, S as u };