sanity-plugin-workflow

Index: package/dist/index.js
===================================================================
--- package/dist/index.js
+++ package/dist/index.js
@@ -1,29 +1,34 @@
 import "sanity-plugin-workflow/bundle.css";
+import "@sanity/ui/styles.css";
 import { Preview, TextWithTone, UserAvatar, defineField, definePlugin, defineType, getPublishedId, isObjectInputProps, useClient, useCurrentUser, useFormValue, useRelativeTime, useSchema, useValidationStatus } from "sanity";
 import { c } from "react/compiler-runtime";
 import { ArrowLeftIcon } from "@sanity/icons/ArrowLeft";
 import { ArrowRightIcon } from "@sanity/icons/ArrowRight";
-import { Badge, Box, Button, Card, Container, Flex, Grid, Menu, MenuButton, Popover, Spinner, Stack, Text, Tooltip, useClickOutsideEvent, useTheme, useToast } from "@sanity/ui";
+import { useToast } from "@sanity/ui/toast";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Feedback, UserSelectMenu, useListeningQuery, useProjectUsers } from "sanity-plugin-utils";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { UsersIcon } from "@sanity/icons/Users";
 import { SplitVerticalIcon } from "@sanity/icons/SplitVertical";
 import { LexoRank } from "lexorank";
 import { CheckmarkIcon } from "@sanity/icons/Checkmark";
+import { Badge, Box, Button, Card, Container, Flex, Grid, Spinner, Stack, Text, useClickOutsideEvent, useTheme } from "@sanity/ui";
 import { EditIcon } from "@sanity/icons/Edit";
 import { useRouter } from "sanity/router";
 import { DragDropContext, Draggable, Droppable } from "@hello-pangea/dnd";
 import { getTheme_v2 } from "@sanity/ui/theme";
 import { DragHandleIcon } from "@sanity/icons/DragHandle";
 import { AddIcon } from "@sanity/icons/Add";
+import { Popover } from "@sanity/ui/popover";
+import { Tooltip } from "@sanity/ui/tooltip";
 import { PublishIcon } from "@sanity/icons/Publish";
 import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
 import { WarningOutlineIcon } from "@sanity/icons/WarningOutline";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ResetIcon } from "@sanity/icons/Reset";
 import { UserIcon } from "@sanity/icons/User";
+import { Menu, MenuButton } from "@sanity/ui/menu";
 import { InfoOutlineIcon } from "@sanity/icons/InfoOutline";
 import { AnimatePresence, motion } from "motion/react";
 function defineStates(states) {
 	return states;
@@ -858,9 +863,9 @@
 	if ($[4] !== item._metadata.state || $[5] !== states) {
 		let t4;
 		$[7] === item._metadata.state ? t4 = $[8] : (t4 = (s) => s.id === item._metadata?.state, $[7] = item._metadata.state, $[8] = t4), t3 = states.find(t4), $[4] = item._metadata.state, $[5] = states, $[6] = t3;
 	} else t3 = $[6];
-	let state = t3, isDarkMode = getTheme_v2({ sanity: useTheme().sanity }).color._dark, defaultCardTone = isDarkMode ? "transparent" : "default", t4 = state?.requireValidation ?? !1, t5;
+	let state = t3, theme = useTheme(), isDarkMode = getTheme_v2({ sanity: theme.sanity }).color._dark, defaultCardTone = isDarkMode ? "transparent" : "default", t4 = state?.requireValidation ?? !1, t5;
 	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t5 = [], $[9] = t5) : t5 = $[9];
 	let t6;
 	$[10] === t4 ? t6 = $[11] : (t6 = {
 		isValidating: t4,
@@ -1499,9 +1504,9 @@
 	let { schemaTypes: t1, states: t2 } = t0, t3;
 	$[2] === t1 ? t3 = $[3] : (t3 = t1 === void 0 ? [] : t1, $[2] = t1, $[3] = t3);
 	let schemaTypes = t3, t4;
 	$[4] === t2 ? t4 = $[5] : (t4 = t2 === void 0 ? [] : t2, $[4] = t2, $[5] = t4);
-	let states = t4, defaultCardTone = getTheme_v2({ sanity: useTheme().sanity }).color._dark ? "default" : "transparent", toast = useToast(), t5;
+	let states = t4, theme = useTheme(), defaultCardTone = getTheme_v2({ sanity: theme.sanity }).color._dark ? "default" : "transparent", toast = useToast(), t5;
 	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t5 = { apiVersion: API_VERSION }, $[6] = t5) : t5 = $[6];
 	let userList = useProjectUsers(t5), user = useCurrentUser(), userRoleNames = user?.roles?.length ? user?.roles.map(_temp) : [], { workflowData, operations } = useWorkflowDocuments(schemaTypes), t6;
 	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t6 = [], $[7] = t6) : t6 = $[7];
 	let [patchingIds, setPatchingIds] = useState(t6), { data, loading, error } = workflowData, { move } = operations, t7;