tldraw 4.3.0-next.f13438eb7775 → 4.3.0

package/dist-esm/index.d.mts

@@ -15,6 +15,7 @@ import { Editor } from '@tldraw/editor';
 import { ElbowArrowSnap } from '@tldraw/editor';
 import { Extension } from '@tiptap/core';
 import { Extensions } from '@tiptap/core';
+import { ExtractShapeByProps } from '@tldraw/editor';
 import { ForwardRefExoticComponent } from 'react';
 import { Geometry2d } from '@tldraw/editor';
 import { Geometry2dFilters } from '@tldraw/editor';
@@ -24,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';
@@ -37,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';
@@ -88,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';
@@ -154,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 {
@@ -166,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>;
@@ -193,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.
@@ -290,6 +295,8 @@ export declare interface ArrowShapeOptions {
      * When creating an arrow, should it bind to the target shape.
      */
     shouldIgnoreTargets(editor: Editor): boolean;
+    /** Whether to show the outline of the arrow shape's label (using the same color as the canvas). This helps with overlapping shapes. It does not show up on Safari, where text outline is a performance issues. */
+    readonly showTextOutline: boolean;
 }
 
 /** @public */
@@ -357,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;
 }
@@ -402,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';
@@ -417,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 */
 
@@ -439,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;
@@ -489,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 {
@@ -500,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;
@@ -525,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
@@ -536,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
@@ -555,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.
@@ -576,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 {
@@ -585,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.
@@ -627,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 {
@@ -641,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 {
@@ -653,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 {
@@ -887,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;
@@ -901,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>;
@@ -919,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;
@@ -975,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>;
@@ -1005,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>;
@@ -1029,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.
@@ -1043,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 {
@@ -1058,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>;
@@ -1080,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 {
@@ -1095,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>;
 
@@ -1114,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 */
 
@@ -1194,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;
@@ -1208,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
@@ -1446,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 {
@@ -1463,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;
@@ -1497,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;
@@ -1510,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;
 }
 
@@ -1525,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 {
@@ -1534,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 {
@@ -1568,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 {
@@ -1595,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>;
@@ -1609,13 +1616,17 @@ 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 */
 export declare class FrameShapeTool extends BaseBoxShapeTool {
     static id: string;
     static initial: string;
-    shapeType: string;
+    shapeType: "frame";
     onCreate(shape: null | TLShape): void;
 }
 
@@ -1628,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;
@@ -1636,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;
@@ -1661,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 {
@@ -1676,15 +1687,18 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
     static type: "geo";
     static props: RecordProps<TLGeoShape>;
     static migrations: TLPropsMigrations;
+    options: {
+        showTextOutline: boolean;
+    };
     canEdit(): boolean;
     getDefaultProps(): TLGeoShape['props'];
     getGeometry(shape: TLGeoShape): Group2d;
     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: {
@@ -1839,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
  *
@@ -1876,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 {
@@ -1893,13 +1936,16 @@ 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;
 
 /** @public */
 export declare interface HighlightShapeOptions {
@@ -1934,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> {
@@ -1962,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;
 }
@@ -1973,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 {
@@ -1991,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 {
@@ -2083,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 */
 
@@ -2148,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;
@@ -2207,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.
@@ -2220,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
@@ -2246,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 {
@@ -2263,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 {
@@ -2297,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 {
@@ -2319,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;
@@ -2388,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 {
@@ -2414,7 +2461,9 @@ export declare const PlainTextLabel: React_3.NamedExoticComponent<PlainTextLabel
 /** @public */
 export declare interface PlainTextLabelProps {
     shapeId: TLShapeId;
-    type: string;
+    type: ExtractShapeByProps<{
+        text: string;
+    }>['type'];
     font: TLDefaultFontStyle;
     fontSize: number;
     lineHeight: number;
@@ -2432,6 +2481,7 @@ export declare interface PlainTextLabelProps {
     textWidth?: number;
     textHeight?: number;
     padding?: number;
+    showTextOutline?: boolean;
 }
 
 /** @public */
@@ -2447,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.
@@ -2466,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;
@@ -2485,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.
@@ -2502,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;
@@ -2512,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;
@@ -2522,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.
@@ -2556,7 +2603,9 @@ export declare const RichTextLabel: React_3.NamedExoticComponent<RichTextLabelPr
 /** @public */
 export declare interface RichTextLabelProps {
     shapeId: TLShapeId;
-    type: string;
+    type: ExtractShapeByProps<{
+        richText: TLRichText;
+    }>['type'];
     font: TLDefaultFontStyle;
     fontSize: number;
     lineHeight: number;
@@ -2575,6 +2624,7 @@ export declare interface RichTextLabelProps {
     textHeight?: number;
     padding?: number;
     hasCustomTabBehavior?: boolean;
+    showTextOutline?: boolean;
 }
 
 /**
@@ -2582,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 {
@@ -2599,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 {
@@ -2617,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>;
@@ -2629,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';
@@ -2637,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>;
@@ -2694,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;
@@ -2717,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 {
@@ -2728,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 {
@@ -2737,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;
@@ -2781,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 {
@@ -2804,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 {
@@ -2818,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 {
@@ -2854,15 +2922,12 @@ 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? */
     extraArrowHorizontalPadding: number;
+    /** Whether to show the outline of the text shape (using the same color as the canvas). This helps with overlapping shapes. It does not show up on Safari, where text outline is a performance issues. */
+    showTextOutline: boolean;
 }
 
 /** @public */
@@ -2889,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: {
@@ -2937,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.
@@ -3037,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 {
@@ -3065,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 {
@@ -3101,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.
@@ -3160,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
@@ -3181,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.
@@ -3203,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>;
@@ -3214,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,
@@ -3275,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 {
@@ -3314,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 {
@@ -3324,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 {
@@ -3365,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>>;
@@ -3374,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>>;
@@ -3394,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 {
@@ -4429,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 {
@@ -4473,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 {
@@ -4490,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;
@@ -4614,7 +4679,9 @@ export declare function useDefaultHelpers(): {
 export declare function useDialogs(): TLUiDialogsContextType;
 
 /** @public */
-export declare function useEditablePlainText(shapeId: TLShapeId, type: string, text?: string): {
+export declare function useEditablePlainText(shapeId: TLShapeId, type: ExtractShapeByProps<{
+    text: string;
+}>['type'], text?: string): {
     handleBlur: () => void;
     handleChange: ({ plaintext }: {
         plaintext: string;
@@ -4629,11 +4696,13 @@ export declare function useEditablePlainText(shapeId: TLShapeId, type: string, t
     isEditing: boolean;
     isEmpty: boolean;
     isReadyForEditing: boolean;
-    rInput: React_3.RefObject<HTMLTextAreaElement>;
+    rInput: React_3.RefObject<HTMLTextAreaElement | null>;
 };
 
 /** @public */
-export declare function useEditableRichText(shapeId: TLShapeId, type: string, richText?: TLRichText): {
+export declare function useEditableRichText(shapeId: TLShapeId, type: ExtractShapeByProps<{
+    richText: TLRichText;
+}>['type'], richText?: TLRichText): {
     handleBlur: () => void;
     handleChange: ({ richText }: {
         richText: TLRichText;
@@ -4648,7 +4717,7 @@ export declare function useEditableRichText(shapeId: TLShapeId, type: string, ri
     isEditing: boolean;
     isEmpty: boolean | undefined;
     isReadyForEditing: boolean;
-    rInput: RefObject<HTMLDivElement>;
+    rInput: RefObject<HTMLDivElement | null>;
 };
 
 /** @public */
@@ -4786,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 {
@@ -4827,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";