react-cosmos-ui 6.0.0-beta.6 → 6.0.0-beta.7

package/dist/plugins/ClassStatePanel/ClassStatePanel/ComponentClassState.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureState, FixtureStateClassState, StateUpdater } from 'react-cosmos-core';
 import { FixtureExpansion, OnElementExpansionChange } from '../../../components/ValueInputTree/index.js';
 type Props = {
@@ -7,5 +7,5 @@ type Props = {
     onFixtureStateChange: (stateUpdater: StateUpdater<FixtureState>) => void;
     onElementExpansionChange: OnElementExpansionChange;
 };
-export declare function ComponentClassState({ fsClassState, fixtureExpansion, onFixtureStateChange, onElementExpansionChange, }: Props): JSX.Element;
+export declare function ComponentClassState({ fsClassState, fixtureExpansion, onFixtureStateChange, onElementExpansionChange, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/ControlPanel/ControlPanel.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureState, StateUpdater } from 'react-cosmos-core';
 type Props = {
     fixtureState: FixtureState;
     controlActionOrder: string[];
     onFixtureStateChange: (stateUpdater: StateUpdater<FixtureState>) => void;
 };
-export declare function ControlPanel({ fixtureState, controlActionOrder, onFixtureStateChange, }: Props): JSX.Element | null;
+export declare function ControlPanel({ fixtureState, controlActionOrder, onFixtureStateChange, }: Props): React.JSX.Element | null;
 export {};

package/dist/plugins/ControlSelect/SelectValueInput.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureStateSelectControl } from 'react-cosmos-core';
 type Props = {
     name: string;
     control: FixtureStateSelectControl;
     onChange: (name: string, select: FixtureStateSelectControl) => unknown;
 };
-export declare function SelectValueInput({ name, control, onChange }: Props): JSX.Element;
+export declare function SelectValueInput({ name, control, onChange }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureBookmark/BookmarkFixtureButton.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     selected: boolean;
     onClick: () => unknown;
 };
-export declare function BookmarkFixtureButton({ selected, onClick }: Props): JSX.Element;
+export declare function BookmarkFixtureButton({ selected, onClick }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureBookmark/FixtureBookmarks.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureId, FlatFixtureTree, FlatFixtureTreeItem } from 'react-cosmos-core';
 type Props = {
     bookmarks: FlatFixtureTree;
@@ -6,5 +6,5 @@ type Props = {
     onFixtureSelect: (fixtureId: FixtureId) => void;
     onBookmarkDelete: (fixtureItem: FlatFixtureTreeItem) => void;
 };
-export declare function FixtureBookmarks({ bookmarks, selectedFixtureId, onFixtureSelect, onBookmarkDelete, }: Props): JSX.Element | null;
+export declare function FixtureBookmarks({ bookmarks, selectedFixtureId, onFixtureSelect, onBookmarkDelete, }: Props): React.JSX.Element | null;
 export {};

package/dist/plugins/FixtureSearch/FixtureSearchHeader.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     fixtureSelected: boolean;
     onOpen: () => unknown;
     onCloseNav: () => unknown;
 };
-export declare function FixtureSearchHeader({ fixtureSelected, onOpen, onCloseNav, }: Props): JSX.Element;
+export declare function FixtureSearchHeader({ fixtureSelected, onOpen, onCloseNav, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureSearch/FixtureSearchOverlay.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureId, FixtureList } from 'react-cosmos-core';
 type Props = {
     searchText: string;
@@ -10,5 +10,5 @@ type Props = {
     onClose: () => unknown;
     onSelect: (fixtureId: FixtureId, revealFixture: boolean) => unknown;
 };
-export declare function FixtureSearchOverlay({ searchText, fixturesDir, fixtureFileSuffix, fixtures, selectedFixtureId, onSetSearchText, onClose, onSelect, }: Props): JSX.Element;
+export declare function FixtureSearchOverlay({ searchText, fixturesDir, fixtureFileSuffix, fixtures, selectedFixtureId, onSetSearchText, onClose, onSelect, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureSearch/FixtureSearchOverlay.js

@@ -230,8 +230,10 @@ const Content = styled.div `
   max-width: 640px;
   border-radius: 3px;
   background: ${grey248};
-  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,
-    rgba(15, 15, 15, 0.1) 0px 5px 10px, rgba(15, 15, 15, 0.2) 0px 15px 40px;
+  box-shadow:
+    rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,
+    rgba(15, 15, 15, 0.1) 0px 5px 10px,
+    rgba(15, 15, 15, 0.2) 0px 15px 40px;
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -277,7 +279,9 @@ const HelpButton = styled.div `
   background: ${props => (props.selected ? grey224 : 'transparent')};
   color: ${props => (props.selected ? grey128 : grey176)};
   cursor: pointer;
-  transition: background ${quick}s, color ${quick}s;
+  transition:
+    background ${quick}s,
+    color ${quick}s;
 
   :hover {
     color: ${grey128};
@@ -287,7 +291,9 @@ const ShortcutsContainer = styled.div `
   height: ${props => (props.visible ? 72 : 0)}px;
   overflow: hidden;
   opacity: ${props => (props.visible ? 1 : 0)};
-  transition: height ${quick}s, opacity ${quick}s;
+  transition:
+    height ${quick}s,
+    opacity ${quick}s;
   user-select: none;
 `;
 const ResultsViewport = styled.div `

package/dist/plugins/FixtureSearch/FixtureSearchResult.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureId, FlatFixtureTreeItem } from 'react-cosmos-core';
 type Props = {
     active: boolean;
@@ -6,5 +6,5 @@ type Props = {
     fixtureItem: FlatFixtureTreeItem;
     onSelect: (fixtureId: FixtureId, revealFixture: boolean) => unknown;
 };
-export declare function FixtureSearchResult({ active, cleanFixturePath, fixtureItem, onSelect, }: Props): JSX.Element;
+export declare function FixtureSearchResult({ active, cleanFixturePath, fixtureItem, onSelect, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureSearch/FixtureSearchShortcuts.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function FixtureSearchShortcuts(): JSX.Element;
+import React from 'react';
+export declare function FixtureSearchShortcuts(): React.JSX.Element;

package/dist/plugins/FixtureTree/BlankState.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     fixturesDir: string;
     fixtureFileSuffix: string;
 };
-export declare function BlankState({ fixturesDir, fixtureFileSuffix }: Props): JSX.Element;
+export declare function BlankState({ fixturesDir, fixtureFileSuffix }: Props): React.JSX.Element;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NoWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
 export {};

package/dist/plugins/FixtureTree/FixtureTree/FixtureButton.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { FixtureId } from 'react-cosmos-core';
 type Props = {
     name: string;
@@ -8,5 +8,5 @@ type Props = {
     selectedRef: RefObject<HTMLElement>;
     onSelect: (fixtureId: FixtureId) => unknown;
 };
-export declare function FixtureButton({ name, fixturePath, indentLevel, selected, selectedRef, onSelect, }: Props): JSX.Element;
+export declare function FixtureButton({ name, fixturePath, indentLevel, selected, selectedRef, onSelect, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureTree/FixtureTree/FixtureDir.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     name: string;
     expanded: boolean;
@@ -6,5 +6,5 @@ type Props = {
     selected: boolean;
     onToggle: () => unknown;
 };
-export declare function FixtureDir({ name, expanded, indentLevel, selected, onToggle, }: Props): JSX.Element;
+export declare function FixtureDir({ name, expanded, indentLevel, selected, onToggle, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureTree/FixtureTree/FixtureLink.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { FixtureId } from 'react-cosmos-core';
 type Props = {
     children: ReactNode;
     fixtureId: FixtureId;
     onSelect: (fixtureId: FixtureId) => unknown;
 };
-export declare function FixtureLink({ children, fixtureId, onSelect }: Props): JSX.Element;
+export declare function FixtureLink({ children, fixtureId, onSelect }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureTree/FixtureTree/MultiFixtureButton.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { FixtureId } from 'react-cosmos-core';
 type Props = {
     name: string;
@@ -10,5 +10,5 @@ type Props = {
     selectedRef: RefObject<HTMLElement>;
     onSelect: (fixtureId: FixtureId) => unknown;
 };
-export declare function MultiFixtureButton({ name, fixturePath, fixtureNames, indentLevel, selected, selectedFixtureId, selectedRef, onSelect, }: Props): JSX.Element;
+export declare function MultiFixtureButton({ name, fixturePath, fixtureNames, indentLevel, selected, selectedFixtureId, selectedRef, onSelect, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureTree/FixtureTree/MultiFixtureChildButton.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { FixtureId } from 'react-cosmos-core';
 type Props = {
     name: string;
@@ -8,5 +8,5 @@ type Props = {
     selectedRef: RefObject<HTMLElement>;
     onSelect: (fixtureId: FixtureId) => unknown;
 };
-export declare function MultiFixtureChildButton({ name, fixtureId, indentLevel, selected, selectedRef, onSelect, }: Props): JSX.Element;
+export declare function MultiFixtureChildButton({ name, fixtureId, indentLevel, selected, selectedRef, onSelect, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureTree/FixtureTreeContainer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureId, FixtureList } from 'react-cosmos-core';
 import { TreeExpansion } from '../../shared/treeExpansion.js';
 type Props = {
@@ -10,5 +10,5 @@ type Props = {
     selectFixture: (fixtureId: FixtureId) => void;
     setExpansion: (expansion: TreeExpansion) => unknown;
 };
-export declare function FixtureTreeContainer({ fixturesDir, fixtureFileSuffix, selectedFixtureId, fixtures, expansion, selectFixture, setExpansion, }: Props): JSX.Element;
+export declare function FixtureTreeContainer({ fixturesDir, fixtureFileSuffix, selectedFixtureId, fixtures, expansion, selectFixture, setExpansion, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FixtureTree/FixtureTreeHeader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureList } from 'react-cosmos-core';
 import { TreeExpansion } from '../../shared/treeExpansion.js';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     expansion: TreeExpansion;
     setExpansion: (treeExpansion: TreeExpansion) => unknown;
 };
-export declare function FixtureTreeHeader({ fixturesDir, fixtureFileSuffix, fixtures, expansion, setExpansion, }: Props): JSX.Element;
+export declare function FixtureTreeHeader({ fixturesDir, fixtureFileSuffix, fixtures, expansion, setExpansion, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/FullScreenButton/FullScreenButton.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     onClick: () => void;
 };
-export declare function FullScreenButton({ onClick }: Props): JSX.Element;
+export declare function FullScreenButton({ onClick }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Notifications/Notifications.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { NotificationItem } from './spec.js';
 type Props = {
     notifications: NotificationItem[];
 };
-export declare function Notifications({ notifications }: Props): JSX.Element;
+export declare function Notifications({ notifications }: Props): React.JSX.Element;
 export {};

package/dist/plugins/PluginList/PluginList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type SimplePlugin = {
     name: string;
     enabled: boolean;
@@ -7,5 +7,5 @@ type Props = {
     plugins: SimplePlugin[];
     enable: (pluginName: string, enabled: boolean) => void;
 };
-export declare function PluginList({ plugins, enable }: Props): JSX.Element;
+export declare function PluginList({ plugins, enable }: Props): React.JSX.Element;
 export {};

package/dist/plugins/PropsPanel/BlankState.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare function BlankState(): JSX.Element;
+import React from 'react';
+export declare function BlankState(): React.JSX.Element;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NoWrap: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/plugins/PropsPanel/PropsPanel/ComponentProps.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureState, FixtureStateProps, StateUpdater } from 'react-cosmos-core';
 import { FixtureExpansion, OnElementExpansionChange } from '../../../components/ValueInputTree/index.js';
 type Props = {
@@ -7,5 +7,5 @@ type Props = {
     onFixtureStateChange: (stateUpdater: StateUpdater<FixtureState>) => void;
     onElementExpansionChange: OnElementExpansionChange;
 };
-export declare function ComponentProps({ fsProps, fixtureExpansion, onFixtureStateChange, onElementExpansionChange, }: Props): JSX.Element;
+export declare function ComponentProps({ fsProps, fixtureExpansion, onFixtureStateChange, onElementExpansionChange, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/RemoteRenderer/RemoteButton/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { NotificationItem } from '../../Notifications/spec.js';
 type Props = {
     devServerOn: boolean;
     rendererUrl: null | string;
     pushNotification: (notification: NotificationItem) => unknown;
 };
-export declare function RemoteButton({ devServerOn, rendererUrl, pushNotification, }: Props): JSX.Element | null;
+export declare function RemoteButton({ devServerOn, rendererUrl, pushNotification, }: Props): React.JSX.Element | null;
 export {};

package/dist/plugins/RendererPreview/RendererOverlay/RemoteRendererConnected.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function RemoteRendererConnected(): JSX.Element;
+import React from 'react';
+export declare function RemoteRendererConnected(): React.JSX.Element;

package/dist/plugins/RendererPreview/RendererOverlay/RemoteRendererOverlay.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     rendererConnected: boolean;
 };
-export declare function RemoteRendererOverlay({ rendererConnected }: Props): JSX.Element;
+export declare function RemoteRendererOverlay({ rendererConnected }: Props): React.JSX.Element;
 export {};

package/dist/plugins/RendererPreview/RendererOverlay/RendererOverlay.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { RuntimeStatus } from '../spec.js';
 type Props = {
     runtimeStatus: RuntimeStatus;
 };
-export declare function RendererOverlay({ runtimeStatus }: Props): JSX.Element | null;
+export declare function RendererOverlay({ runtimeStatus }: Props): React.JSX.Element | null;
 export {};

package/dist/plugins/RendererPreview/RendererOverlay/WaitingForRenderer.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function WaitingForRenderer(): JSX.Element;
+import React from 'react';
+export declare function WaitingForRenderer(): React.JSX.Element;

package/dist/plugins/ResponsivePreview/ResponsivePreview/ResponsivePreview.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import React, { Dispatch, ReactNode, SetStateAction } from 'react';
 import { ResponsiveDevice, ResponsiveViewport } from '../spec.js';
 type Props = {
     children?: ReactNode;
@@ -9,5 +9,5 @@ type Props = {
     setViewport: Dispatch<SetStateAction<ResponsiveViewport>>;
     setScaled: (scaled: boolean) => unknown;
 };
-export declare function ResponsivePreview({ children, devices, enabled, viewport, scaled, setViewport, setScaled, }: Props): JSX.Element;
+export declare function ResponsivePreview({ children, devices, enabled, viewport, scaled, setViewport, setScaled, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/ResponsivePreview/ToggleButton/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     selected: boolean;
     onToggle: () => unknown;
 };
-export declare function ToggleButton({ selected, onToggle }: Props): JSX.Element;
+export declare function ToggleButton({ selected, onToggle }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/GlobalHeader.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     rendererConnected: boolean;
     globalActionOrder: string[];
 };
-export declare function GlobalHeader({ rendererConnected, globalActionOrder }: Props): JSX.Element;
+export declare function GlobalHeader({ rendererConnected, globalActionOrder }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/HomeOverlay/HomeOverlay.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     welcomeDismissed: boolean;
     onDismissWelcome: () => unknown;
     onShowWelcome: () => unknown;
 };
-export declare function HomeOverlay({ welcomeDismissed, onDismissWelcome, onShowWelcome, }: Props): JSX.Element;
+export declare function HomeOverlay({ welcomeDismissed, onDismissWelcome, onShowWelcome, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/HomeOverlay/KeyShortcut.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     keys: string[];
     label: string;
 };
-export declare function KeyShortcut({ keys, label }: Props): JSX.Element;
+export declare function KeyShortcut({ keys, label }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/HomeOverlay/NoFixtureSelected.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     onShowWelcome: () => unknown;
 };
-export declare function NoFixtureSelected({ onShowWelcome }: Props): JSX.Element;
+export declare function NoFixtureSelected({ onShowWelcome }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/HomeOverlay/WelcomeCosmos.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     onDismissWelcome: () => unknown;
 };
-export declare function WelcomeCosmos({ onDismissWelcome }: Props): JSX.Element;
+export declare function WelcomeCosmos({ onDismissWelcome }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/Root.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureId, FixtureState, FlatFixtureTreeItem, StateUpdater } from 'react-cosmos-core';
 type Props = {
     fixtureItems: FlatFixtureTreeItem[];
@@ -26,5 +26,5 @@ type Props = {
     onDismissWelcome: () => unknown;
     onShowWelcome: () => unknown;
 };
-export declare function Root({ fixtureItems, selectedFixtureId, rendererConnected, fixtureState, navOpen, panelOpen, navWidth, panelWidth, sidePanelRowOrder, globalActionOrder, globalOrder, navRowOrder, fixtureActionOrder, rendererActionOrder, onToggleNav, onTogglePanel, onReloadRenderer, onCloseFixture, onFixtureStateChange, setNavWidth, setPanelWidth, welcomeDismissed, onDismissWelcome, onShowWelcome, }: Props): JSX.Element;
+export declare function Root({ fixtureItems, selectedFixtureId, rendererConnected, fixtureState, navOpen, panelOpen, navWidth, panelWidth, sidePanelRowOrder, globalActionOrder, globalOrder, navRowOrder, fixtureActionOrder, rendererActionOrder, onToggleNav, onTogglePanel, onReloadRenderer, onCloseFixture, onFixtureStateChange, setNavWidth, setPanelWidth, welcomeDismissed, onDismissWelcome, onShowWelcome, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/ToggleNavButton.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     disabled?: boolean;
     selected: boolean;
     onToggle: () => unknown;
 };
-export declare function ToggleNavButton({ disabled, selected, onToggle }: Props): JSX.Element;
+export declare function ToggleNavButton({ disabled, selected, onToggle }: Props): React.JSX.Element;
 export {};

package/dist/slots/ControlActionSlot.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureStateControls } from 'react-cosmos-core';
 export type ControlActionSlotProps = {
     controls: FixtureStateControls;
@@ -7,5 +7,5 @@ type Props = {
     slotProps: ControlActionSlotProps;
     plugOrder: string[];
 };
-export declare function ControlActionSlot({ slotProps, plugOrder }: Props): JSX.Element;
+export declare function ControlActionSlot({ slotProps, plugOrder }: Props): React.JSX.Element;
 export {};

package/dist/slots/ControlSlot.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureState, FixtureStateControl, StateUpdater } from 'react-cosmos-core';
 export type ControlSlotProps<TControl extends FixtureStateControl> = {
     controlName: string;
@@ -8,5 +8,5 @@ export type ControlSlotProps<TControl extends FixtureStateControl> = {
 type Props = {
     slotProps: ControlSlotProps<any>;
 };
-export declare function ControlSlot({ slotProps }: Props): JSX.Element;
+export declare function ControlSlot({ slotProps }: Props): React.JSX.Element;
 export {};

package/dist/slots/FixtureActionSlot.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FlatFixtureTreeItem } from 'react-cosmos-core';
 export type FixtureActionSlotProps = {
     fixtureItem: FlatFixtureTreeItem;
@@ -7,5 +7,5 @@ type Props = {
     slotProps: FixtureActionSlotProps;
     plugOrder: string[];
 };
-export declare function FixtureActionSlot({ slotProps, plugOrder }: Props): JSX.Element;
+export declare function FixtureActionSlot({ slotProps, plugOrder }: Props): React.JSX.Element;
 export {};

package/dist/slots/NavRowSlot.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type NavRowSlotProps = {
     onCloseNav: () => unknown;
 };
@@ -6,5 +6,5 @@ type Props = {
     slotProps: NavRowSlotProps;
     plugOrder: string[];
 };
-export declare function NavRowSlot({ slotProps, plugOrder }: Props): JSX.Element;
+export declare function NavRowSlot({ slotProps, plugOrder }: Props): React.JSX.Element;
 export {};

package/dist/slots/RendererActionSlot.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureId } from 'react-cosmos-core';
 export type RendererActionSlotProps = {
     fixtureId: FixtureId;
@@ -7,5 +7,5 @@ type Props = {
     slotProps: RendererActionSlotProps;
     plugOrder: string[];
 };
-export declare function RendererActionSlot({ slotProps, plugOrder }: Props): JSX.Element;
+export declare function RendererActionSlot({ slotProps, plugOrder }: Props): React.JSX.Element;
 export {};

package/dist/slots/SidePanelRowSlot.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FixtureId, FixtureState, StateUpdater } from 'react-cosmos-core';
 export type SidePanelRowSlotProps = {
     fixtureId: FixtureId;
@@ -9,5 +9,5 @@ type Props = {
     slotProps: SidePanelRowSlotProps;
     plugOrder: string[];
 };
-export declare function SidePanelRowSlot({ slotProps, plugOrder }: Props): JSX.Element;
+export declare function SidePanelRowSlot({ slotProps, plugOrder }: Props): React.JSX.Element;
 export {};

package/dist/slots/ValueInputSlot.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { FixtureStatePrimitiveValue, FixtureStateUnserializableValue, PrimitiveData } from 'react-cosmos-core';
 type LeafValue = FixtureStatePrimitiveValue | FixtureStateUnserializableValue;
 export type ValueInputSlotProps = {
@@ -12,5 +12,5 @@ type Props = {
     children: ReactNode;
     slotProps: ValueInputSlotProps;
 };
-export declare function ValueInputSlot({ children, slotProps }: Props): JSX.Element;
+export declare function ValueInputSlot({ children, slotProps }: Props): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cosmos-ui",
-  "version": "6.0.0-beta.6",
+  "version": "6.0.0-beta.7",
   "description": "React Cosmos UI",
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-ui",
   "license": "MIT",
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "lodash-es": "^4.17.21",
-    "react-cosmos-core": "6.0.0-beta.5"
+    "react-cosmos-core": "6.0.0-beta.7"
   },
   "devDependencies": {
     "fuzzaldrin-plus": "^0.6.0",
@@ -23,5 +23,5 @@
     "react-plugin": "^3.0.0-alpha.4",
     "styled-components": "^5.3.10"
   },
-  "gitHead": "472a60c4d2113cb4ae6777d76fc33b13ce76c0af"
+  "gitHead": "0d57027263ffb3d55fa1feb31db3640db2e89cc9"
 }