@sanity/dashboard

Index: package/dist/index.js
===================================================================
--- package/dist/index.js
+++ package/dist/index.js
@@ -1,30 +1,30 @@
 import "@sanity/ui/styles.css";
-import { createContext, useContext, useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { Box, Button, Card, Container, Flex, Grid, Heading, Label, Spinner, Stack, Text, rem } from "@sanity/ui";
 import { getTheme_v2 } from "@sanity/ui/theme";
 import { css, styled } from "styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Code } from "@sanity/ui/code";
-import { from } from "rxjs";
+import { createContext, useContext, useEffect, useState } from "react";
 import { UserAvatar, definePlugin, useClient, useListFormat, useUserStore } from "sanity";
+import { from } from "rxjs";
 import { map, switchMap } from "rxjs/operators";
 import { RobotIcon } from "@sanity/icons/Robot";
 import { createImageUrlBuilder } from "@sanity/image-url";
 import { PlayIcon } from "@sanity/icons/Play";
 const Root$3 = styled(Card).withConfig({
 	displayName: "Root",
-	componentId: "sc-41rfei-0"
+	componentId: "sc-8v8c69-0"
 })`display:flex;flex-direction:column;justify-content:stretch;height:100%;box-sizing:border-box;position:relative;`, Header = styled(Card).withConfig({
 	displayName: "Header",
-	componentId: "sc-41rfei-1"
+	componentId: "sc-8v8c69-1"
 })`position:sticky;top:0;z-index:2;border-top-left-radius:inherit;border-top-right-radius:inherit;`, Footer = styled(Card).withConfig({
 	displayName: "Footer",
-	componentId: "sc-41rfei-2"
+	componentId: "sc-8v8c69-2"
 })`position:sticky;overflow:hidden;bottom:0;z-index:2;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;margin-top:auto;`, Content = styled(Box).withConfig({
 	displayName: "Content",
-	componentId: "sc-41rfei-3"
+	componentId: "sc-8v8c69-3"
 })`position:relative;z-index:1;height:stretch;min-height:21.5em;@media (min-width:${({ theme }) => getTheme_v2(theme).media[0]}px){overflow-y:auto;outline:none;}`;
 function DashboardWidgetContainer(props) {
 	let $ = c(11), { header, children, footer, ref } = props, t0;
 	$[0] === header ? t0 = $[1] : (t0 = header && /* @__PURE__ */ jsx(Header, {
@@ -294,9 +294,9 @@
 	};
 }
 const Root$2 = styled(Flex).withConfig({
 	displayName: "Root",
-	componentId: "sc-sdrwc6-0"
+	componentId: "sc-97rwxk-0"
 })`height:${rem(33)};box-sizing:content-box;`;
 function ProjectUser(t0) {
 	let $ = c(18), { user, isRobot, roles } = t0, t1;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { style: "narrow" }, $[0] = t1) : t1 = $[0];
@@ -485,18 +485,18 @@
 	}, $[3] = t0, $[4] = t2), t2;
 }
 const PlayIconBox = styled(Box).withConfig({
 	displayName: "PlayIconBox",
-	componentId: "sc-ptigy3-0"
+	componentId: "sc-oh168z-0"
 })`position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);&:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.75em;height:2.75em;border-radius:50%;background:${({ theme }) => getTheme_v2(theme).color.bg};opacity:0.75;}`, Root$1 = styled(Flex).withConfig({
 	displayName: "Root",
-	componentId: "sc-ptigy3-1"
+	componentId: "sc-oh168z-1"
 })`&:hover{${PlayIconBox}{&:before{opacity:1;}}}`, PosterCard = styled(Card).withConfig({
 	displayName: "PosterCard",
-	componentId: "sc-ptigy3-2"
+	componentId: "sc-oh168z-2"
 })`width:100%;padding-bottom:calc(9 / 16 * 100%);position:relative;`, Poster = styled.img.withConfig({
 	displayName: "Poster",
-	componentId: "sc-ptigy3-3"
+	componentId: "sc-oh168z-3"
 })`position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;display:block;&:not([src]){display:none;}`;
 function Tutorial(props) {
 	let $ = c(24), { title, posterURL, showPlayIcon, href, presenterName, presenterSubtitle } = props, t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { position: "relative" }, $[0] = t0) : t0 = $[0];
@@ -652,9 +652,9 @@
 	small: (...args) => css`@media (min-width:${({ theme }) => getTheme_v2(theme).media[0]}px){${css(...args)}}`,
 	medium: (...args) => css`@media (min-width:${({ theme }) => getTheme_v2(theme).media[2]}px){${css(...args)}}`
 }, Root = styled(Grid).withConfig({
 	displayName: "Root",
-	componentId: "sc-f3tzqz-0"
+	componentId: "sc-almbod-0"
 })`grid-template-columns:repeat(auto-fit,minmax(250px,1fr));& > div{overflow:hidden;}& > div[data-width='medium']{${media.small`
       grid-column: span 2;
     `}}& > div[data-width='large']{${media.small`
       grid-column: span 2;