@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/{MenuItem-rXJfQzDC.js → MenuItem-Ck30dBOR.js}

@@ -5,13 +5,14 @@ import { t as i } from "./generateUtilityClass-PAIOm1jC.js";
 import { t as a } from "./clsx-DGZSe4Nt.js";
 import { t as o } from "./generateUtilityClasses-DvX505Gy.js";
 import { n as s, t as c } from "./styled-Bog8QCl3.js";
-import { a as l } from "./elementAcceptingRef-DhkNAkFH.js";
+import { r as l } from "./IconButton-CE-4GamO.js";
 import { t as u } from "./memoTheme-qFyKAk7y.js";
-import { t as d } from "./ButtonBase-DxKtpFYs.js";
-import { t as f } from "./useForkRef-CKneCEtr.js";
-import { a as p, i as m, n as h, o as g } from "./MenuList-DDV8J-yd.js";
-import { t as _ } from "./useEnhancedEffect-Bc3gBClC.js";
-import { t as v } from "./ListContext-B1HQt3OD.js";
+import { t as d } from "./useForkRef-BuNFTXxE.js";
+import { t as f } from "./ButtonBase-DovDC6-1.js";
+import { t as p } from "./useEnhancedEffect-dBFfkm1e.js";
+import { n as m } from "./useRovingTabIndex-DPlW997R.js";
+import { a as h, i as g, n as _ } from "./MenuList-Cc98uWXq.js";
+import { n as v } from "./List-RNcZhRdr.js";
 import * as y from "react";
 import { jsx as b } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/material/ListItemIcon/listItemIconClasses.mjs
@@ -77,7 +78,7 @@ var O = o("MuiMenuItem", [
 		...s,
 		...c
 	};
-}, j = c(d, {
+}, j = c(f, {
 	shouldForwardProp: (e) => s(e) || e === "classes",
 	name: "MuiMenuItem",
 	slot: "Root",
@@ -154,29 +155,29 @@ var O = o("MuiMenuItem", [
 	let n = r({
 		props: e,
 		name: "MuiMenuItem"
-	}), { autoFocus: i = !1, component: o = "li", dense: s = !1, divider: c = !1, disableGutters: u = !1, focusVisibleClassName: d, role: x = "menuitem", tabIndex: S, className: C, ...w } = n, T = m(), E = y.useContext(v), D = y.useMemo(() => ({
+	}), { autoFocus: i = !1, component: o = "li", dense: s = !1, divider: c = !1, disableGutters: u = !1, focusVisibleClassName: f, role: x = "menuitem", tabIndex: S, className: C, ...w } = n, T = g(), E = y.useContext(v), D = y.useMemo(() => ({
 		dense: s || E.dense || !1,
 		disableGutters: u
 	}), [
 		E.dense,
 		s,
 		u
-	]), O = h(), k = l(), M = O.suppressInitialFocusVisible, N = O.itemsFocusableWhenDisabled, P = y.useRef(null);
-	_(() => {
-		i && (P.current ? p(P.current, T) : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+	]), O = _(), k = l(), M = O.suppressInitialFocusVisible, N = O.itemsFocusableWhenDisabled, P = y.useRef(null);
+	p(() => {
+		i && (P.current ? h(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: u
-	}, I = A(n), { root: L, ...R } = I, z = g({
+	}, I = A(n), { root: L, ...R } = I, z = m({
 		id: k,
 		ref: t,
 		disabled: n.disabled,
 		focusableWhenDisabled: N,
 		selected: n.selected
-	}), B = f(P, z.ref), V;
+	}), B = d(P, z.ref), V;
 	return S === void 0 ? O.variant === "selectedMenu" ? V = z.tabIndex : (!n.disabled || N) && (V = -1) : V = S, /* @__PURE__ */ b(v.Provider, {
 		value: D,
 		children: /* @__PURE__ */ b(j, {
@@ -187,7 +188,7 @@ var O = o("MuiMenuItem", [
 			internalNativeButton: !1,
 			focusableWhenDisabled: N,
 			suppressFocusVisible: M,
-			focusVisibleClassName: a(I.focusVisible, d),
+			focusVisibleClassName: a(I.focusVisible, f),
 			className: a(I.root, C),
 			...w,
 			ownerState: F,

package/dist/MenuList-Cc98uWXq.js

@@ -0,0 +1,160 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { t as n } from "./useForkRef-BuNFTXxE.js";
+import { t as r } from "./useEventCallback-DGCsaRIu.js";
+import { l as i, o as a, s as o } from "./Modal-CD2EBfU8.js";
+import { t as s } from "./ownerWindow-SSeeoqPT.js";
+import { t as c } from "./ownerDocument-pYjJiXem.js";
+import { t as l } from "./useEnhancedEffect-dBFfkm1e.js";
+import { i as u, r as d, t as f } from "./useRovingTabIndex-DPlW997R.js";
+import { t as p } from "./List-RNcZhRdr.js";
+import * as m from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/utils/getScrollbarSize.mjs
+var g = /* @__PURE__ */ e(t(), 1), _ = a;
+//#endregion
+//#region ../../node_modules/@mui/material/utils/focusWithVisible.mjs
+function v(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 y = /* @__PURE__ */ m.createContext(null);
+process.env.NODE_ENV !== "production" && (y.displayName = "SelectFocusSourceContext");
+function b() {
+	return m.useContext(y);
+}
+var x = y.Provider, S = /* @__PURE__ */ m.createContext(void 0);
+process.env.NODE_ENV !== "production" && (S.displayName = "MenuListContext");
+function C() {
+	let e = m.useContext(S);
+	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 w(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 T(e, t) {
+	if (t === void 0) return !0;
+	let n = w(e);
+	return n = n.trim().toLowerCase(), n.length === 0 ? !1 : t.repeating ? n[0] === t.keys[0] : n.startsWith(t.keys.join(""));
+}
+function E(e, t) {
+	return T(e, t) ? f(e) : !1;
+}
+function D(e, t) {
+	v(e, t);
+}
+var O = /* @__PURE__ */ m.forwardRef(function(e, t) {
+	let { actions: a, autoFocus: g = !1, autoFocusItem: v = !1, children: y, className: x, disabledItemsFocusable: C = !1, disableListWrap: w = !1, onKeyDown: O, variant: k = "selectedMenu", ...A } = e, j = m.useRef(null), M = m.useRef(!1), [N, P] = m.useState(!1), F = b(), I = m.useRef({
+		keys: [],
+		repeating: !0,
+		previousKeyMatched: !0,
+		lastTime: null
+	}), L = d({
+		activeItemId: void 0,
+		getDefaultActiveItemId: m.useCallback((e) => k === "selectedMenu" ? e.find((e) => e.selected && f(e))?.id ?? e.find((e) => f(e))?.id ?? null : e.find((e) => f(e))?.id ?? null, [k]),
+		orientation: "vertical",
+		wrap: !w
+	}), { activeItemId: R, focusNext: z, getActiveItem: B, getContainerProps: V, getItemMap: H } = L, U = r((e = !1) => {
+		if (!j.current || !e && M.current) return null;
+		if (v) {
+			let e = B();
+			if (e?.element) {
+				let t = Array.from(H().values()).some((e) => e.selected);
+				return P(k === "menu" && t && !e.selected && F == null), D(e.element, F), M.current = !0, e.element;
+			}
+			return g ? (P(!1), j.current.focus(), j.current) : null;
+		}
+		return g ? (P(!1), j.current.focus(), M.current = !0, j.current) : (P(!1), null);
+	});
+	l(() => {
+		if (!g && !v) {
+			M.current = !1, P(!1);
+			return;
+		}
+		U();
+	}, [
+		R,
+		v,
+		g,
+		U
+	]), m.useImperativeHandle(a, () => ({
+		adjustStyleForScrollbar: (e, { direction: t }) => {
+			let n = !j.current.style.width;
+			if (e.clientHeight < j.current.clientHeight && n) {
+				let n = `${_(s(e))}px`;
+				j.current.style[t === "rtl" ? "paddingLeft" : "paddingRight"] = n, j.current.style.width = `calc(100% + ${n})`;
+			}
+			return j.current;
+		},
+		focusInitialTarget: () => {
+			if (!j.current) return null;
+			let e = i(c(j.current));
+			return e && o(j.current, e) ? e : U(!0);
+		}
+	}), [U]);
+	let W = V(), G = n(j, W.ref, t), K = m.useMemo(() => ({
+		itemsFocusableWhenDisabled: C,
+		suppressInitialFocusVisible: N,
+		variant: k
+	}), [
+		C,
+		N,
+		k
+	]);
+	return /* @__PURE__ */ h(p, {
+		role: "menu",
+		ref: G,
+		className: x,
+		onKeyDown: r((e) => {
+			if (N && P(!1), (e.ctrlKey || e.metaKey || e.altKey) && O) {
+				O(e);
+				return;
+			}
+			if (W.onKeyDown(e), e.key.length === 1) {
+				let t = I.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(c(j.current)), o = a && !t.repeating && T(a, t);
+				t.previousKeyMatched && (o || z((e) => E(e, t)) != null) ? e.preventDefault() : t.previousKeyMatched = !1;
+			}
+			O && O(e);
+		}),
+		onFocus: W.onFocus,
+		tabIndex: -1,
+		...A,
+		children: /* @__PURE__ */ h(S.Provider, {
+			value: K,
+			children: /* @__PURE__ */ h(u.Provider, {
+				value: L,
+				children: y
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (O.propTypes = {
+	autoFocus: g.default.bool,
+	autoFocusItem: g.default.bool,
+	children: g.default.node,
+	className: g.default.string,
+	disabledItemsFocusable: g.default.bool,
+	disableListWrap: g.default.bool,
+	onKeyDown: g.default.func,
+	variant: g.default.oneOf(["menu", "selectedMenu"])
+});
+//#endregion
+export { v as a, b as i, C as n, x as r, O as t };