tldraw 4.3.0-canary.9c474ef3fad5 → 4.3.0-canary.a2419250444e

package/dist-esm/index.d.mts

@@ -25,7 +25,8 @@ import { HandleSnapGeometry } from '@tldraw/editor';
 import { HTMLAttributes } from 'react';
 import { IndexKey } from '@tldraw/editor';
 import { JsonObject } from '@tldraw/editor';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { LANGUAGES } from '@tldraw/editor';
 import { MigrationFailureReason } from '@tldraw/editor';
 import { MigrationSequence } from '@tldraw/editor';
@@ -38,6 +39,7 @@ import * as React_2 from 'react';
 import { default as React_3 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
 import { ReadonlySharedStyleMap } from '@tldraw/editor';
 import { RecordProps } from '@tldraw/editor';
 import { Rectangle2d } from '@tldraw/editor';
@@ -89,8 +91,10 @@ import { TLDrawShapeProps } from '@tldraw/editor';
 import { TLDrawShapeSegment } from '@tldraw/editor';
 import { TLEditorComponents } from '@tldraw/editor';
 import { TLEditorSnapshot } from '@tldraw/editor';
+import { TLEditStartInfo } from '@tldraw/editor';
 import { TLEmbedShape } from '@tldraw/editor';
 import { TLEmbedShapeProps } from '@tldraw/editor';
+import { TLEventInfo } from '@tldraw/editor';
 import { TLExportType } from '@tldraw/editor';
 import { TLFileExternalAsset } from '@tldraw/editor';
 import { TLFontFace } from '@tldraw/editor';
@@ -155,7 +159,7 @@ export declare interface A11yProviderProps {
 }
 
 /** @public @react */
-export declare function AccessibilityMenu(): JSX_2.Element;
+export declare function AccessibilityMenu(): JSX.Element;
 
 /** @public */
 export declare interface ActionsProviderProps {
@@ -167,13 +171,13 @@ export declare interface ActionsProviderProps {
 export declare type AlertSeverity = 'error' | 'info' | 'success' | 'warning';
 
 /** @public @react */
-export declare function AlignMenuItems(): JSX_2.Element;
+export declare function AlignMenuItems(): JSX.Element;
 
 /** @public */
 export declare const allDefaultFontFaces: TLFontFace[];
 
 /** @public @react */
-export declare function ArrangeMenuSubmenu(): JSX_2.Element | null;
+export declare function ArrangeMenuSubmenu(): JSX.Element | null;
 
 /** @public */
 export declare const ARROW_LABEL_FONT_SIZES: Record<TLDefaultSizeStyle, number>;
@@ -194,13 +198,13 @@ export declare class ArrowBindingUtil extends BindingUtil<TLArrowBinding> {
 }
 
 /** @public @react */
-export declare function ArrowDownToolbarItem(): JSX_2.Element;
+export declare function ArrowDownToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function ArrowLeftToolbarItem(): JSX_2.Element;
+export declare function ArrowLeftToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function ArrowRightToolbarItem(): JSX_2.Element;
+export declare function ArrowRightToolbarItem(): JSX.Element;
 
 /**
  * Options for the arrow shape.
@@ -360,10 +364,10 @@ export declare class ArrowShapeUtil extends ShapeUtil<TLArrowShape> {
         };
     };
     onDoubleClickHandle(shape: TLArrowShape, handle: TLHandle): TLShapePartial<TLArrowShape> | void;
-    component(shape: TLArrowShape): JSX_2.Element | null;
-    indicator(shape: TLArrowShape): JSX_2.Element | null;
+    component(shape: TLArrowShape): JSX.Element | null;
+    indicator(shape: TLArrowShape): JSX.Element | null;
     onEditStart(shape: TLArrowShape): void;
-    toSvg(shape: TLArrowShape, ctx: SvgExportContext): JSX_2.Element;
+    toSvg(shape: TLArrowShape, ctx: SvgExportContext): JSX.Element;
     getCanvasSvgDefs(): TLShapeUtilCanvasSvgDef[];
     getInterpolatedProps(startShape: TLArrowShape, endShape: TLArrowShape, progress: number): TLArrowShapeProps;
 }
@@ -405,10 +409,10 @@ export declare interface ArrowTargetState {
 }
 
 /** @public @react */
-export declare function ArrowToolbarItem(): JSX_2.Element;
+export declare function ArrowToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function ArrowUpToolbarItem(): JSX_2.Element;
+export declare function ArrowUpToolbarItem(): JSX.Element;
 
 /** @public */
 export declare type ASPECT_RATIO_OPTION = 'circle' | 'landscape' | 'original' | 'portrait' | 'square' | 'wide';
@@ -420,7 +424,7 @@ export declare const ASPECT_RATIO_OPTIONS: ASPECT_RATIO_OPTION[];
 export declare const ASPECT_RATIO_TO_VALUE: Record<ASPECT_RATIO_OPTION, number>;
 
 /** @public @react */
-export declare function AssetToolbarItem(): JSX_2.Element;
+export declare function AssetToolbarItem(): JSX.Element;
 
 /* Excluded from this release type: AssetUrlsProvider */
 
@@ -442,8 +446,8 @@ export declare class BookmarkShapeUtil extends BaseBoxShapeUtil<TLBookmarkShape>
     getText(shape: TLBookmarkShape): string;
     getAriaDescriptor(shape: TLBookmarkShape): string | undefined;
     getDefaultProps(): TLBookmarkShape['props'];
-    component(shape: TLBookmarkShape): JSX_2.Element;
-    indicator(shape: TLBookmarkShape): JSX_2.Element;
+    component(shape: TLBookmarkShape): JSX.Element;
+    indicator(shape: TLBookmarkShape): JSX.Element;
     onBeforeCreate(next: TLBookmarkShape): {
         id: TLShapeId;
         index: IndexKey;
@@ -492,7 +496,7 @@ export declare interface BoxWidthHeight {
 }
 
 /** @public @react */
-export declare function BreakPointProvider({ forceMobile, children }: BreakPointProviderProps): JSX_2.Element;
+export declare function BreakPointProvider({ forceMobile, children }: BreakPointProviderProps): JSX.Element;
 
 /** @public */
 export declare interface BreakPointProviderProps {
@@ -503,11 +507,11 @@ export declare interface BreakPointProviderProps {
 /* Excluded from this release type: buildFromV1Document */
 
 /** @public @react */
-export declare function CenteredTopPanelContainer({ maxWidth, ignoreRightWidth, stylePanelWidth, marginBetweenZones, squeezeAmount, children, }: CenteredTopPanelContainerProps): JSX_2.Element;
+export declare function CenteredTopPanelContainer({ maxWidth, ignoreRightWidth, stylePanelWidth, marginBetweenZones, squeezeAmount, children, }: CenteredTopPanelContainerProps): JSX.Element;
 
 /** @public */
 export declare interface CenteredTopPanelContainerProps {
-    children: ReactNode;
+    children?: ReactNode;
     maxWidth?: number;
     ignoreRightWidth?: number;
     stylePanelWidth?: number;
@@ -528,7 +532,7 @@ export declare interface CenteredTopPanelContainerProps {
 export declare function centerSelectionAroundPoint(editor: Editor, position: VecLike): void;
 
 /** @public @react */
-export declare function CheckBoxToolbarItem(): JSX_2.Element;
+export declare function CheckBoxToolbarItem(): JSX.Element;
 
 /**
  * Clear the current arrow target state for an editor. See {@link ArrowTargetState} for more
@@ -539,13 +543,13 @@ export declare function CheckBoxToolbarItem(): JSX_2.Element;
 export declare function clearArrowTargetState(editor: Editor): void;
 
 /** @public @react */
-export declare function ClipboardMenuGroup(): JSX_2.Element;
+export declare function ClipboardMenuGroup(): JSX.Element;
 
 /** @public @react */
-export declare function CloudToolbarItem(): JSX_2.Element;
+export declare function CloudToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function ColorSchemeMenu(): JSX_2.Element;
+export declare function ColorSchemeMenu(): JSX.Element;
 
 /**
  * Contains the size within the given box size
@@ -558,13 +562,13 @@ export declare function ColorSchemeMenu(): JSX_2.Element;
 export declare function containBoxSize(originalSize: BoxWidthHeight, containBoxSize: BoxWidthHeight): BoxWidthHeight;
 
 /** @public @react */
-export declare function ConversionsMenuGroup(): JSX_2.Element | null;
+export declare function ConversionsMenuGroup(): JSX.Element | null;
 
 /** @public @react */
-export declare function ConvertToBookmarkMenuItem(): JSX_2.Element | null;
+export declare function ConvertToBookmarkMenuItem(): JSX.Element | null;
 
 /** @public @react */
-export declare function ConvertToEmbedMenuItem(): JSX_2.Element | null;
+export declare function ConvertToEmbedMenuItem(): JSX.Element | null;
 
 /**
  * Copy the given shapes to the clipboard.
@@ -579,7 +583,7 @@ export declare function ConvertToEmbedMenuItem(): JSX_2.Element | null;
 export declare function copyAs(editor: Editor, ids: TLShapeId[], opts: CopyAsOptions): Promise<void>;
 
 /** @public @react */
-export declare function CopyAsMenuGroup(): JSX_2.Element;
+export declare function CopyAsMenuGroup(): JSX.Element;
 
 /** @public */
 export declare interface CopyAsOptions extends TLImageExportOptions {
@@ -588,7 +592,7 @@ export declare interface CopyAsOptions extends TLImageExportOptions {
 }
 
 /** @public @react */
-export declare function CopyMenuItem(): JSX_2.Element;
+export declare function CopyMenuItem(): JSX.Element;
 
 /**
  * Creates a bookmark shape from a URL with unfurled metadata.
@@ -630,7 +634,7 @@ export declare interface CropBoxOptions {
 /* Excluded from this release type: CubicBezierToPathBuilderCommand */
 
 /** @public @react */
-export declare function CursorChatItem(): JSX_2.Element | null;
+export declare function CursorChatItem(): JSX.Element | null;
 
 /** @public */
 export declare interface CustomDebugFlags {
@@ -644,7 +648,7 @@ export declare interface CustomEmbedDefinition extends EmbedDefinition {
 }
 
 /** @public @react */
-export declare function CutMenuItem(): JSX_2.Element;
+export declare function CutMenuItem(): JSX.Element;
 
 /** @public */
 export declare interface DashedPathBuilderOpts extends BasePathBuilderOpts {
@@ -656,7 +660,7 @@ export declare interface DashedPathBuilderOpts extends BasePathBuilderOpts {
 }
 
 /** @public @react */
-export declare function DebugFlags(props: DebugFlagsProps): JSX_2.Element | null;
+export declare function DebugFlags(props: DebugFlagsProps): JSX.Element | null;
 
 /** @public */
 export declare interface DebugFlagsProps {
@@ -890,7 +894,7 @@ export declare const DefaultA11yAnnouncer: NamedExoticComponent<object>;
 export declare const DefaultActionsMenu: NamedExoticComponent<TLUiActionsMenuProps>;
 
 /** @public @react */
-export declare function DefaultActionsMenuContent(): JSX_2.Element;
+export declare function DefaultActionsMenuContent(): JSX.Element;
 
 /** @public */
 export declare function defaultAddFontsFromNode(node: Node_2, state: RichTextFontVisitorState, addFont: (font: TLFontFace) => void): RichTextFontVisitorState;
@@ -904,13 +908,13 @@ export { DefaultContextMenu as ContextMenu }
 export { DefaultContextMenu }
 
 /** @public @react */
-export declare function DefaultContextMenuContent(): JSX_2.Element | null;
+export declare function DefaultContextMenuContent(): JSX.Element | null;
 
 /** @public @react */
-export declare function DefaultDebugMenu({ children }: TLUiDebugMenuProps): JSX_2.Element;
+export declare function DefaultDebugMenu({ children }: TLUiDebugMenuProps): JSX.Element;
 
 /** @public @react */
-export declare function DefaultDebugMenuContent({ customDebugFlags, customFeatureFlags, }: CustomDebugFlags): JSX_2.Element;
+export declare function DefaultDebugMenuContent({ customDebugFlags, customFeatureFlags, }: CustomDebugFlags): JSX.Element;
 
 /** @public @react */
 export declare const DefaultDialogs: NamedExoticComponent<object>;
@@ -922,7 +926,7 @@ export declare let defaultEditorAssetUrls: TLEditorAssetUrls;
 export declare type DefaultEmbedDefinitionType = (typeof DEFAULT_EMBED_DEFINITIONS)[number]['type'];
 
 /** @public @react */
-export declare function DefaultFollowingIndicator(): JSX_2.Element | null;
+export declare function DefaultFollowingIndicator(): JSX.Element | null;
 
 /** @public */
 export declare const DefaultFontFaces: TLDefaultFonts;
@@ -978,19 +982,19 @@ export declare function defaultHandleExternalUrlContent(editor: Editor, { point,
 }, { toasts, msg }: TLDefaultExternalContentHandlerOpts): Promise<void>;
 
 /** @public @react */
-export declare function DefaultHelperButtons({ children }: TLUiHelperButtonsProps): JSX_2.Element;
+export declare function DefaultHelperButtons({ children }: TLUiHelperButtonsProps): JSX.Element;
 
 /** @public @react */
-export declare function DefaultHelperButtonsContent(): JSX_2.Element;
+export declare function DefaultHelperButtonsContent(): JSX.Element;
 
 /** @public @react */
 export declare const DefaultHelpMenu: NamedExoticComponent<TLUiHelpMenuProps>;
 
 /** @public @react */
-export declare function DefaultHelpMenuContent(): JSX_2.Element;
+export declare function DefaultHelpMenuContent(): JSX.Element;
 
 /** @public @react */
-export declare function DefaultImageToolbar({ children }: TLUiImageToolbarProps): JSX_2.Element | null;
+export declare function DefaultImageToolbar({ children }: TLUiImageToolbarProps): JSX.Element | null;
 
 /** @public @react */
 export declare const DefaultImageToolbarContent: NamedExoticComponent<DefaultImageToolbarContentProps>;
@@ -1008,19 +1012,19 @@ export declare interface DefaultImageToolbarContentProps {
 export declare const DefaultKeyboardShortcutsDialog: NamedExoticComponent<TLUiKeyboardShortcutsDialogProps>;
 
 /** @public @react */
-export declare function DefaultKeyboardShortcutsDialogContent(): JSX_2.Element;
+export declare function DefaultKeyboardShortcutsDialogContent(): JSX.Element;
 
 /** @public @react */
 export declare const DefaultMainMenu: NamedExoticComponent<TLUiMainMenuProps>;
 
 /** @public @react */
-export declare function DefaultMainMenuContent(): JSX_2.Element;
+export declare function DefaultMainMenuContent(): JSX.Element;
 
 /** @public @react */
 export declare const DefaultMenuPanel: NamedExoticComponent<object>;
 
 /** @public @react */
-export declare function DefaultMinimap(): JSX_2.Element;
+export declare function DefaultMinimap(): JSX.Element;
 
 /** @public @react */
 export declare const DefaultNavigationPanel: NamedExoticComponent<object>;
@@ -1032,7 +1036,7 @@ export declare const DefaultPageMenu: NamedExoticComponent<object>;
 export declare const DefaultQuickActions: NamedExoticComponent<TLUiQuickActionsProps>;
 
 /** @public @react */
-export declare function DefaultQuickActionsContent(): JSX_2.Element | undefined;
+export declare function DefaultQuickActionsContent(): JSX.Element | undefined;
 
 /**
  * The default rich text toolbar.
@@ -1046,7 +1050,7 @@ export declare const DefaultRichTextToolbar: React_3.NamedExoticComponent<TLUiRi
  *
  * @public @react
  */
-export declare function DefaultRichTextToolbarContent({ textEditor, onEditLinkStart, }: DefaultRichTextToolbarContentProps): JSX_2.Element[];
+export declare function DefaultRichTextToolbarContent({ textEditor, onEditLinkStart, }: DefaultRichTextToolbarContentProps): JSX.Element[];
 
 /** @public */
 export declare interface DefaultRichTextToolbarContentProps {
@@ -1061,13 +1065,13 @@ export declare const defaultShapeTools: readonly [typeof TextShapeTool, typeof D
 export declare const defaultShapeUtils: readonly [typeof TextShapeUtil, typeof BookmarkShapeUtil, typeof DrawShapeUtil, typeof GeoShapeUtil, typeof NoteShapeUtil, typeof LineShapeUtil, typeof FrameShapeUtil, typeof ArrowShapeUtil, typeof HighlightShapeUtil, typeof EmbedShapeUtil, typeof ImageShapeUtil, typeof VideoShapeUtil];
 
 /** @public @react */
-export declare function DefaultSharePanel(): JSX_2.Element;
+export declare function DefaultSharePanel(): JSX.Element;
 
 /** @public @react */
 export declare const DefaultStylePanel: NamedExoticComponent<TLUiStylePanelProps>;
 
 /** @public @react */
-export declare function DefaultStylePanelContent(): JSX_2.Element;
+export declare function DefaultStylePanelContent(): JSX.Element;
 
 /** @public @react */
 export declare const DefaultToasts: NamedExoticComponent<object>;
@@ -1083,7 +1087,7 @@ export declare const DefaultToasts: NamedExoticComponent<object>;
 export declare const DefaultToolbar: NamedExoticComponent<DefaultToolbarProps>;
 
 /** @public @react */
-export declare function DefaultToolbarContent(): JSX_2.Element;
+export declare function DefaultToolbarContent(): JSX.Element;
 
 /** @public */
 export declare interface DefaultToolbarProps {
@@ -1098,9 +1102,6 @@ export declare interface DefaultToolbarProps {
 /** @public */
 export declare const defaultTools: readonly [typeof EraserTool, typeof HandTool, typeof LaserTool, typeof ZoomTool, typeof SelectTool];
 
-/** @public @react */
-export declare function DefaultTopPanel(): JSX_2.Element;
-
 /** @public @react */
 export declare const DefaultVideoToolbar: NamedExoticComponent<TLUiVideoToolbarProps>;
 
@@ -1117,16 +1118,16 @@ export declare interface DefaultVideoToolbarContentProps {
 export declare const DefaultZoomMenu: NamedExoticComponent<TLUiZoomMenuProps>;
 
 /** @public @react */
-export declare function DefaultZoomMenuContent(): JSX_2.Element;
+export declare function DefaultZoomMenuContent(): JSX.Element;
 
 /** @public @react */
-export declare function DeleteMenuItem(): JSX_2.Element;
+export declare function DeleteMenuItem(): JSX.Element;
 
 /** @public @react */
-export declare function DiamondToolbarItem(): JSX_2.Element;
+export declare function DiamondToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function DistributeMenuItems(): JSX_2.Element;
+export declare function DistributeMenuItems(): JSX.Element;
 
 /* Excluded from this release type: downloadFile */
 
@@ -1197,13 +1198,14 @@ export declare class DrawShapeUtil extends ShapeUtil<TLDrawShape> {
     hideSelectionBoundsFg(shape: TLDrawShape): boolean;
     getDefaultProps(): TLDrawShape['props'];
     getGeometry(shape: TLDrawShape): Circle2d | Polyline2d;
-    component(shape: TLDrawShape): JSX_2.Element;
-    indicator(shape: TLDrawShape): JSX_2.Element;
-    toSvg(shape: TLDrawShape, ctx: SvgExportContext): JSX_2.Element;
+    component(shape: TLDrawShape): JSX.Element;
+    indicator(shape: TLDrawShape): JSX.Element;
+    toSvg(shape: TLDrawShape, ctx: SvgExportContext): JSX.Element;
     getCanvasSvgDefs(): TLShapeUtilCanvasSvgDef[];
     onResize(shape: TLDrawShape, info: TLResizeInfo<TLDrawShape>): {
         props: {
-            segments: TLDrawShapeSegment[];
+            scaleX: number;
+            scaleY: number;
         };
     };
     expandSelectionOutlinePx(shape: TLDrawShape): number;
@@ -1211,19 +1213,19 @@ export declare class DrawShapeUtil extends ShapeUtil<TLDrawShape> {
 }
 
 /** @public @react */
-export declare function DrawToolbarItem(): JSX_2.Element;
+export declare function DrawToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function DuplicateMenuItem(): JSX_2.Element | null;
+export declare function DuplicateMenuItem(): JSX.Element | null;
 
 /** @public @react */
-export declare function EditLinkMenuItem(): JSX_2.Element | null;
+export declare function EditLinkMenuItem(): JSX.Element | null;
 
 /** @public @react */
-export declare function EditMenuSubmenu(): JSX_2.Element | null;
+export declare function EditMenuSubmenu(): JSX.Element | null;
 
 /** @public @react */
-export declare function EditSubmenu(): JSX_2.Element;
+export declare function EditSubmenu(): JSX.Element;
 
 /**
  * @public
@@ -1449,7 +1451,7 @@ export declare interface ElbowArrowTargetBox extends ElbowArrowBox {
 }
 
 /** @public @react */
-export declare function EllipseToolbarItem(): JSX_2.Element;
+export declare function EllipseToolbarItem(): JSX.Element;
 
 /** @public */
 export declare interface EmbedDefinition {
@@ -1466,6 +1468,7 @@ export declare interface EmbedDefinition {
     readonly instructionLink?: string;
     readonly backgroundColor?: string;
     readonly embedOnPaste?: boolean;
+    readonly canEditWhileLocked?: boolean;
     readonly overrideOutlineRadius?: number;
     readonly toEmbedUrl: (url: string) => string | undefined;
     readonly fromEmbedUrl: (url: string) => string | undefined;
@@ -1500,6 +1503,7 @@ export declare class EmbedShapeUtil extends BaseBoxShapeUtil<TLEmbedShape> {
     static props: RecordProps<TLEmbedShape>;
     static migrations: TLPropsMigrations;
     private static embedDefinitions;
+    canEditWhileLocked(shape: TLEmbedShape): boolean;
     static setEmbedDefinitions(embedDefinitions: readonly TLEmbedDefinition[]): void;
     getEmbedDefinitions(): readonly TLEmbedDefinition[];
     getEmbedDefinition(url: string): TLEmbedResult;
@@ -1513,8 +1517,8 @@ export declare class EmbedShapeUtil extends BaseBoxShapeUtil<TLEmbedShape> {
     getGeometry(shape: TLEmbedShape): Geometry2d;
     isAspectRatioLocked(shape: TLEmbedShape): boolean;
     onResize(shape: TLEmbedShape, info: TLResizeInfo<TLEmbedShape>): TLEmbedShape;
-    component(shape: TLEmbedShape): JSX_2.Element | null;
-    indicator(shape: TLEmbedShape): JSX_2.Element;
+    component(shape: TLEmbedShape): JSX.Element | null;
+    indicator(shape: TLEmbedShape): JSX.Element;
     getInterpolatedProps(startShape: TLEmbedShape, endShape: TLEmbedShape, t: number): TLEmbedShapeProps;
 }
 
@@ -1528,7 +1532,7 @@ export declare class EraserTool extends StateNode {
 }
 
 /** @public @react */
-export declare function EraserToolbarItem(): JSX_2.Element;
+export declare function EraserToolbarItem(): JSX.Element;
 
 /** @public */
 export declare interface EventsProviderProps {
@@ -1537,7 +1541,7 @@ export declare interface EventsProviderProps {
 }
 
 /** @public @react */
-export declare function ExampleDialog({ title, body, cancel, confirm, displayDontShowAgain, maxWidth, onCancel, onContinue, }: ExampleDialogProps): JSX_2.Element;
+export declare function ExampleDialog({ title, body, cancel, confirm, displayDontShowAgain, maxWidth, onCancel, onContinue, }: ExampleDialogProps): JSX.Element;
 
 /** @public */
 export declare interface ExampleDialogProps {
@@ -1571,13 +1575,13 @@ export declare interface ExportAsOptions extends TLImageExportOptions {
 }
 
 /** @public @react */
-export declare function ExportFileContentSubMenu(): JSX_2.Element;
+export declare function ExportFileContentSubMenu(): JSX.Element;
 
 /** @public @react */
-export declare function ExtrasGroup(): JSX_2.Element;
+export declare function ExtrasGroup(): JSX.Element;
 
 /** @public @react */
-export declare function FeatureFlags(props: FeatureFlagsProps): JSX_2.Element | null;
+export declare function FeatureFlags(props: FeatureFlagsProps): JSX.Element | null;
 
 /** @public */
 export declare interface FeatureFlagsProps {
@@ -1598,7 +1602,7 @@ export declare function fitFrameToContent(editor: Editor, id: TLShapeId, opts?:
 }): void;
 
 /** @public @react */
-export declare function FitFrameToContentMenuItem(): JSX_2.Element | null;
+export declare function FitFrameToContentMenuItem(): JSX.Element | null;
 
 /** @public */
 export declare const FONT_FAMILIES: Record<TLDefaultFontStyle, string>;
@@ -1612,6 +1616,10 @@ export declare interface FrameShapeOptions {
      * When true, the frame will display colors for the shape's headings and background.
      */
     showColors: boolean;
+    /**
+     * When true, the frame will resize its children when the frame itself is resized.
+     */
+    resizeChildren: boolean;
 }
 
 /** @public */
@@ -1631,7 +1639,7 @@ export declare class FrameShapeUtil extends BaseBoxShapeUtil<TLFrameShape> {
     static configure<T extends TLShapeUtilConstructor<any, any>>(this: T, options: T extends new (...args: any[]) => {
         options: infer Options;
     } ? Partial<Options> : never): T;
-    canEdit(): boolean;
+    canEdit(shape: TLFrameShape, info: TLEditStartInfo): boolean;
     canResize(): boolean;
     canResizeChildren(): boolean;
     isExportBoundsContainer(): boolean;
@@ -1639,9 +1647,9 @@ export declare class FrameShapeUtil extends BaseBoxShapeUtil<TLFrameShape> {
     getAriaDescriptor(shape: TLFrameShape): string;
     getGeometry(shape: TLFrameShape): Geometry2d;
     getText(shape: TLFrameShape): string | undefined;
-    component(shape: TLFrameShape): JSX_2.Element;
-    toSvg(shape: TLFrameShape, ctx: SvgExportContext): JSX_2.Element;
-    indicator(shape: TLFrameShape): JSX_2.Element;
+    component(shape: TLFrameShape): JSX.Element;
+    toSvg(shape: TLFrameShape, ctx: SvgExportContext): JSX.Element;
+    indicator(shape: TLFrameShape): JSX.Element;
     providesBackgroundForChildren(): boolean;
     getClipPath(shape: TLFrameShape): Vec[];
     canReceiveNewChildrenOfType(shape: TLShape): boolean;
@@ -1664,7 +1672,7 @@ export declare class FrameShapeUtil extends BaseBoxShapeUtil<TLFrameShape> {
 }
 
 /** @public @react */
-export declare function FrameToolbarItem(): JSX_2.Element;
+export declare function FrameToolbarItem(): JSX.Element;
 
 /** @public */
 export declare class GeoShapeTool extends StateNode {
@@ -1688,9 +1696,9 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
     getHandleSnapGeometry(shape: TLGeoShape): HandleSnapGeometry;
     getText(shape: TLGeoShape): string;
     getFontFaces(shape: TLGeoShape): TLFontFace[];
-    component(shape: TLGeoShape): JSX_2.Element;
-    indicator(shape: TLGeoShape): JSX_2.Element;
-    toSvg(shape: TLGeoShape, ctx: SvgExportContext): JSX_2.Element;
+    component(shape: TLGeoShape): JSX.Element;
+    indicator(shape: TLGeoShape): JSX.Element;
+    toSvg(shape: TLGeoShape, ctx: SvgExportContext): JSX.Element;
     getCanvasSvgDefs(): TLShapeUtilCanvasSvgDef[];
     onResize(shape: TLGeoShape, { handle, newPoint, scaleX, scaleY, initialShape }: TLResizeInfo<TLGeoShape>): {
         props: {
@@ -1845,6 +1853,35 @@ export declare function getHitShapeOnCanvasPointerDown(editor: Editor, hitLabels
 /** @public */
 export declare function getMediaAssetInfoPartial(file: File, assetId: TLAssetId, isImageType: boolean, isVideoType: boolean, maxImageDimension?: number): Promise<TLImageAsset | TLVideoAsset>;
 
+/** @public */
+export declare function getPointsFromDrawSegment(segment: TLDrawShapeSegment, scaleX: number, scaleY: number, points?: Vec[]): Vec[];
+
+/** @public */
+export declare function getPointsFromDrawSegments(segments: TLDrawShapeSegment[], scaleX?: number, scaleY?: number): Vec[];
+
+/**
+ * ## getStroke
+ *
+ * Get an array of points describing a polygon that surrounds the input points.
+ *
+ * @param points - An array of points (as `[x, y, pressure]` or `{x, y, pressure}`). Pressure is
+ *   optional in both cases.
+ * @param options - An object with options.
+ * @public
+ */
+export declare function getStroke(points: VecLike[], options?: StrokeOptions): Vec[];
+
+/**
+ * ## getStrokeOutlinePoints
+ *
+ * Get an array of points (as `[x, y]`) representing the outline of a stroke.
+ *
+ * @param points - An array of StrokePoints as returned from `getStrokePoints`.
+ * @param options - An object with options.
+ * @public
+ */
+export declare function getStrokeOutlinePoints(strokePoints: StrokePoint[], options?: StrokeOptions): Vec[];
+
 /**
  * ## getStrokePoints
  *
@@ -1882,10 +1919,10 @@ export declare function getUncroppedSize(shapeSize: {
 };
 
 /** @public @react */
-export declare function GroupMenuItem(): JSX_2.Element | null;
+export declare function GroupMenuItem(): JSX.Element | null;
 
 /** @public @react */
-export declare function GroupOrUngroupMenuItem(): JSX_2.Element;
+export declare function GroupOrUngroupMenuItem(): JSX.Element;
 
 /** @public */
 export declare class HandTool extends StateNode {
@@ -1899,13 +1936,13 @@ export declare class HandTool extends StateNode {
 }
 
 /** @public @react */
-export declare function HandToolbarItem(): JSX_2.Element;
+export declare function HandToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function HeartToolbarItem(): JSX_2.Element;
+export declare function HeartToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function HexagonToolbarItem(): JSX_2.Element;
+export declare function HexagonToolbarItem(): JSX.Element;
 
 /** @public */
 export declare function hideAllTooltips(): void;
@@ -1943,21 +1980,22 @@ export declare class HighlightShapeUtil extends ShapeUtil<TLHighlightShape> {
     hideSelectionBoundsFg(shape: TLHighlightShape): boolean;
     getDefaultProps(): TLHighlightShape['props'];
     getGeometry(shape: TLHighlightShape): Circle2d | Polygon2d;
-    component(shape: TLHighlightShape): JSX_2.Element;
-    backgroundComponent(shape: TLHighlightShape): JSX_2.Element;
-    indicator(shape: TLHighlightShape): JSX_2.Element;
-    toSvg(shape: TLHighlightShape): JSX_2.Element;
-    toBackgroundSvg(shape: TLHighlightShape): JSX_2.Element;
+    component(shape: TLHighlightShape): JSX.Element;
+    backgroundComponent(shape: TLHighlightShape): JSX.Element;
+    indicator(shape: TLHighlightShape): JSX.Element;
+    toSvg(shape: TLHighlightShape): JSX.Element;
+    toBackgroundSvg(shape: TLHighlightShape): JSX.Element;
     onResize(shape: TLHighlightShape, info: TLResizeInfo<TLHighlightShape>): {
         props: {
-            segments: TLDrawShapeSegment[];
+            scaleX: number;
+            scaleY: number;
         };
     };
     getInterpolatedProps(startShape: TLHighlightShape, endShape: TLHighlightShape, t: number): TLHighlightShapeProps;
 }
 
 /** @public @react */
-export declare function HighlightToolbarItem(): JSX_2.Element;
+export declare function HighlightToolbarItem(): JSX.Element;
 
 /** @public */
 export declare class ImageShapeUtil extends BaseBoxShapeUtil<TLImageShape> {
@@ -1971,9 +2009,9 @@ export declare class ImageShapeUtil extends BaseBoxShapeUtil<TLImageShape> {
     getGeometry(shape: TLImageShape): Geometry2d;
     getAriaDescriptor(shape: TLImageShape): string;
     onResize(shape: TLImageShape, info: TLResizeInfo<TLImageShape>): TLImageShape;
-    component(shape: TLImageShape): JSX_2.Element;
-    indicator(shape: TLImageShape): JSX_2.Element | null;
-    toSvg(shape: TLImageShape, ctx: SvgExportContext): Promise<JSX_2.Element | null>;
+    component(shape: TLImageShape): JSX.Element;
+    indicator(shape: TLImageShape): JSX.Element | null;
+    toSvg(shape: TLImageShape, ctx: SvgExportContext): Promise<JSX.Element | null>;
     onDoubleClickEdge(shape: TLImageShape): void;
     getInterpolatedProps(startShape: TLImageShape, endShape: TLImageShape, t: number): TLImageShapeProps;
 }
@@ -1982,13 +2020,13 @@ export declare class ImageShapeUtil extends BaseBoxShapeUtil<TLImageShape> {
 export declare const KeyboardShiftEnterTweakExtension: Extension<any, any>;
 
 /** @public @react */
-export declare function KeyboardShortcutsMenuItem(): JSX_2.Element | null;
+export declare function KeyboardShortcutsMenuItem(): JSX.Element | null;
 
 /** @public */
 export declare const LABEL_FONT_SIZES: Record<TLDefaultSizeStyle, number>;
 
 /** @public @react */
-export declare function LanguageMenu(): JSX_2.Element | null;
+export declare function LanguageMenu(): JSX.Element | null;
 
 /** @public */
 export declare class LaserTool extends StateNode {
@@ -2000,7 +2038,7 @@ export declare class LaserTool extends StateNode {
 }
 
 /** @public @react */
-export declare function LaserToolbarItem(): JSX_2.Element;
+export declare function LaserToolbarItem(): JSX.Element;
 
 /** @public */
 export declare class LineShapeTool extends StateNode {
@@ -2092,29 +2130,29 @@ export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
         x: number;
         y: number;
     } | undefined;
-    component(shape: TLLineShape): JSX_2.Element;
-    indicator(shape: TLLineShape): JSX_2.Element;
-    toSvg(shape: TLLineShape): JSX_2.Element;
+    component(shape: TLLineShape): JSX.Element;
+    indicator(shape: TLLineShape): JSX.Element;
+    toSvg(shape: TLLineShape): JSX.Element;
     getHandleSnapGeometry(shape: TLLineShape): HandleSnapGeometry;
     getInterpolatedProps(startShape: TLLineShape, endShape: TLLineShape, t: number): TLLineShape['props'];
 }
 
 /** @public @react */
-export declare function LineToolbarItem(): JSX_2.Element;
+export declare function LineToolbarItem(): JSX.Element;
 
 /* Excluded from this release type: LineToPathBuilderCommand */
 
 /** @public @react */
-export declare function LockGroup(): JSX_2.Element;
+export declare function LockGroup(): JSX.Element;
 
 /** @public @react */
-export declare function MiscMenuGroup(): JSX_2.Element;
+export declare function MiscMenuGroup(): JSX.Element;
 
 /** @public @react */
-export declare function MobileStylePanel(): JSX_2.Element | null;
+export declare function MobileStylePanel(): JSX.Element | null;
 
 /** @public @react */
-export declare function MoveToPageMenu(): JSX_2.Element | null;
+export declare function MoveToPageMenu(): JSX.Element | null;
 
 /* Excluded from this release type: MoveToPathBuilderCommand */
 
@@ -2157,9 +2195,9 @@ export declare class NoteShapeUtil extends ShapeUtil<TLNoteShape> {
     } | undefined;
     getText(shape: TLNoteShape): string;
     getFontFaces(shape: TLNoteShape): TLFontFace[];
-    component(shape: TLNoteShape): JSX_2.Element;
-    indicator(shape: TLNoteShape): JSX_2.Element;
-    toSvg(shape: TLNoteShape, ctx: SvgExportContext): JSX_2.Element;
+    component(shape: TLNoteShape): JSX.Element;
+    indicator(shape: TLNoteShape): JSX.Element;
+    toSvg(shape: TLNoteShape, ctx: SvgExportContext): JSX.Element;
     onBeforeCreate(next: TLNoteShape): {
         id: TLShapeId;
         index: IndexKey;
@@ -2216,7 +2254,7 @@ export declare class NoteShapeUtil extends ShapeUtil<TLNoteShape> {
 }
 
 /** @public @react */
-export declare function NoteToolbarItem(): JSX_2.Element;
+export declare function NoteToolbarItem(): JSX.Element;
 
 /**
  * Checks if a file is allowed to be uploaded. If it is not, it will show a toast explaining why to the user.
@@ -2229,7 +2267,7 @@ export declare function NoteToolbarItem(): JSX_2.Element;
 export declare function notifyIfFileNotAllowed(file: File, options: TLDefaultExternalContentHandlerOpts): boolean;
 
 /** @public @react */
-export declare function OfflineIndicator(): JSX_2.Element;
+export declare function OfflineIndicator(): JSX.Element;
 
 /**
  * A helper method to use in {@link TLUiToolItem#onDragStart} to create a shape by dragging it from
@@ -2255,10 +2293,10 @@ export declare interface OnDragFromToolbarToCreateShapesOpts {
 }
 
 /** @public @react */
-export declare function OvalToolbarItem(): JSX_2.Element;
+export declare function OvalToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function OverflowingToolbar({ children, orientation, sizingParentClassName, minItems, minSizePx, maxItems, maxSizePx, }: OverflowingToolbarProps): JSX_2.Element;
+export declare function OverflowingToolbar({ children, orientation, sizingParentClassName, minItems, minSizePx, maxItems, maxSizePx, }: OverflowingToolbarProps): JSX.Element;
 
 /** @public */
 export declare interface OverflowingToolbarProps {
@@ -2272,7 +2310,7 @@ export declare interface OverflowingToolbarProps {
 }
 
 /** @public @react */
-export declare const PageItemInput: ({ name, id, isCurrentPage, onCancel, onComplete, }: PageItemInputProps) => JSX_2.Element;
+export declare const PageItemInput: ({ name, id, isCurrentPage, onCancel, onComplete, }: PageItemInputProps) => JSX.Element;
 
 /** @public */
 export declare interface PageItemInputProps {
@@ -2306,7 +2344,7 @@ export declare function parseTldrawJsonFile({ json, schema, }: {
 }): Result<TLStore, TldrawFileParseError>;
 
 /** @public @react */
-export declare function PasteMenuItem(): JSX_2.Element;
+export declare function PasteMenuItem(): JSX.Element;
 
 /** @public */
 export declare class PathBuilder {
@@ -2328,7 +2366,7 @@ export declare class PathBuilder {
     private cubicBezierToWithResolution;
     close(): this;
     toD(opts?: PathBuilderToDOpts): string;
-    toSvg(opts: PathBuilderOpts): JSX_2.Element;
+    toSvg(opts: PathBuilderOpts): JSX.Element;
     toGeometry(): Group2d | PathBuilderGeometry2d;
     private toSolidSvg;
     private toDashedSvg;
@@ -2397,7 +2435,7 @@ export declare interface PathBuilderToDOpts {
 }
 
 /** @public @react */
-export declare function PeopleMenu({ children }: PeopleMenuProps): JSX_2.Element | null;
+export declare function PeopleMenu({ children }: PeopleMenuProps): JSX.Element | null;
 
 /** @public */
 export declare interface PeopleMenuProps {
@@ -2459,13 +2497,13 @@ export declare enum PORTRAIT_BREAKPOINT {
 }
 
 /** @public @react */
-export declare function PreferencesGroup(): JSX_2.Element;
+export declare function PreferencesGroup(): JSX.Element;
 
 /** @public */
 export declare function preloadFont(id: string, font: TLTypeFace): Promise<FontFace>;
 
 /** @public @react */
-export declare function PrintItem(): JSX_2.Element;
+export declare function PrintItem(): JSX.Element;
 
 /**
  * Put excalidraw clipboard content onto the current page.
@@ -2478,7 +2516,7 @@ export declare function PrintItem(): JSX_2.Element;
 export declare function putExcalidrawContent(editor: Editor, excalidrawClipboardContent: any, point?: VecLike): Promise<void>;
 
 /** @public @react */
-export declare function RectangleToolbarItem(): JSX_2.Element;
+export declare function RectangleToolbarItem(): JSX.Element;
 
 /** @public */
 export declare function registerDefaultExternalContentHandlers(editor: Editor, options: TLDefaultExternalContentHandlerOpts): void;
@@ -2497,7 +2535,7 @@ export declare function registerDefaultSideEffects(editor: Editor): () => void;
 export declare function removeFrame(editor: Editor, ids: TLShapeId[]): void;
 
 /** @public @react */
-export declare function RemoveFrameMenuItem(): JSX_2.Element | null;
+export declare function RemoveFrameMenuItem(): JSX.Element | null;
 
 /**
  * Renders HTML from a rich text string.
@@ -2514,7 +2552,6 @@ export declare function renderHtmlFromRichText(editor: Editor, richText: TLRichT
  * @param editor - The editor instance.
  * @param richText - The rich text content.
  *
- *
  * @public
  */
 export declare function renderHtmlFromRichTextForMeasurement(editor: Editor, richText: TLRichText): string;
@@ -2524,7 +2561,6 @@ export declare function renderHtmlFromRichTextForMeasurement(editor: Editor, ric
  * @param editor - The editor instance.
  * @param richText - The rich text content.
  *
- *
  * @public
  */
 export declare function renderPlaintextFromRichText(editor: Editor, richText: TLRichText): string;
@@ -2534,19 +2570,18 @@ export declare function renderPlaintextFromRichText(editor: Editor, richText: TL
  * @param editor - The editor instance.
  * @param richText - The rich text content.
  *
- *
  * @public
  */
 export declare function renderRichTextFromHTML(editor: Editor, html: string): TLRichText;
 
 /** @public @react */
-export declare function ReorderMenuItems(): JSX_2.Element;
+export declare function ReorderMenuItems(): JSX.Element;
 
 /** @public @react */
-export declare function ReorderMenuSubmenu(): JSX_2.Element | null;
+export declare function ReorderMenuSubmenu(): JSX.Element | null;
 
 /** @public @react */
-export declare function RhombusToolbarItem(): JSX_2.Element;
+export declare function RhombusToolbarItem(): JSX.Element;
 
 /**
  * A rich text area that can be used for editing text with rich text formatting.
@@ -2597,7 +2632,7 @@ export declare interface RichTextLabelProps {
  *
  * @public @react
  */
-export declare function RichTextSVG({ bounds, richText, fontSize, font, align, verticalAlign, wrap, labelColor, padding, showTextOutline, }: RichTextSVGProps): JSX_2.Element;
+export declare function RichTextSVG({ bounds, richText, fontSize, font, align, verticalAlign, wrap, labelColor, padding, showTextOutline, }: RichTextSVGProps): JSX.Element;
 
 /** @public */
 export declare interface RichTextSVGProps {
@@ -2614,10 +2649,10 @@ export declare interface RichTextSVGProps {
 }
 
 /** @public @react */
-export declare function RotateCWMenuItem(): JSX_2.Element;
+export declare function RotateCWMenuItem(): JSX.Element;
 
 /** @public @react */
-export declare function SelectAllMenuItem(): JSX_2.Element;
+export declare function SelectAllMenuItem(): JSX.Element;
 
 /** @public */
 export declare class SelectTool extends StateNode {
@@ -2632,7 +2667,7 @@ export declare class SelectTool extends StateNode {
 }
 
 /** @public @react */
-export declare function SelectToolbarItem(): JSX_2.Element;
+export declare function SelectToolbarItem(): JSX.Element;
 
 /** @public */
 export declare function serializeTldrawJson(editor: Editor): Promise<string>;
@@ -2644,6 +2679,9 @@ export declare function serializeTldrawJsonBlob(editor: Editor): Promise<Blob>;
 
 /* Excluded from this release type: setDefaultUiAssetUrls */
 
+/** @public */
+export declare function setStrokePointRadii(strokePoints: StrokePoint[], options: StrokeOptions): StrokePoint[];
+
 /** @public */
 export declare interface SolidPathBuilderOpts extends BasePathBuilderOpts {
     style: 'solid';
@@ -2652,10 +2690,25 @@ export declare interface SolidPathBuilderOpts extends BasePathBuilderOpts {
 /* Excluded from this release type: Spinner */
 
 /** @public @react */
-export declare function StackMenuItems(): JSX_2.Element;
+export declare function StackMenuItems(): JSX.Element;
+
+/**
+ * Start editing a shape that has rich text, such as text, note, geo, or arrow shapes.
+ * This will enter the editing state for the shape and optionally select all the text.
+ *
+ * @param editor - The editor instance.
+ * @param shapeOrId - The shape to start editing. This shape must have a richText property with a TLRichText value.
+ * @param options - Options: selectAll or info (TLEventInfo)
+ *
+ * @public
+ */
+export declare function startEditingShapeWithRichText(editor: Editor, shapeOrId: TLShape | TLShapeId, options?: {
+    info?: TLEventInfo;
+    selectAll?: boolean;
+}): void;
 
 /** @public @react */
-export declare function StarToolbarItem(): JSX_2.Element;
+export declare function StarToolbarItem(): JSX.Element;
 
 /** @public */
 export declare const STROKE_SIZES: Record<TLDefaultSizeStyle, number>;
@@ -2709,10 +2762,10 @@ export declare interface StrokePoint {
 }
 
 /** @public @react */
-export declare function StylePanelArrowheadPicker(): JSX_2.Element | null;
+export declare function StylePanelArrowheadPicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelArrowKindPicker(): JSX_2.Element | null;
+export declare function StylePanelArrowKindPicker(): JSX.Element | null;
 
 /** @public @react */
 export declare const StylePanelButtonPicker: <T extends string>(props: StylePanelButtonPickerProps<T>) => React.JSX.Element;
@@ -2732,7 +2785,7 @@ export declare interface StylePanelButtonPickerProps<T extends string> {
 }
 
 /** @public @react */
-export declare function StylePanelColorPicker(): JSX_2.Element | null;
+export declare function StylePanelColorPicker(): JSX.Element | null;
 
 /** @public */
 export declare interface StylePanelContext {
@@ -2743,7 +2796,7 @@ export declare interface StylePanelContext {
 }
 
 /** @public @react */
-export declare function StylePanelContextProvider({ children, styles }: StylePanelContextProviderProps): JSX_2.Element;
+export declare function StylePanelContextProvider({ children, styles }: StylePanelContextProviderProps): JSX.Element;
 
 /** @public */
 export declare interface StylePanelContextProviderProps {
@@ -2752,7 +2805,7 @@ export declare interface StylePanelContextProviderProps {
 }
 
 /** @public @react */
-export declare function StylePanelDashPicker(): JSX_2.Element | null;
+export declare function StylePanelDashPicker(): JSX.Element | null;
 
 /** @public @react */
 export declare const StylePanelDoubleDropdownPicker: <T extends string>(props: StylePanelDoubleDropdownPickerProps<T>) => React_2.JSX.Element;
@@ -2796,22 +2849,22 @@ export declare interface StylePanelDropdownPickerProps<T extends string> {
 }
 
 /** @public @react */
-export declare function StylePanelFillPicker(): JSX_2.Element | null;
+export declare function StylePanelFillPicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelFontPicker(): JSX_2.Element | null;
+export declare function StylePanelFontPicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelGeoShapePicker(): JSX_2.Element | null;
+export declare function StylePanelGeoShapePicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelLabelAlignPicker(): JSX_2.Element | null;
+export declare function StylePanelLabelAlignPicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelOpacityPicker(): JSX_2.Element | null;
+export declare function StylePanelOpacityPicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelSection({ children }: StylePanelSectionProps): JSX_2.Element;
+export declare function StylePanelSection({ children }: StylePanelSectionProps): JSX.Element;
 
 /** @public */
 export declare interface StylePanelSectionProps {
@@ -2819,13 +2872,13 @@ export declare interface StylePanelSectionProps {
 }
 
 /** @public @react */
-export declare function StylePanelSizePicker(): JSX_2.Element | null;
+export declare function StylePanelSizePicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelSplinePicker(): JSX_2.Element | null;
+export declare function StylePanelSplinePicker(): JSX.Element | null;
 
 /** @public @react */
-export declare function StylePanelSubheading({ children }: StylePanelSubheadingProps): JSX_2.Element;
+export declare function StylePanelSubheading({ children }: StylePanelSubheadingProps): JSX.Element;
 
 /** @public */
 export declare interface StylePanelSubheadingProps {
@@ -2833,7 +2886,7 @@ export declare interface StylePanelSubheadingProps {
 }
 
 /** @public @react */
-export declare function StylePanelTextAlignPicker(): JSX_2.Element | null;
+export declare function StylePanelTextAlignPicker(): JSX.Element | null;
 
 /** @public */
 export declare type StyleValuesForUi<T> = readonly {
@@ -2869,11 +2922,6 @@ export declare interface TextAreaProps {
     hasCustomTabBehavior?: boolean;
 }
 
-/**
- * @public
- */
-export declare const TextDirection: Extension<any, any>;
-
 /** @public */
 export declare interface TextShapeOptions {
     /** How much addition padding should be added to the horizontal geometry of the shape when binding to an arrow? */
@@ -2906,9 +2954,9 @@ export declare class TextShapeUtil extends ShapeUtil<TLTextShape> {
     getText(shape: TLTextShape): string;
     canEdit(): boolean;
     isAspectRatioLocked(): boolean;
-    component(shape: TLTextShape): JSX_2.Element;
-    indicator(shape: TLTextShape): JSX_2.Element | null;
-    toSvg(shape: TLTextShape, ctx: SvgExportContext): JSX_2.Element;
+    component(shape: TLTextShape): JSX.Element;
+    indicator(shape: TLTextShape): JSX.Element | null;
+    toSvg(shape: TLTextShape, ctx: SvgExportContext): JSX.Element;
     onResize(shape: TLTextShape, info: TLResizeInfo<TLTextShape>): {
         id: TLShapeId;
         props: {
@@ -2954,7 +3002,7 @@ export declare class TextShapeUtil extends ShapeUtil<TLTextShape> {
 }
 
 /** @public @react */
-export declare function TextToolbarItem(): JSX_2.Element;
+export declare function TextToolbarItem(): JSX.Element;
 
 /**
  * Default extensions for the TipTap editor.
@@ -3054,13 +3102,13 @@ export declare interface TLDefaultFonts {
 }
 
 /** @public @react */
-export declare function Tldraw(props: TldrawProps): JSX_2.Element;
+export declare function Tldraw(props: TldrawProps): JSX.Element;
 
 /** @public */
 export declare const TLDRAW_FILE_EXTENSION: ".tldr";
 
 /** @public @react */
-export declare function TldrawArrowHints(): JSX_2.Element | null;
+export declare function TldrawArrowHints(): JSX.Element | null;
 
 /** @public */
 export declare interface TldrawBaseProps extends TldrawUiProps, TldrawEditorBaseProps, TLExternalContentProps {
@@ -3082,7 +3130,7 @@ export declare interface TldrawBaseProps extends TldrawUiProps, TldrawEditorBase
 }
 
 /** @public @react */
-export declare function TldrawCropHandles({ size, width, height, hideAlternateHandles, }: TldrawCropHandlesProps): JSX_2.Element;
+export declare function TldrawCropHandles({ size, width, height, hideAlternateHandles, }: TldrawCropHandlesProps): JSX.Element;
 
 /** @public */
 export declare interface TldrawCropHandlesProps {
@@ -3118,7 +3166,7 @@ export declare type TldrawFileParseError = {
 };
 
 /** @public @react */
-export declare function TldrawHandles({ children }: TLHandlesProps): JSX_2.Element | null;
+export declare function TldrawHandles({ children }: TLHandlesProps): JSX.Element | null;
 
 /**
  * A rendered SVG image of a Tldraw snapshot.
@@ -3177,19 +3225,19 @@ export declare interface TldrawImageProps extends TLImageExportOptions {
 }
 
 /** @public @react */
-export declare function TldrawOverlays(): JSX_2.Element | null;
+export declare function TldrawOverlays(): JSX.Element | null;
 
 /** @public */
 export declare type TldrawProps = TldrawBaseProps & TldrawEditorStoreProps;
 
 /** @public @react */
-export declare function TldrawScribble({ scribble, zoom, color, opacity, className }: TLScribbleProps): JSX_2.Element | null;
+export declare function TldrawScribble({ scribble, zoom, color, opacity, className }: TLScribbleProps): JSX.Element | null;
 
 /** @public */
 export declare const TldrawSelectionForeground: NamedExoticComponent<TLSelectionForegroundProps>;
 
 /** @public @react */
-export declare function TldrawShapeIndicators(): JSX_2.Element;
+export declare function TldrawShapeIndicators(): JSX.Element;
 
 /**
  * @public
@@ -3198,19 +3246,19 @@ export declare function TldrawShapeIndicators(): JSX_2.Element;
 export declare const TldrawUi: React_3.NamedExoticComponent<TldrawUiProps>;
 
 /** @public @react */
-export declare function TldrawUiA11yProvider({ children }: A11yProviderProps): JSX_2.Element;
+export declare function TldrawUiA11yProvider({ children }: A11yProviderProps): JSX.Element;
 
 /** @public @react */
 export declare const TldrawUiButton: React_2.ForwardRefExoticComponent<TLUiButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 /** @public @react */
-export declare function TldrawUiButtonCheck({ checked }: TLUiButtonCheckProps): JSX_2.Element;
+export declare function TldrawUiButtonCheck({ checked }: TLUiButtonCheckProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiButtonIcon({ icon, small, invertIcon }: TLUiButtonIconProps): JSX_2.Element;
+export declare function TldrawUiButtonIcon({ icon, small, invertIcon }: TLUiButtonIconProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiButtonLabel({ children }: TLUiButtonLabelProps): JSX_2.Element;
+export declare function TldrawUiButtonLabel({ children }: TLUiButtonLabelProps): JSX.Element;
 
 /**
  * A column, usually of UI controls like buttons, select dropdown, checkboxes, etc.
@@ -3220,7 +3268,7 @@ export declare function TldrawUiButtonLabel({ children }: TLUiButtonLabelProps):
 export declare const TldrawUiColumn: ForwardRefExoticComponent<TLUiLayoutProps & RefAttributes<HTMLDivElement>>;
 
 /** @public @react */
-export declare function TldrawUiComponentsProvider({ overrides, children, }: TLUiComponentsProviderProps): JSX_2.Element;
+export declare function TldrawUiComponentsProvider({ overrides, children, }: TLUiComponentsProviderProps): JSX.Element;
 
 /** @public @react */
 export declare const TldrawUiContextProvider: NamedExoticComponent<TLUiContextProviderProps>;
@@ -3231,55 +3279,55 @@ export declare const TldrawUiContextProvider: NamedExoticComponent<TLUiContextPr
  *
  * @public @react
  */
-export declare const TldrawUiContextualToolbar: ({ children, className, isMousingDown, getSelectionBounds, changeOnlyWhenYChanges, label, }: TLUiContextualToolbarProps) => JSX_2.Element;
+export declare const TldrawUiContextualToolbar: ({ children, className, isMousingDown, getSelectionBounds, changeOnlyWhenYChanges, label, }: TLUiContextualToolbarProps) => JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDialogBody({ className, children, style }: TLUiDialogBodyProps): JSX_2.Element;
+export declare function TldrawUiDialogBody({ className, children, style }: TLUiDialogBodyProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDialogCloseButton(): JSX_2.Element;
+export declare function TldrawUiDialogCloseButton(): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDialogFooter({ className, children }: TLUiDialogFooterProps): JSX_2.Element;
+export declare function TldrawUiDialogFooter({ className, children }: TLUiDialogFooterProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDialogHeader({ className, children }: TLUiDialogHeaderProps): JSX_2.Element;
+export declare function TldrawUiDialogHeader({ className, children }: TLUiDialogHeaderProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDialogsProvider({ context, children }: TLUiDialogsProviderProps): JSX_2.Element;
+export declare function TldrawUiDialogsProvider({ context, children }: TLUiDialogsProviderProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDialogTitle({ className, children, style }: TLUiDialogTitleProps): JSX_2.Element;
+export declare function TldrawUiDialogTitle({ className, children, style }: TLUiDialogTitleProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuCheckboxItem({ children, onSelect, ...rest }: TLUiDropdownMenuCheckboxItemProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuCheckboxItem({ children, onSelect, ...rest }: TLUiDropdownMenuCheckboxItemProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuContent({ className, side, align, sideOffset, alignOffset, children, }: TLUiDropdownMenuContentProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuContent({ className, side, align, sideOffset, alignOffset, children, }: TLUiDropdownMenuContentProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuGroup({ className, children }: TLUiDropdownMenuGroupProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuGroup({ className, children }: TLUiDropdownMenuGroupProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuIndicator(): JSX_2.Element;
+export declare function TldrawUiDropdownMenuIndicator(): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuItem({ noClose, children }: TLUiDropdownMenuItemProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuItem({ noClose, children }: TLUiDropdownMenuItemProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuRoot({ id, children, modal, debugOpen, }: TLUiDropdownMenuRootProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuRoot({ id, children, modal, debugOpen, }: TLUiDropdownMenuRootProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuSub({ id, children }: TLUiDropdownMenuSubProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuSub({ id, children }: TLUiDropdownMenuSubProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuSubTrigger({ id, label, title, disabled, }: TLUiDropdownMenuSubTriggerProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuSubTrigger({ id, label, title, disabled, }: TLUiDropdownMenuSubTriggerProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuTrigger({ children, ...rest }: TLUiDropdownMenuTriggerProps): JSX_2.Element;
+export declare function TldrawUiDropdownMenuTrigger({ children, ...rest }: TLUiDropdownMenuTriggerProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiEventsProvider({ onEvent, children }: EventsProviderProps): JSX_2.Element;
+export declare function TldrawUiEventsProvider({ onEvent, children }: EventsProviderProps): JSX.Element;
 
 /**
  * A tight grid 4 elements wide, usually of UI controls like buttons, select dropdown, checkboxes,
@@ -3292,37 +3340,37 @@ export declare const TldrawUiGrid: ForwardRefExoticComponent<TLUiLayoutProps & R
 export declare const TldrawUiIcon: NamedExoticComponent<TLUiIconProps>;
 
 /** @public @react */
-export declare function TldrawUiInFrontOfTheCanvas(): JSX_2.Element;
+export declare function TldrawUiInFrontOfTheCanvas(): JSX.Element;
 
 /** @public @react */
 export declare const TldrawUiInput: React_2.ForwardRefExoticComponent<TLUiInputProps & React_2.RefAttributes<HTMLInputElement>>;
 
 /** @public @react */
-export declare function TldrawUiKbd({ children, visibleOnMobileLayout }: TLUiKbdProps): JSX_2.Element | null;
+export declare function TldrawUiKbd({ children, visibleOnMobileLayout }: TLUiKbdProps): JSX.Element | null;
 
 /** @public @react */
-export declare function TldrawUiMenuActionCheckboxItem({ actionId, ...rest }: TLUiMenuActionCheckboxItemProps): JSX_2.Element | null;
+export declare function TldrawUiMenuActionCheckboxItem({ actionId, ...rest }: TLUiMenuActionCheckboxItemProps): JSX.Element | null;
 
 /** @public @react */
-export declare function TldrawUiMenuActionItem({ actionId, ...rest }: TLUiMenuActionItemProps): JSX_2.Element | null;
+export declare function TldrawUiMenuActionItem({ actionId, ...rest }: TLUiMenuActionItemProps): JSX.Element | null;
 
 /** @public @react */
-export declare function TldrawUiMenuCheckboxItem<TranslationKey extends string = string, IconType extends string = string>({ id, kbd, label, lang, readonlyOk, onSelect, toggle, disabled, checked, }: TLUiMenuCheckboxItemProps<TranslationKey, IconType>): JSX_2.Element | null;
+export declare function TldrawUiMenuCheckboxItem<TranslationKey extends string = string, IconType extends string = string>({ id, kbd, label, lang, readonlyOk, onSelect, toggle, disabled, checked, }: TLUiMenuCheckboxItemProps<TranslationKey, IconType>): JSX.Element | null;
 
 /** @public @react */
-export declare function TldrawUiMenuContextProvider({ type, sourceId, children, }: TLUiMenuContextProviderProps): JSX_2.Element;
+export declare function TldrawUiMenuContextProvider({ type, sourceId, children, }: TLUiMenuContextProviderProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiMenuGroup({ id, label, className, children }: TLUiMenuGroupProps): boolean | JSX_2.Element | Iterable<ReactNode> | null | number | string | undefined;
+export declare function TldrawUiMenuGroup({ id, label, className, children }: TLUiMenuGroupProps): bigint | boolean | JSX.Element | Iterable<ReactNode> | null | number | Promise<bigint | boolean | ReactElement<unknown, JSXElementConstructor<any> | string> | ReactPortal | Iterable<ReactNode> | null | number | string | undefined> | string | undefined;
 
 /** @public @react */
-export declare function TldrawUiMenuItem<TranslationKey extends string = string, IconType extends string = string>({ disabled, spinner, readonlyOk, id, kbd, label, icon, iconLeft, onSelect, noClose, isSelected, onDragStart, }: TLUiMenuItemProps<TranslationKey, IconType>): JSX_2.Element | null;
+export declare function TldrawUiMenuItem<TranslationKey extends string = string, IconType extends string = string>({ disabled, spinner, readonlyOk, id, kbd, label, icon, iconLeft, onSelect, noClose, isSelected, onDragStart, }: TLUiMenuItemProps<TranslationKey, IconType>): JSX.Element | null;
 
 /** @public @react */
-export declare function TldrawUiMenuSubmenu<Translation extends string = string>({ id, disabled, label, size, children, }: TLUiMenuSubmenuProps<Translation>): boolean | JSX_2.Element | Iterable<ReactNode> | null | number | string | undefined;
+export declare function TldrawUiMenuSubmenu<Translation extends string = string>({ id, disabled, label, size, children, }: TLUiMenuSubmenuProps<Translation>): bigint | boolean | JSX.Element | Iterable<ReactNode> | null | number | Promise<bigint | boolean | ReactElement<unknown, JSXElementConstructor<any> | string> | ReactPortal | Iterable<ReactNode> | null | number | string | undefined> | string | undefined;
 
 /** @public @react */
-export declare function TldrawUiMenuToolItem({ toolId, ...rest }: TLUiMenuToolItemProps): JSX_2.Element | null;
+export declare function TldrawUiMenuToolItem({ toolId, ...rest }: TLUiMenuToolItemProps): JSX.Element | null;
 
 /** @public */
 export declare interface TldrawUiOrientationContext {
@@ -3331,7 +3379,7 @@ export declare interface TldrawUiOrientationContext {
 }
 
 /** @public @react */
-export declare function TldrawUiOrientationProvider({ children, orientation, tooltipSide, }: TldrawUiOrientationProviderProps): JSX_2.Element;
+export declare function TldrawUiOrientationProvider({ children, orientation, tooltipSide, }: TldrawUiOrientationProviderProps): JSX.Element;
 
 /** @public */
 export declare interface TldrawUiOrientationProviderProps {
@@ -3341,13 +3389,13 @@ export declare interface TldrawUiOrientationProviderProps {
 }
 
 /** @public @react */
-export declare function TldrawUiPopover({ id, children, onOpenChange, open, className }: TLUiPopoverProps): JSX_2.Element;
+export declare function TldrawUiPopover({ id, children, onOpenChange, open, className }: TLUiPopoverProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiPopoverContent({ side, children, align, sideOffset, alignOffset, disableEscapeKeyDown, autoFocusFirstButton, }: TLUiPopoverContentProps): JSX_2.Element;
+export declare function TldrawUiPopoverContent({ side, children, align, sideOffset, alignOffset, disableEscapeKeyDown, autoFocusFirstButton, }: TLUiPopoverContentProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiPopoverTrigger({ children }: TLUiPopoverTriggerProps): JSX_2.Element;
+export declare function TldrawUiPopoverTrigger({ children }: TLUiPopoverTriggerProps): JSX.Element;
 
 /** @public */
 export declare interface TldrawUiProps extends TLUiContextProviderProps {
@@ -3382,7 +3430,7 @@ export declare const TldrawUiRow: ForwardRefExoticComponent<TLUiLayoutProps & Re
 export declare const TldrawUiSlider: React_3.ForwardRefExoticComponent<TLUiSliderProps & React_3.RefAttributes<HTMLDivElement>>;
 
 /** @public @react */
-export declare function TldrawUiToastsProvider({ children }: TLUiToastsProviderProps): JSX_2.Element;
+export declare function TldrawUiToastsProvider({ children }: TLUiToastsProviderProps): JSX.Element;
 
 /** @public @react */
 export declare const TldrawUiToolbar: React_3.ForwardRefExoticComponent<TLUiToolbarProps & React_3.RefAttributes<HTMLDivElement>>;
@@ -3391,10 +3439,10 @@ export declare const TldrawUiToolbar: React_3.ForwardRefExoticComponent<TLUiTool
 export declare const TldrawUiToolbarButton: React_3.ForwardRefExoticComponent<TLUiToolbarButtonProps & React_3.RefAttributes<HTMLButtonElement>>;
 
 /** @public @react */
-export declare const TldrawUiToolbarToggleGroup: ({ children, className, type, asChild, ...props }: TLUiToolbarToggleGroupProps) => JSX_2.Element;
+export declare const TldrawUiToolbarToggleGroup: ({ children, className, type, asChild, ...props }: TLUiToolbarToggleGroupProps) => JSX.Element;
 
 /** @public @react */
-export declare const TldrawUiToolbarToggleItem: ({ children, className, type, value, tooltip, ...props }: TLUiToolbarToggleItemProps) => JSX_2.Element;
+export declare const TldrawUiToolbarToggleItem: ({ children, className, type, value, tooltip, ...props }: TLUiToolbarToggleItemProps) => JSX.Element;
 
 /** @public @react */
 export declare const TldrawUiTooltip: React_3.ForwardRefExoticComponent<TldrawUiTooltipProps & React_3.RefAttributes<HTMLButtonElement>>;
@@ -3411,7 +3459,7 @@ export declare interface TldrawUiTooltipProps {
 }
 
 /** @public @react */
-export declare function TldrawUiTooltipProvider({ children }: TldrawUiTooltipProviderProps): JSX_2.Element;
+export declare function TldrawUiTooltipProvider({ children }: TldrawUiTooltipProviderProps): JSX.Element;
 
 /** @public */
 export declare interface TldrawUiTooltipProviderProps {
@@ -4446,43 +4494,43 @@ export declare interface TLUiZoomMenuProps {
 /* Excluded from this release type: TLV1VideoShape */
 
 /** @public @react */
-export declare function ToggleAutoSizeMenuItem(): JSX_2.Element | null;
+export declare function ToggleAutoSizeMenuItem(): JSX.Element | null;
 
 /** @public @react */
-export declare function ToggleDebugModeItem(): JSX_2.Element;
+export declare function ToggleDebugModeItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleDynamicSizeModeItem(): JSX_2.Element;
+export declare function ToggleDynamicSizeModeItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleEdgeScrollingItem(): JSX_2.Element;
+export declare function ToggleEdgeScrollingItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleEnhancedA11yModeItem(): JSX_2.Element;
+export declare function ToggleEnhancedA11yModeItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleFocusModeItem(): JSX_2.Element;
+export declare function ToggleFocusModeItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleGridItem(): JSX_2.Element;
+export declare function ToggleGridItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleKeyboardShortcutsItem(): JSX_2.Element;
+export declare function ToggleKeyboardShortcutsItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleLockMenuItem(): JSX_2.Element | null;
+export declare function ToggleLockMenuItem(): JSX.Element | null;
 
 /** @public @react */
-export declare function TogglePasteAtCursorItem(): JSX_2.Element;
+export declare function TogglePasteAtCursorItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleReduceMotionItem(): JSX_2.Element;
+export declare function ToggleReduceMotionItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleSnapModeItem(): JSX_2.Element;
+export declare function ToggleSnapModeItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleToolLockedButton({ activeToolId }: ToggleToolLockedButtonProps): JSX_2.Element | null;
+export declare function ToggleToolLockedButton({ activeToolId }: ToggleToolLockedButtonProps): JSX.Element | null;
 
 /** @public */
 export declare interface ToggleToolLockedButtonProps {
@@ -4490,16 +4538,16 @@ export declare interface ToggleToolLockedButtonProps {
 }
 
 /** @public @react */
-export declare function ToggleToolLockItem(): JSX_2.Element;
+export declare function ToggleToolLockItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleTransparentBgMenuItem(): JSX_2.Element;
+export declare function ToggleTransparentBgMenuItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToggleWrapModeItem(): JSX_2.Element;
+export declare function ToggleWrapModeItem(): JSX.Element;
 
 /** @public @react */
-export declare function ToolbarItem({ tool }: ToolbarItemProps): JSX_2.Element;
+export declare function ToolbarItem({ tool }: ToolbarItemProps): JSX.Element;
 
 /** @public */
 export declare interface ToolbarItemProps {
@@ -4507,22 +4555,22 @@ export declare interface ToolbarItemProps {
 }
 
 /** @public @react */
-export declare function TrapezoidToolbarItem(): JSX_2.Element;
+export declare function TrapezoidToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function TriangleToolbarItem(): JSX_2.Element;
+export declare function TriangleToolbarItem(): JSX.Element;
 
 /** @public */
 export declare const truncateStringWithEllipsis: (str: string, maxLength: number) => string;
 
 /** @public @react */
-export declare function UndoRedoGroup(): JSX_2.Element;
+export declare function UndoRedoGroup(): JSX.Element;
 
 /** @public @react */
-export declare function UngroupMenuItem(): JSX_2.Element | null;
+export declare function UngroupMenuItem(): JSX.Element | null;
 
 /** @public @react */
-export declare function UnlockAllMenuItem(): JSX_2.Element;
+export declare function UnlockAllMenuItem(): JSX.Element;
 
 /** @public */
 export declare function unwrapLabel(label?: TLUiActionItem['label'], menuType?: string): string | undefined;
@@ -4648,7 +4696,7 @@ export declare function useEditablePlainText(shapeId: TLShapeId, type: ExtractSh
     isEditing: boolean;
     isEmpty: boolean;
     isReadyForEditing: boolean;
-    rInput: React_3.RefObject<HTMLTextAreaElement>;
+    rInput: React_3.RefObject<HTMLTextAreaElement | null>;
 };
 
 /** @public */
@@ -4669,7 +4717,7 @@ export declare function useEditableRichText(shapeId: TLShapeId, type: ExtractSha
     isEditing: boolean;
     isEmpty: boolean | undefined;
     isReadyForEditing: boolean;
-    rInput: RefObject<HTMLDivElement>;
+    rInput: RefObject<HTMLDivElement | null>;
 };
 
 /** @public */
@@ -4807,25 +4855,25 @@ export declare class VideoShapeUtil extends BaseBoxShapeUtil<TLVideoShape> {
     isAspectRatioLocked(): boolean;
     getDefaultProps(): TLVideoShape['props'];
     getAriaDescriptor(shape: TLVideoShape): string;
-    component(shape: TLVideoShape): JSX_2.Element;
-    indicator(shape: TLVideoShape): JSX_2.Element;
-    toSvg(shape: TLVideoShape, ctx: SvgExportContext): Promise<JSX_2.Element | null>;
+    component(shape: TLVideoShape): JSX.Element;
+    indicator(shape: TLVideoShape): JSX.Element;
+    toSvg(shape: TLVideoShape, ctx: SvgExportContext): Promise<JSX.Element | null>;
 }
 
 /** @public @react */
-export declare function ViewSubmenu(): JSX_2.Element;
+export declare function ViewSubmenu(): JSX.Element;
 
 /** @public @react */
-export declare function XBoxToolbarItem(): JSX_2.Element;
+export declare function XBoxToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function ZoomOrRotateMenuItem(): JSX_2.Element;
+export declare function ZoomOrRotateMenuItem(): JSX.Element;
 
 /** @public @react */
-export declare function ZoomTo100MenuItem(): JSX_2.Element;
+export declare function ZoomTo100MenuItem(): JSX.Element;
 
 /** @public @react */
-export declare function ZoomToFitMenuItem(): JSX_2.Element;
+export declare function ZoomToFitMenuItem(): JSX.Element;
 
 /** @public */
 export declare class ZoomTool extends StateNode {
@@ -4848,7 +4896,7 @@ export declare class ZoomTool extends StateNode {
 }
 
 /** @public @react */
-export declare function ZoomToSelectionMenuItem(): JSX_2.Element;
+export declare function ZoomToSelectionMenuItem(): JSX.Element;
 
 
 export * from "@tldraw/editor";