@eveshipfit/ui-ingame 2.0.0 → 2.0.1

package/dist/index.mjs

@@ -13719,8 +13719,9 @@ const kindLabels = {
 	booster: "Booster"
 };
 /** The Implants tab of the `ItemBrowser`: implants and boosters by market group or by slot. */
-function Implants() {
+function Implants(t0) {
 	const $ = c(61);
+	const { handled } = t0;
 	const { actions, clear, overlays } = useTypeActions();
 	const placement = usePlacement();
 	const missingSkills = useMissingSkills();
@@ -13731,7 +13732,7 @@ function Implants() {
 	const [collapses, setCollapses] = useState(0);
 	const [opened, setOpened] = useState();
 	const { request } = useBrowse();
-	const [browsed, setBrowsed] = useState(request);
+	const [browsed, setBrowsed] = useState(handled);
 	if (request !== browsed) {
 		setBrowsed(request);
 		const target = request?.target;
@@ -13745,22 +13746,22 @@ function Implants() {
 			setCollapses(collapses + 1);
 		}
 	}
-	let t0;
+	let t1;
 	if ($[0] !== search) {
-		t0 = search.trim().toLowerCase();
+		t1 = search.trim().toLowerCase();
 		$[0] = search;
-		$[1] = t0;
-	} else t0 = $[1];
-	const query = t0;
-	let t1;
+		$[1] = t1;
+	} else t1 = $[1];
+	const query = t1;
+	let t2;
 	bb0: {
 		if (query === "" && kinds.size === 0 && !flyable) {
-			t1 = void 0;
+			t2 = void 0;
 			break bb0;
 		}
-		let t2;
+		let t3;
 		if ($[2] !== flyable || $[3] !== kinds || $[4] !== missingSkills || $[5] !== placement || $[6] !== query) {
-			t2 = (type) => {
+			t3 = (type) => {
 				if (kinds.size > 0) {
 					const place = placement(type)?.type;
 					if (place !== "implant" && place !== "booster") return false;
@@ -13774,75 +13775,75 @@ function Implants() {
 			$[4] = missingSkills;
 			$[5] = placement;
 			$[6] = query;
-			$[7] = t2;
-		} else t2 = $[7];
-		t1 = t2;
+			$[7] = t3;
+		} else t3 = $[7];
+		t2 = t3;
 	}
-	const keep = t1;
+	const keep = t2;
 	const tree = useImplantTree(view === "slot" || query === "" ? keep : void 0);
 	const found = useImplantSearch(view === "market" && query !== "" ? keep : void 0);
-	let t2;
+	let t3;
 	if ($[8] !== placement || $[9] !== tree || $[10] !== view) {
-		t2 = view === "slot" ? slotGroups(tree, placement) : [];
+		t3 = view === "slot" ? slotGroups(tree, placement) : [];
 		$[8] = placement;
 		$[9] = tree;
 		$[10] = view;
-		$[11] = t2;
-	} else t2 = $[11];
-	const slots = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	const slots = t3;
 	const empty = view === "slot" ? slots.length === 0 : query === "" ? tree.length === 0 : found.length === 0;
 	const treeRef = useRef(null);
 	const scrolledTo = useRef(opened);
-	let t3;
 	let t4;
+	let t5;
 	if ($[12] !== opened) {
-		t3 = () => {
+		t4 = () => {
 			if (scrolledTo.current === opened) return;
 			scrolledTo.current = opened;
 			treeRef.current?.querySelector("[aria-expanded=true]")?.scrollIntoView({ block: "start" });
 		};
-		t4 = [opened];
+		t5 = [opened];
 		$[12] = opened;
-		$[13] = t3;
-		$[14] = t4;
+		$[13] = t4;
+		$[14] = t5;
 	} else {
-		t3 = $[13];
-		t4 = $[14];
+		t4 = $[13];
+		t5 = $[14];
 	}
-	useEffect(t3, t4);
-	let t5;
+	useEffect(t4, t5);
+	let t6;
 	if ($[15] !== kinds) {
-		t5 = (kind, pressed) => {
+		t6 = (kind, pressed) => {
 			const next = new Set(kinds);
 			if (pressed) next.add(kind);
 			else next.delete(kind);
 			setKinds(next);
 		};
 		$[15] = kinds;
-		$[16] = t5;
-	} else t5 = $[16];
-	const toggleKind = t5;
-	let t6;
+		$[16] = t6;
+	} else t6 = $[16];
+	const toggleKind = t6;
+	let t7;
 	if ($[17] !== clear) {
-		t6 = (value) => {
+		t7 = (value) => {
 			clear();
 			setSearch(value);
 		};
 		$[17] = clear;
-		$[18] = t6;
-	} else t6 = $[18];
-	let t7;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
 	if ($[19] !== collapses) {
-		t7 = () => {
+		t8 = () => {
 			setOpened(void 0);
 			setCollapses(collapses + 1);
 		};
 		$[19] = collapses;
-		$[20] = t7;
-	} else t7 = $[20];
-	let t8;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
 	if ($[21] !== view) {
-		t8 = views.map((each) => /* @__PURE__ */ jsx(Tooltip, {
+		t9 = views.map((each) => /* @__PURE__ */ jsx(Tooltip, {
 			label: each.label,
 			children: /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -13857,96 +13858,96 @@ function Implants() {
 			})
 		}, each.view));
 		$[21] = view;
-		$[22] = t8;
-	} else t8 = $[22];
-	let t9;
-	if ($[23] !== t8) {
-		t9 = /* @__PURE__ */ jsx("fieldset", {
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== t9) {
+		t10 = /* @__PURE__ */ jsx("fieldset", {
 			className: ItemBrowser_module_default.views,
 			"aria-label": "View",
-			children: t8
+			children: t9
 		});
-		$[23] = t8;
-		$[24] = t9;
-	} else t9 = $[24];
-	let t10;
-	if ($[25] !== search || $[26] !== t6 || $[27] !== t7 || $[28] !== t9) {
-		t10 = /* @__PURE__ */ jsx(Search, {
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== search || $[26] !== t10 || $[27] !== t7 || $[28] !== t8) {
+		t11 = /* @__PURE__ */ jsx(Search, {
 			value: search,
-			onChange: t6,
-			onCollapse: t7,
-			after: t9
+			onChange: t7,
+			onCollapse: t8,
+			after: t10
 		});
 		$[25] = search;
-		$[26] = t6;
+		$[26] = t10;
 		$[27] = t7;
-		$[28] = t9;
-		$[29] = t10;
-	} else t10 = $[29];
-	let t11;
+		$[28] = t8;
+		$[29] = t11;
+	} else t11 = $[29];
+	let t12;
 	if ($[30] !== kinds) {
-		t11 = kinds.has("implant");
+		t12 = kinds.has("implant");
 		$[30] = kinds;
-		$[31] = t11;
-	} else t11 = $[31];
-	let t12;
-	if ($[32] !== t11 || $[33] !== toggleKind) {
-		t12 = /* @__PURE__ */ jsx(KindToggle, {
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== t12 || $[33] !== toggleKind) {
+		t13 = /* @__PURE__ */ jsx(KindToggle, {
 			kind: "implant",
-			pressed: t11,
+			pressed: t12,
 			onPressedChange: toggleKind
 		});
-		$[32] = t11;
+		$[32] = t12;
 		$[33] = toggleKind;
-		$[34] = t12;
-	} else t12 = $[34];
-	let t13;
+		$[34] = t13;
+	} else t13 = $[34];
+	let t14;
 	if ($[35] !== kinds) {
-		t13 = kinds.has("booster");
+		t14 = kinds.has("booster");
 		$[35] = kinds;
-		$[36] = t13;
-	} else t13 = $[36];
-	let t14;
-	if ($[37] !== t13 || $[38] !== toggleKind) {
-		t14 = /* @__PURE__ */ jsx(KindToggle, {
+		$[36] = t14;
+	} else t14 = $[36];
+	let t15;
+	if ($[37] !== t14 || $[38] !== toggleKind) {
+		t15 = /* @__PURE__ */ jsx(KindToggle, {
 			kind: "booster",
-			pressed: t13,
+			pressed: t14,
 			onPressedChange: toggleKind
 		});
-		$[37] = t13;
+		$[37] = t14;
 		$[38] = toggleKind;
-		$[39] = t14;
-	} else t14 = $[39];
-	let t15;
+		$[39] = t15;
+	} else t15 = $[39];
+	let t16;
 	if ($[40] !== flyable) {
-		t15 = /* @__PURE__ */ jsx(FilterToggle, {
+		t16 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "skills",
 			label: "Skills",
 			pressed: flyable,
 			onPressedChange: setFlyable
 		});
 		$[40] = flyable;
-		$[41] = t15;
-	} else t15 = $[41];
-	let t16;
-	if ($[42] !== t12 || $[43] !== t14 || $[44] !== t15) {
-		t16 = /* @__PURE__ */ jsxs("fieldset", {
+		$[41] = t16;
+	} else t16 = $[41];
+	let t17;
+	if ($[42] !== t13 || $[43] !== t15 || $[44] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("fieldset", {
 			className: ItemBrowser_module_default.filters,
 			"aria-label": "Filters",
 			children: [
-				t12,
-				t14,
-				t15
+				t13,
+				t15,
+				t16
 			]
 		});
-		$[42] = t12;
-		$[43] = t14;
-		$[44] = t15;
-		$[45] = t16;
-	} else t16 = $[45];
-	let t17;
+		$[42] = t13;
+		$[43] = t15;
+		$[44] = t16;
+		$[45] = t17;
+	} else t17 = $[45];
+	let t18;
 	if ($[46] !== actions || $[47] !== collapses || $[48] !== empty || $[49] !== found || $[50] !== opened || $[51] !== query || $[52] !== slots || $[53] !== tree || $[54] !== view) {
-		t17 = /* @__PURE__ */ jsx("div", {
+		t18 = /* @__PURE__ */ jsx("div", {
 			ref: treeRef,
 			className: ItemBrowser_module_default.tree,
 			children: empty ? /* @__PURE__ */ jsx("p", {
@@ -13977,23 +13978,23 @@ function Implants() {
 		$[52] = slots;
 		$[53] = tree;
 		$[54] = view;
-		$[55] = t17;
-	} else t17 = $[55];
-	let t18;
-	if ($[56] !== overlays || $[57] !== t10 || $[58] !== t16 || $[59] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			t10,
-			t16,
+		$[55] = t18;
+	} else t18 = $[55];
+	let t19;
+	if ($[56] !== overlays || $[57] !== t11 || $[58] !== t17 || $[59] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t11,
 			t17,
+			t18,
 			overlays
 		] });
 		$[56] = overlays;
-		$[57] = t10;
-		$[58] = t16;
-		$[59] = t17;
-		$[60] = t18;
-	} else t18 = $[60];
-	return t18;
+		$[57] = t11;
+		$[58] = t17;
+		$[59] = t18;
+		$[60] = t19;
+	} else t19 = $[60];
+	return t19;
 }
 function _temp$3() {
 	return /* @__PURE__ */ new Set();
@@ -14128,8 +14129,9 @@ const slotFilters = [
 	}
 ];
 /** The Modules tab of the `ItemBrowser`: what goes on a ship, by market group. */
-function Modules() {
+function Modules(t0) {
 	const $ = c(52);
+	const { handled } = t0;
 	const { actions, clear, overlays } = useTypeActions();
 	const placement = usePlacement();
 	const canFit = useCanFit();
@@ -14137,28 +14139,28 @@ function Modules() {
 	const snapshot = useSnapshotIfAny();
 	const noHullSelected = snapshot === void 0;
 	const services = (snapshot?.stats.slots.service.total ?? 0) > 0;
-	let t0;
+	let t1;
 	if ($[0] !== services) {
-		t0 = (t1) => {
-			const { filter } = t1;
+		t1 = (t2) => {
+			const { filter } = t2;
 			return services || filter !== "service";
 		};
 		$[0] = services;
-		$[1] = t0;
-	} else t0 = $[1];
-	const shownFilters = slotFilters.filter(t0);
+		$[1] = t1;
+	} else t1 = $[1];
+	const shownFilters = slotFilters.filter(t1);
 	const [search, setSearch] = useState("");
 	const [slots, setSlots] = useState(_temp$2);
 	const [hullRestrictions, setHullRestrictions] = useState(false);
 	const [flyable, setFlyable] = useState(false);
 	const [collapses, setCollapses] = useState(0);
 	const { request } = useBrowse();
-	const [browsed, setBrowsed] = useState(request);
+	const [browsed, setBrowsed] = useState(handled);
 	if (request !== browsed) {
 		setBrowsed(request);
 		const target = request?.target;
-		const filter_0 = typeof target === "string" ? slotFilters.find((t1) => {
-			const { places } = t1;
+		const filter_0 = typeof target === "string" ? slotFilters.find((t2) => {
+			const { places } = t2;
 			return places.includes(target);
 		})?.filter : void 0;
 		if (filter_0 !== void 0) {
@@ -14166,33 +14168,33 @@ function Modules() {
 			setHullRestrictions(true);
 		}
 	}
-	let t1;
+	let t2;
 	if ($[2] !== search) {
-		t1 = search.trim().toLowerCase();
+		t2 = search.trim().toLowerCase();
 		$[2] = search;
-		$[3] = t1;
-	} else t1 = $[3];
-	const query = t1;
-	let t2;
+		$[3] = t2;
+	} else t2 = $[3];
+	const query = t2;
+	let t3;
 	bb0: {
-		let t3;
+		let t4;
 		if ($[4] !== services || $[5] !== slots) {
-			t3 = new Set(slotFilters.filter((t4) => {
-				const { filter: filter_1 } = t4;
+			t4 = new Set(slotFilters.filter((t5) => {
+				const { filter: filter_1 } = t5;
 				return slots.has(filter_1) && (services || filter_1 !== "service");
 			}).flatMap(_temp2$1));
 			$[4] = services;
 			$[5] = slots;
-			$[6] = t3;
-		} else t3 = $[6];
-		const places_0 = t3;
+			$[6] = t4;
+		} else t4 = $[6];
+		const places_0 = t4;
 		if (query === "" && places_0.size === 0 && !hullRestrictions && !flyable) {
-			t2 = void 0;
+			t3 = void 0;
 			break bb0;
 		}
-		let t4;
+		let t5;
 		if ($[7] !== canFit || $[8] !== flyable || $[9] !== hullRestrictions || $[10] !== missingSkills || $[11] !== noHullSelected || $[12] !== placement || $[13] !== places_0 || $[14] !== query) {
-			t4 = (type) => {
+			t5 = (type) => {
 				if (places_0.size > 0) {
 					const place = placement(type)?.type;
 					if (place === void 0 || !places_0.has(place)) return false;
@@ -14209,59 +14211,59 @@ function Modules() {
 			$[12] = placement;
 			$[13] = places_0;
 			$[14] = query;
-			$[15] = t4;
-		} else t4 = $[15];
-		t2 = t4;
+			$[15] = t5;
+		} else t5 = $[15];
+		t3 = t5;
 	}
-	const keep = t2;
+	const keep = t3;
 	const tree = useModuleTree(query === "" ? keep : void 0);
 	const found = useModuleSearch(query === "" ? void 0 : keep);
 	const groups = query === "" ? tree : found;
-	let t3;
+	let t4;
 	if ($[16] !== slots) {
-		t3 = (filter_2, pressed) => {
+		t4 = (filter_2, pressed) => {
 			const next = new Set(slots);
 			if (pressed) next.add(filter_2);
 			else next.delete(filter_2);
 			setSlots(next);
 		};
 		$[16] = slots;
-		$[17] = t3;
-	} else t3 = $[17];
-	const toggleSlot = t3;
-	let t4;
+		$[17] = t4;
+	} else t4 = $[17];
+	const toggleSlot = t4;
+	let t5;
 	if ($[18] !== clear) {
-		t4 = (value) => {
+		t5 = (value) => {
 			clear();
 			setSearch(value);
 		};
 		$[18] = clear;
-		$[19] = t4;
-	} else t4 = $[19];
-	let t5;
+		$[19] = t5;
+	} else t5 = $[19];
+	let t6;
 	if ($[20] !== collapses) {
-		t5 = () => setCollapses(collapses + 1);
+		t6 = () => setCollapses(collapses + 1);
 		$[20] = collapses;
-		$[21] = t5;
-	} else t5 = $[21];
-	let t6;
-	if ($[22] !== search || $[23] !== t4 || $[24] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Search, {
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== search || $[23] !== t5 || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Search, {
 			value: search,
-			onChange: t4,
-			onCollapse: t5
+			onChange: t5,
+			onCollapse: t6
 		});
 		$[22] = search;
-		$[23] = t4;
-		$[24] = t5;
-		$[25] = t6;
-	} else t6 = $[25];
-	const t7 = ItemBrowser_module_default;
-	const t8 = "Filters";
-	let t9;
+		$[23] = t5;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	const t8 = ItemBrowser_module_default;
+	const t9 = "Filters";
+	let t10;
 	if ($[26] !== slots || $[27] !== toggleSlot) {
-		t9 = (t10) => {
-			const { filter: filter_3, icon, label } = t10;
+		t10 = (t11) => {
+			const { filter: filter_3, icon, label } = t11;
 			return /* @__PURE__ */ jsx(FilterToggle, {
 				icon,
 				label,
@@ -14271,12 +14273,12 @@ function Modules() {
 		};
 		$[26] = slots;
 		$[27] = toggleSlot;
-		$[28] = t9;
-	} else t9 = $[28];
-	const t10 = shownFilters.map(t9);
-	let t11;
+		$[28] = t10;
+	} else t10 = $[28];
+	const t11 = shownFilters.map(t10);
+	let t12;
 	if ($[29] !== hullRestrictions || $[30] !== noHullSelected || $[31] !== setHullRestrictions) {
-		t11 = /* @__PURE__ */ jsx(FilterToggle, {
+		t12 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "filter-hull-restrictions",
 			label: "Hull Restrictions",
 			pressed: hullRestrictions,
@@ -14286,19 +14288,19 @@ function Modules() {
 		$[29] = hullRestrictions;
 		$[30] = noHullSelected;
 		$[31] = setHullRestrictions;
-		$[32] = t11;
-	} else t11 = $[32];
-	let t12;
+		$[32] = t12;
+	} else t12 = $[32];
+	let t13;
 	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(FilterToggle, {
+		t13 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "filter-resources",
 			label: "Resources"
 		});
-		$[33] = t12;
-	} else t12 = $[33];
-	let t13;
+		$[33] = t13;
+	} else t13 = $[33];
+	let t14;
 	if ($[34] !== flyable || $[35] !== setFlyable) {
-		t13 = /* @__PURE__ */ jsx(FilterToggle, {
+		t14 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "skills",
 			label: "Skills",
 			pressed: flyable,
@@ -14306,29 +14308,29 @@ function Modules() {
 		});
 		$[34] = flyable;
 		$[35] = setFlyable;
-		$[36] = t13;
-	} else t13 = $[36];
-	let t14;
-	if ($[37] !== t10 || $[38] !== t11 || $[39] !== t13 || $[40] !== t7.filters) {
-		t14 = /* @__PURE__ */ jsxs("fieldset", {
-			className: t7.filters,
-			"aria-label": t8,
+		$[36] = t14;
+	} else t14 = $[36];
+	let t15;
+	if ($[37] !== t11 || $[38] !== t12 || $[39] !== t14 || $[40] !== t8.filters) {
+		t15 = /* @__PURE__ */ jsxs("fieldset", {
+			className: t8.filters,
+			"aria-label": t9,
 			children: [
-				t10,
 				t11,
 				t12,
-				t13
+				t13,
+				t14
 			]
 		});
-		$[37] = t10;
-		$[38] = t11;
-		$[39] = t13;
-		$[40] = t7.filters;
-		$[41] = t14;
-	} else t14 = $[41];
-	let t15;
+		$[37] = t11;
+		$[38] = t12;
+		$[39] = t14;
+		$[40] = t8.filters;
+		$[41] = t15;
+	} else t15 = $[41];
+	let t16;
 	if ($[42] !== actions || $[43] !== collapses || $[44] !== groups || $[45] !== query) {
-		t15 = /* @__PURE__ */ jsx("div", {
+		t16 = /* @__PURE__ */ jsx("div", {
 			className: ItemBrowser_module_default.tree,
 			children: groups.length === 0 ? /* @__PURE__ */ jsx("p", {
 				className: ItemBrowser_module_default.empty,
@@ -14348,23 +14350,23 @@ function Modules() {
 		$[43] = collapses;
 		$[44] = groups;
 		$[45] = query;
-		$[46] = t15;
-	} else t15 = $[46];
-	let t16;
-	if ($[47] !== overlays || $[48] !== t14 || $[49] !== t15 || $[50] !== t6) {
-		t16 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			t6,
-			t14,
+		$[46] = t16;
+	} else t16 = $[46];
+	let t17;
+	if ($[47] !== overlays || $[48] !== t15 || $[49] !== t16 || $[50] !== t7) {
+		t17 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t7,
 			t15,
+			t16,
 			overlays
 		] });
 		$[47] = overlays;
-		$[48] = t14;
-		$[49] = t15;
-		$[50] = t6;
-		$[51] = t16;
-	} else t16 = $[51];
-	return t16;
+		$[48] = t15;
+		$[49] = t16;
+		$[50] = t7;
+		$[51] = t17;
+	} else t17 = $[51];
+	return t17;
 }
 function _temp2$1(slot) {
 	return slot.places;
@@ -14373,17 +14375,21 @@ function _temp$2() {
 	return /* @__PURE__ */ new Set();
 }
 // src/components/ItemBrowser/ItemBrowser.tsx
+const NO_TABS = /* @__PURE__ */ new Set();
 /** EVE's browser of hulls and fits, modules, charges, and implants, left of the fitting wheel. */
 function ItemBrowser({ label = "Item Browser", pasteToOpen = false }) {
 	const [tab, setTab] = useState("hulls");
+	const [opened, setOpened] = useState(() => /* @__PURE__ */ new Set([tab]));
+	if (!opened.has(tab)) setOpened(/* @__PURE__ */ new Set([...opened, tab]));
+	const rendered = useDeferredValue(opened, NO_TABS);
 	const { request } = useBrowse();
 	const [browsed, setBrowsed] = useState(request);
+	const [handled] = useState(request);
 	if (request !== browsed) {
 		setBrowsed(request);
 		if (request !== void 0) setTab(typeof request.target === "string" ? "modules" : "implants");
 	}
 	const id = useId();
-	const ready = useDeferredValue(true, false);
 	const tabs = [
 		{
 			tab: "hulls",
@@ -14393,7 +14399,7 @@ function ItemBrowser({ label = "Item Browser", pasteToOpen = false }) {
 		{
 			tab: "modules",
 			label: "Modules",
-			panel: /* @__PURE__ */ jsx(Modules, {})
+			panel: /* @__PURE__ */ jsx(Modules, { handled })
 		},
 		{
 			tab: "charges",
@@ -14403,7 +14409,7 @@ function ItemBrowser({ label = "Item Browser", pasteToOpen = false }) {
 		{
 			tab: "implants",
 			label: "Implants",
-			panel: /* @__PURE__ */ jsx(Implants, {})
+			panel: /* @__PURE__ */ jsx(Implants, { handled })
 		}
 	];
 	return /* @__PURE__ */ jsxs("section", {
@@ -14444,7 +14450,7 @@ function ItemBrowser({ label = "Item Browser", pasteToOpen = false }) {
 						search.focus();
 					}
 				},
-				children: ready ? /* @__PURE__ */ jsx(Activity, {
+				children: rendered.has(each_0.tab) ? /* @__PURE__ */ jsx(Activity, {
 					mode: tab === each_0.tab ? "visible" : "hidden",
 					children: each_0.panel
 				}) : /* @__PURE__ */ jsx("p", {

package/dist/style.css

@@ -192,6 +192,12 @@
   display: flex;
 }
 
+@media (pointer: coarse) {
+  .ZoSRha_row {
+    min-height: max(24px, calc(24 * var(--tree-unit)));
+  }
+}
+
 .ZoSRha_leaf > .ZoSRha_row {
   padding-left: calc(21 * var(--tree-unit));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eveshipfit/ui-ingame",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "EVE Online ship fitting UI that looks like the in-game one",
   "license": "MIT",
   "author": "EVEShipFit Team <info@eveship.fit>",