@react-pdf-kit/viewer 2.8.0-beta.1 → 2.8.0-beta.10

package/dist/components/layout/toolbar/SearchTool.js

@@ -4,85 +4,91 @@ import { useLocalizationContext as n } from "../../../contexts/LocalizationConte
 import { useToolbarComponentContext as r } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as i } from "../../../contexts/ToolComponentContext.js";
 import { useSearchContext as ee } from "../../../contexts/SearchContext.js";
-import { t as te } from "../../../LoaderIcon-B3ddfd0D.js";
-import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
-import { t as o } from "../../../Button-DBu3SaMk.js";
+import { t as a } from "../../../LoaderIcon-B3ddfd0D.js";
+import { useIconToolContext as o } from "../../../contexts/IconToolContext.js";
+import { t as te } from "../../../Button-DBu3SaMk.js";
 import { t as s } from "../../../Input-Dpo1Xfxe.js";
 import { useIconContext as c } from "../../../contexts/IconContext.js";
-import { useViewportContext as ne } from "../../../contexts/ViewportContext.js";
-import { t as l } from "../../../RPTooltip-CXBVXusS.js";
-import { t as re } from "../../../DropDown-CM6xEwZC.js";
-import { InfoIcon as u } from "../../icons/InfoIcon.js";
-import { SearchIcon as d } from "../../icons/SearchIcon.js";
-import { t as f } from "../../../SearchTool.module-DUkVXfOn.js";
-import { t as p } from "../../../Checkbox-CSIEUyO8.js";
-import { ClearIcon as m } from "../../icons/ClearIcon.js";
-import { SearchResultNavigator as h } from "./SearchResultNavigator.js";
-import { SearchCloseButton as g } from "./SearchCloseButton.js";
-import { useCallback as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useViewportContext as l } from "../../../contexts/ViewportContext.js";
+import { t as u } from "../../../RPTooltip-QWwWh4HW.js";
+import { t as ne } from "../../../DropDown-CM6xEwZC.js";
+import { InfoIcon as d } from "../../icons/InfoIcon.js";
+import { SearchIcon as f } from "../../icons/SearchIcon.js";
+import { t as p } from "../../../SearchTool.module-DY8Ucfb_.js";
+import { t as m } from "../../../Checkbox-CSIEUyO8.js";
+import { ClearIcon as h } from "../../icons/ClearIcon.js";
+import { SearchResultNavigator as g } from "./SearchResultNavigator.js";
+import { SearchCloseButton as _ } from "./SearchCloseButton.js";
+import { useCallback as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/SearchTool.tsx
-var ie = () => {
-	let { searchIcon: e } = c(), { searchIcon: t } = a();
-	return e ?? t ?? /* @__PURE__ */ C(d, {});
-}, ae = () => {
-	let { searchClearIcon: e } = c(), { searchClearIcon: t } = a();
-	return e ?? t ?? /* @__PURE__ */ C(m, {});
-}, T = ({ icon: a }) => {
-	let { container: c } = t(), [m, T] = x(!1), E = b(null), D = b(m);
-	D.current = m;
-	let { pdf: O } = e(), [k, A] = x(null), { searchOptions: j, setSearchOptions: M, loading: N, setSearch: P, totalMatches: F, currentMatchPosition: I, nextMatch: L, prevMatch: R, search: z } = ee(), { searchTool: B = !0 } = r(), { searchTool: V = !0 } = i(), [H, U] = x(z), { localeMessages: W } = n(), { isSmallScreen: G } = ne(), [K, q] = x(null), [oe, se] = x(!1), ce = _(() => {
-		D.current && (P(""), U("")), T((e) => !e);
-	}, [P]), J = _(() => {
-		P(""), U(""), T(!1), requestAnimationFrame(() => {
-			E.current?.focus();
+var E = () => {
+	let { searchIcon: e } = c(), { searchIcon: t } = o();
+	return e ?? t ?? /* @__PURE__ */ w(f, {});
+}, re = () => {
+	let { searchClearIcon: e } = c(), { searchClearIcon: t } = o();
+	return e ?? t ?? /* @__PURE__ */ w(h, {});
+}, D = ({ icon: o }) => {
+	let { container: c } = t(), [h, D] = S(!1), O = x(null), k = x(h);
+	k.current = h;
+	let { pdf: A } = e(), [j, M] = S(null), { searchOptions: N, setSearchOptions: P, loading: F, setSearch: I, totalMatches: L, currentMatchPosition: R, nextMatch: z, prevMatch: B, search: V } = ee(), { searchTool: ie = !0 } = r(), { searchTool: ae = !0 } = i(), [H, U] = S(V), { localeMessages: W } = n(), { isSmallScreen: G } = l(), [K, q] = S(null), [oe, se] = S(!1), ce = v(() => {
+		k.current && (I(""), U("")), D((e) => !e);
+	}, [I]), J = v(() => {
+		I(""), U(""), D(!1), requestAnimationFrame(() => {
+			O.current?.focus();
 		});
-	}, [P]), Y = (e) => {
+	}, [I]), Y = (e) => {
 		let t = e.key === "Enter", n = e.key === " ";
 		(t || n) && J();
-	}, X = _((e) => {
-		e.key === "Escape" && m && J();
-	}, [m]), Z = _((e) => {
-		e.shiftKey && e.key === "Enter" ? R() : e.key === "Enter" && z !== H ? P(H) : e.key === "Enter" && L();
+	}, X = v((e) => {
+		e.key === "Escape" && h && J();
+	}, [h]), le = v((e) => {
+		e.shiftKey && e.key === "Enter" ? B() : e.key === "Enter" && V !== H ? I(H) : e.key === "Enter" && z();
 	}, [
 		H,
-		R,
-		L,
-		P,
-		z
+		B,
+		z,
+		I,
+		V
 	]);
-	v(() => {
-		U(z);
-	}, [z]), v(() => {
-		z && O && se(!0);
-	}, [z, O]), v(() => {
-		z && z.trim() !== "" && (U(z), P(z));
-	}, []), v(() => (window.addEventListener("keydown", X), () => {
+	y(() => {
+		U(V);
+	}, [V]), y(() => {
+		V && A && se(!0);
+	}, [V, A]), y(() => {
+		V && V.trim() !== "" && (U(V), I(V));
+	}, []), y(() => (window.addEventListener("keydown", X), () => {
 		window.removeEventListener("keydown", X);
-	}), [X]), v(() => {
-		k && setTimeout(() => {
-			k.focus();
+	}), [X]), y(() => {
+		j && setTimeout(() => {
+			j.focus();
 		}, 0);
-	}, [k]);
-	let le = _((e) => {
+	}, [j]);
+	let ue = v((e) => {
 		U(e.target.value);
-	}, []), Q = _(() => {
-		U(""), P("");
-	}, [P]), ue = y(() => `${I} / ${F}`, [I, F]), { wholeWords: de, matchCase: fe } = y(() => j, [j]), pe = _((e) => {
-		M((t) => ({
+	}, []), Z = v(() => {
+		U(""), I("");
+	}, [I]), Q = b(() => `${R} / ${L}`, [R, L]), de = b(() => V.trim() ? F ? W?.searchLoadingMessage || "Searching" : L ? (W?.searchResultsMessage || "{current} of {total} matches").replace("{current}", String(R)).replace("{total}", String(L)) : W?.searchNoResultsMessage || "No matches found" : "", [
+		R,
+		F,
+		W,
+		V,
+		L
+	]), { wholeWords: fe, matchCase: pe } = b(() => N, [N]), me = v((e) => {
+		P((t) => ({
 			...t,
 			matchCase: e
 		}));
-	}, [M]), me = _((e) => {
-		M((t) => ({
+	}, [P]), he = v((e) => {
+		P((t) => ({
 			...t,
 			wholeWords: e
 		}));
-	}, [M]);
-	v(() => {
-		O && oe && J();
-	}, [O, J]);
-	let $ = y(() => K?.querySelectorAll("[tabindex]:not([tabindex=\"-1\"])") || [], [K]), he = _((e) => {
+	}, [P]);
+	y(() => {
+		A && oe && J();
+	}, [A, J]);
+	let $ = b(() => K?.querySelectorAll("[tabindex]:not([tabindex=\"-1\"])") || [], [K]), ge = v((e) => {
 		if (e.key === "Tab") {
 			let t = document.activeElement, n = -1;
 			$.forEach((e, r) => {
@@ -101,47 +107,47 @@ var ie = () => {
 			}
 		}
 	}, [$]);
-	return !B || !V ? null : /* @__PURE__ */ C(S, { children: /* @__PURE__ */ C(re, {
-		open: m,
+	return !ie || !ae ? null : /* @__PURE__ */ w(C, { children: /* @__PURE__ */ w(ne, {
+		open: h,
 		container: c,
 		side: "bottom",
 		align: "start",
 		tabIndex: 0,
 		avoidCollisions: !1,
-		triggerComponent: /* @__PURE__ */ C(l, {
+		triggerComponent: /* @__PURE__ */ w(u, {
 			content: W?.searchButtonTooltip,
-			children: /* @__PURE__ */ C(o, {
-				ref: E,
-				active: m,
+			children: /* @__PURE__ */ w(te, {
+				ref: O,
+				active: h,
 				onClick: ce,
 				"aria-label": W?.searchButtonTooltip,
-				"aria-expanded": m,
+				"aria-expanded": h,
 				"aria-haspopup": "dialog",
-				children: a || /* @__PURE__ */ C(ie, {})
+				children: o || /* @__PURE__ */ w(E, {})
 			})
 		}),
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ T("div", {
 			ref: q,
-			className: f["rp-search-tool-content"],
+			className: p["rp-search-tool-content"],
 			tabIndex: -1,
-			onKeyDown: he,
+			onKeyDown: ge,
 			role: "dialog",
 			"aria-label": W?.searchInputTooltip || "Search dialog",
-			children: [/* @__PURE__ */ w("div", {
-				className: f["rp-search-tool-input-wrapper"],
-				children: [/* @__PURE__ */ w("div", {
-					className: f["rp-search-tool-input"],
+			children: [/* @__PURE__ */ T("div", {
+				className: p["rp-search-tool-input-wrapper"],
+				children: [/* @__PURE__ */ T("div", {
+					className: p["rp-search-tool-input"],
 					children: [
-						/* @__PURE__ */ C(l, {
+						/* @__PURE__ */ w(u, {
 							content: W?.searchInputTooltip,
-							children: /* @__PURE__ */ C(s, {
+							children: /* @__PURE__ */ w(s, {
 								value: H,
-								onKeyDown: Z,
-								onChange: le,
-								icon: /* @__PURE__ */ C(d, {}),
+								onKeyDown: le,
+								onChange: ue,
+								icon: /* @__PURE__ */ w(f, {}),
 								placeholder: W?.searchInputPlaceholder,
-								className: f["rp-search-input"],
-								ref: A,
+								className: p["rp-search-input"],
+								ref: M,
 								id: "search-input",
 								name: "search-input",
 								label: W?.searchInputTooltip || "Search",
@@ -149,80 +155,86 @@ var ie = () => {
 								tabIndex: 0,
 								"aria-label": W?.searchInputTooltip || W?.searchInputPlaceholder,
 								"aria-describedby": "search-results-count",
-								children: !!H && /* @__PURE__ */ C("span", {
-									className: f["rp-search-tool-input-clear"],
-									onClick: Q,
+								children: !!H && /* @__PURE__ */ w("span", {
+									className: p["rp-search-tool-input-clear"],
+									onClick: Z,
 									role: "button",
 									tabIndex: 0,
 									"aria-label": W?.searchCloseButtonTooltip || "Clear search",
 									onKeyDown: (e) => {
-										(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Q());
+										(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Z());
 									},
-									children: /* @__PURE__ */ C(ae, {})
+									children: /* @__PURE__ */ w(re, {})
 								})
 							})
 						}),
-						N ? /* @__PURE__ */ C("span", {
+						/* @__PURE__ */ w("span", {
+							className: p["rp-search-live-region"],
+							role: "status",
 							"aria-live": "polite",
-							"aria-label": "Searching",
-							children: /* @__PURE__ */ C(te, {
-								className: f["rp-search-loader-icon"],
-								"aria-hidden": "true"
-							})
-						}) : /* @__PURE__ */ C("span", {
+							"aria-atomic": "true",
+							children: de
+						}),
+						F ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(a, {
+							className: p["rp-search-loader-icon"],
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ w("span", {
 							id: "search-results-count",
-							"aria-live": "polite",
-							children: ue
+							className: p["rp-search-live-region"],
+							children: Q
+						})] }) : /* @__PURE__ */ w("span", {
+							id: "search-results-count",
+							children: Q
 						}),
-						G && /* @__PURE__ */ C("div", {
-							className: f["rp-search-tool-controls"],
-							children: /* @__PURE__ */ C(g, {
+						G && /* @__PURE__ */ w("div", {
+							className: p["rp-search-tool-controls"],
+							children: /* @__PURE__ */ w(_, {
 								onKeyPress: Y,
 								handleClose: J
 							})
 						})
 					]
-				}), /* @__PURE__ */ w("div", {
-					className: f["rp-search-tool-input-checkboxes"],
+				}), /* @__PURE__ */ T("div", {
+					className: p["rp-search-tool-input-checkboxes"],
 					children: [
-						G && /* @__PURE__ */ C(h, {}),
-						/* @__PURE__ */ C(p, {
+						G && /* @__PURE__ */ w(g, {}),
+						/* @__PURE__ */ w(m, {
 							tabIndex: 0,
 							name: "matchCase",
-							value: fe,
-							onChange: pe,
+							value: pe,
+							onChange: me,
 							"aria-label": W?.searchMatchCaseLabel,
 							children: W?.searchMatchCaseLabel
 						}),
-						!G && /* @__PURE__ */ C(l, {
+						!G && /* @__PURE__ */ w(u, {
 							content: W?.searchMatchCaseTooltip,
-							children: /* @__PURE__ */ C("div", {
-								className: f["rp-search-icon-info"],
+							children: /* @__PURE__ */ w("div", {
+								className: p["rp-search-icon-info"],
 								tabIndex: 0,
-								children: /* @__PURE__ */ C(u, {})
+								children: /* @__PURE__ */ w(d, {})
 							})
 						}),
-						/* @__PURE__ */ C(p, {
+						/* @__PURE__ */ w(m, {
 							tabIndex: 0,
 							name: "wholeWord",
-							value: de,
-							onChange: me,
+							value: fe,
+							onChange: he,
 							"aria-label": W?.searchWholeWordsLabel,
 							children: W?.searchWholeWordsLabel
 						}),
-						!G && /* @__PURE__ */ C(l, {
+						!G && /* @__PURE__ */ w(u, {
 							content: W?.searchWholeWordsTooltip,
-							children: /* @__PURE__ */ C("div", {
+							children: /* @__PURE__ */ w("div", {
 								tabIndex: 0,
-								className: f["rp-search-icon-info"],
-								children: /* @__PURE__ */ C(u, {})
+								className: p["rp-search-icon-info"],
+								children: /* @__PURE__ */ w(d, {})
 							})
 						})
 					]
 				})]
-			}), !G && /* @__PURE__ */ w("div", {
-				className: f["rp-search-tool-controls"],
-				children: [/* @__PURE__ */ C(h, {}), /* @__PURE__ */ C(g, {
+			}), !G && /* @__PURE__ */ T("div", {
+				className: p["rp-search-tool-controls"],
+				children: [/* @__PURE__ */ w(g, {}), /* @__PURE__ */ w(_, {
 					onKeyPress: Y,
 					handleClose: J
 				})]
@@ -231,4 +243,4 @@ var ie = () => {
 	}) });
 };
 //#endregion
-export { T as SearchTool };
+export { D as SearchTool };

package/dist/components/layout/toolbar/SelectionModeTool.js

@@ -5,9 +5,9 @@ import { useToolbarComponentContext as r } from "../../../contexts/ToolbarCompon
 import { useToolComponentContext as i } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
-import { t as s } from "../../../RPTooltip-CXBVXusS.js";
+import { t as s } from "../../../RPTooltip-QWwWh4HW.js";
 import { n as c } from "../../../dist-VbpVNBs6.js";
-import { t as l } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as l } from "../../../MenuItem-lItnKNd5.js";
 import { t as u } from "../../../MenuSeparator-CaFxd8b5.js";
 import { CheckIcon as d } from "../../icons/CheckIcon.js";
 import { TextSelectionDefaultIcon as f } from "../../icons/TextSelectionDefaultIcon.js";
@@ -23,11 +23,11 @@ var _ = () => {
 }, y = () => {
 	let { selectionModeTool: a = !0 } = r(), { selectionModeTool: o = !0 } = i(), { selectionMode: f, setSelectionMode: p } = t(), { localeMessages: y } = n();
 	return !a || !o ? null : /* @__PURE__ */ h(m, { children: /* @__PURE__ */ g(c, { children: [
-		/* @__PURE__ */ h(l, {
-			onClick: () => p(e.TEXT),
-			children: /* @__PURE__ */ g(s, {
+		/* @__PURE__ */ h(s, {
+			content: y?.textSelectionTooltip,
+			children: /* @__PURE__ */ g(l, {
+				onClick: () => p(e.TEXT),
 				className: "rp-menu-item",
-				content: y?.textSelectionTooltip,
 				children: [
 					/* @__PURE__ */ h("div", {
 						className: "rp-menu-item-left",
@@ -38,11 +38,11 @@ var _ = () => {
 				]
 			})
 		}),
-		/* @__PURE__ */ h(l, {
-			onClick: () => p(e.HAND),
-			children: /* @__PURE__ */ g(s, {
+		/* @__PURE__ */ h(s, {
+			content: y?.handToolTooltip,
+			children: /* @__PURE__ */ g(l, {
+				onClick: () => p(e.HAND),
 				className: "rp-menu-item",
-				content: y?.handToolTooltip,
 				children: [
 					/* @__PURE__ */ h("div", {
 						className: "rp-menu-item-left",

package/dist/components/layout/toolbar/ThumbnailTool.js

@@ -3,7 +3,7 @@ import { useToolComponentContext as t } from "../../../contexts/ToolComponentCon
 import { useThumbnailContext as n } from "../../../contexts/ThumbnailsContext.js";
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
 import { t as i } from "../../../Button-DBu3SaMk.js";
-import { t as a } from "../../../RPTooltip-CXBVXusS.js";
+import { t as a } from "../../../RPTooltip-QWwWh4HW.js";
 import { ThumbnailIcon as o } from "../../icons/Thumbnail.js";
 import { Fragment as s, jsx as c } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/ThumbnailTool.tsx

package/dist/components/layout/toolbar/ToolbarCustom.js

@@ -2,9 +2,9 @@ import "../../../utils/constants.js";
 import { usePrintContext as e } from "../../../contexts/PrintContext.js";
 import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
 import { useThumbnailContext as n } from "../../../contexts/ThumbnailsContext.js";
-import { t as r } from "../../../LoadingIndicator-Bzzf28Xv.js";
+import { t as r } from "../../../LoadingIndicator-0E8WHnSN.js";
 import { t as i } from "../../../RPSplitter-C63X9M8w.js";
-import { t as a } from "../../../Thumbnails-DyeBsQJT.js";
+import { t as a } from "../../../Thumbnails-BIuN8LZ8.js";
 import { t as o } from "../../../ToolbarLayout.module-Zo715dbb.js";
 import { useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/components/layout/toolbar/ToolbarDefault.js

@@ -2,9 +2,9 @@ import "../../../utils/constants.js";
 import { usePrintContext as e } from "../../../contexts/PrintContext.js";
 import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
 import { useThumbnailContext as n } from "../../../contexts/ThumbnailsContext.js";
-import { t as r } from "../../../LoadingIndicator-Bzzf28Xv.js";
+import { t as r } from "../../../LoadingIndicator-0E8WHnSN.js";
 import { t as i } from "../../../RPSplitter-C63X9M8w.js";
-import { t as a } from "../../../Thumbnails-DyeBsQJT.js";
+import { t as a } from "../../../Thumbnails-BIuN8LZ8.js";
 import { t as o } from "../../../ToolbarLayout.module-Zo715dbb.js";
 import { RPVerticalBar as s } from "./tools/defaults/RPVerticalBar.js";
 import { RPHorizontalBar as c } from "./tools/defaults/RPHorizontalBar.js";

package/dist/components/layout/toolbar/ViewModeTool.js

@@ -6,9 +6,9 @@ import { useToolbarComponentContext as a } from "../../../contexts/ToolbarCompon
 import { useToolComponentContext as o } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
 import { useIconContext as c } from "../../../contexts/IconContext.js";
-import { t as l } from "../../../RPTooltip-CXBVXusS.js";
+import { t as l } from "../../../RPTooltip-QWwWh4HW.js";
 import { n as u } from "../../../dist-VbpVNBs6.js";
-import { t as d } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as d } from "../../../MenuItem-lItnKNd5.js";
 import { t as f } from "../../../MenuSeparator-CaFxd8b5.js";
 import { DualPageIcon as p } from "../../icons/DualPageIcon.js";
 import { DualPageWithCoverIcon as m } from "../../icons/DualPageWithCoverIcon.js";
@@ -29,11 +29,11 @@ var x = () => {
 }, w = () => {
 	let { viewMode: s, setDualPage: c, setDualPageWithCover: p, setSinglePage: m } = r(), { viewModeTool: h = !0 } = a(), { viewModeTool: w = !0 } = o(), { scrollMode: T } = n(), { localeMessages: E } = i(), D = _(() => [e.HORIZONTAL_SCROLLING].includes(T), [T]);
 	return !h || !w ? null : /* @__PURE__ */ y(v, { children: /* @__PURE__ */ b(u, { children: [
-		/* @__PURE__ */ y(d, {
-			onClick: m,
-			children: /* @__PURE__ */ b(l, {
+		/* @__PURE__ */ y(l, {
+			content: E?.singlePageTooltip,
+			children: /* @__PURE__ */ b(d, {
+				onClick: m,
 				className: "rp-menu-item",
-				content: E?.singlePageTooltip,
 				children: [
 					/* @__PURE__ */ y("div", {
 						className: "rp-menu-item-left",
@@ -44,12 +44,12 @@ var x = () => {
 				]
 			})
 		}),
-		/* @__PURE__ */ y(d, {
-			disabled: D,
-			onClick: c,
-			children: /* @__PURE__ */ b(l, {
+		/* @__PURE__ */ y(l, {
+			content: E?.dualPageTooltip,
+			children: /* @__PURE__ */ b(d, {
+				disabled: D,
+				onClick: c,
 				className: "rp-menu-item",
-				content: E?.dualPageTooltip,
 				children: [
 					/* @__PURE__ */ y("div", {
 						className: "rp-menu-item-left",
@@ -60,12 +60,12 @@ var x = () => {
 				]
 			})
 		}),
-		/* @__PURE__ */ y(d, {
-			disabled: D,
-			onClick: p,
-			children: /* @__PURE__ */ b(l, {
+		/* @__PURE__ */ y(l, {
+			content: E?.dualPageWithCoverTooltip,
+			children: /* @__PURE__ */ b(d, {
+				disabled: D,
+				onClick: p,
 				className: "rp-menu-item",
-				content: E?.dualPageWithCoverTooltip,
 				children: [
 					/* @__PURE__ */ y("div", {
 						className: "rp-menu-item-left",