@solostylist/ui-kit 1.0.230 → 2.0.1

package/dist/MenuItem-IOMcBScJ.js

@@ -1,220 +0,0 @@
-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 { h as u, u as d } from "./Modal-CLdC2-Th.js";
-import { t as f } from "./useForkRef-yOYCJHzF.js";
-import { t as p } from "./ButtonBase-BDefit5I.js";
-import { a as m, i as h, n as g, o as _, u as v } from "./MenuList-vtqACjea.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(p, {
-	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: p, 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 = f(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, p),
-			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-vtqACjea.js

@@ -1,403 +0,0 @@
-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, g as s, l as c, v as l, y as u } from "./Modal-CLdC2-Th.js";
-import { n as d, t as f } from "./useForkRef-yOYCJHzF.js";
-import { a as p, r as m } from "./ButtonBase-BDefit5I.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 = l, x = r, 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: a = !1, isItemFocusable: o = H, wrap: s = !0 } = e, [c, u] = h.useState(t), d = h.useRef(t), f = c;
-	t !== d.current && (d.current = t, t !== void 0 && t !== c && (f = t, u(t)));
-	let m = h.useRef(null), g = h.useRef(/* @__PURE__ */ new Map()), [_, v] = h.useState(0), y = h.useMemo(() => z(g.current), [_]), b = A(f, y, o, n), x = h.useRef(b);
-	x.current = b;
-	let S = h.useCallback(() => {
-		let e = z(g.current);
-		return I(e, A(x.current, e, o, n));
-	}, [n, o]), C = h.useCallback(() => g.current, []), w = p((e) => {
-		E(g.current.get(e.id) ?? null, e) || (g.current.set(e.id, e), v((e) => e + 1));
-	}), T = p((e) => {
-		g.current.delete(e) && v((e) => e + 1);
-	}), O = p((e) => {
-		u(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 ?? o);
-		return i ? (i.element?.focus(), u(i.id), i) : null;
-	}, [o]), M = h.useCallback((e) => ({
-		onFocus: (e) => {
-			let t = B(g.current), n = R(t, e.target);
-			n !== -1 && u(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" && a && (t = "ArrowRight", n = "ArrowLeft");
-			let o = B(g.current), c = i(l(m.current)), u = c === m.current, d = N(o, c, x.current), f = "next";
-			switch (e.key) {
-				case t:
-					f = "previous", e.preventDefault(), u && (d = o.length);
-					break;
-				case n:
-					e.preventDefault(), u && (d = -1);
-					break;
-				case "Home":
-					e.preventDefault(), d = -1;
-					break;
-				case "End":
-					e.preventDefault(), f = "previous", d = o.length;
-					break;
-				default: return;
-			}
-			j(d, f, s);
-		},
-		ref: G(e, (e) => {
-			m.current = e;
-		})
-	}), [
-		j,
-		a,
-		r,
-		s
-	]), F = h.useCallback((e) => {
-		let t = B(g.current), n = i(l(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 = d(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) => {
-			s(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: i = !1, children: a, className: s, disabledItemsFocusable: l = !1, disableListWrap: d = !1, onKeyDown: p, 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 = m((e = !1) => {
-		if (!y.current || !e && w.current) return null;
-		if (i) {
-			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 && !i) {
-			w.current = !1, E(!1);
-			return;
-		}
-		I();
-	}, [
-		j,
-		i,
-		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 = u(b(y.current));
-			return e && o(y.current, e) ? e : I(!0);
-		}
-	}), [I]);
-	let L = P(), R = f(y, L.ref, t), z = h.useMemo(() => ({
-		itemsFocusableWhenDisabled: l,
-		suppressInitialFocusVisible: T,
-		variant: _
-	}), [
-		l,
-		T,
-		_
-	]);
-	return /* @__PURE__ */ g(c, {
-		role: "menu",
-		ref: R,
-		className: s,
-		onKeyDown: m((e) => {
-			if (T && E(!1), (e.ctrlKey || e.metaKey || e.altKey) && p) {
-				p(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 i = u(b(y.current)), a = i && !t.repeating && Q(i, t);
-				t.previousKeyMatched && (a || M((e) => ne(e, t)) != null) ? e.preventDefault() : t.previousKeyMatched = !1;
-			}
-			p && p(e);
-		}),
-		onFocus: L.onFocus,
-		tabIndex: -1,
-		...v,
-		children: /* @__PURE__ */ g(Z.Provider, {
-			value: z,
-			children: /* @__PURE__ */ g(C.Provider, {
-				value: A,
-				children: a
-			})
-		})
-	});
-});
-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 };