tldraw 5.3.2 → 5.4.0-canary.042da660fa66

package/dist-esm/index.d.mts

@@ -10,7 +10,6 @@ import { BindingOnShapeIsolateOptions } from '@tldraw/editor';
 import { BindingUtil } from '@tldraw/editor';
 import { Box } from '@tldraw/editor';
 import { Circle2d } from '@tldraw/editor';
-import { ClipboardEvent as ClipboardEvent_2 } from 'react';
 import { ComponentType } from 'react';
 import { CSSProperties } from 'react';
 import { DebugFlag } from '@tldraw/editor';
@@ -30,10 +29,10 @@ import { IndexKey } from '@tldraw/utils';
 import { IndexKey as IndexKey_2 } from '@tldraw/editor';
 import { JsonObject } from '@tldraw/utils';
 import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
 import { JSXElementConstructor } from 'react';
 import { LANGUAGES } from '@tldraw/editor';
 import { MatLike } from '@tldraw/editor';
+import { MemoExoticComponent } from 'react';
 import { MigrationFailureReason } from '@tldraw/editor';
 import { MigrationSequence } from '@tldraw/store';
 import { NamedExoticComponent } from 'react';
@@ -41,7 +40,6 @@ import { Node as Node_2 } from '@tiptap/pm/model';
 import { OverlayOptionsWithDisplayValues } from '@tldraw/editor';
 import { OverlayUtil } from '@tldraw/editor';
 import { PerfectDashTerminal } from '@tldraw/editor';
-import { PointerEvent as PointerEvent_2 } from 'react';
 import { Polygon2d } from '@tldraw/editor';
 import { Polyline2d } from '@tldraw/editor';
 import * as React_2 from 'react';
@@ -89,8 +87,14 @@ import { TLContent } from '@tldraw/editor';
 import { TLCropInfo } from '@tldraw/editor';
 import { TLCursorType } from '@tldraw/editor';
 import { TLDefaultColorStyle } from '@tldraw/tlschema';
+import { TLDefaultDashStyle } from '@tldraw/tlschema';
+import { TLDefaultFillStyle } from '@tldraw/tlschema';
 import { TLDefaultFontStyle } from '@tldraw/tlschema';
-import { TLDefaultSizeStyle } from '@tldraw/editor';
+import { TLDefaultHorizontalAlignStyle } from '@tldraw/tlschema';
+import { TLDefaultSizeStyle } from '@tldraw/tlschema';
+import { TLDefaultSizeStyle as TLDefaultSizeStyle_2 } from '@tldraw/editor';
+import { TLDefaultTextAlignStyle } from '@tldraw/tlschema';
+import { TLDefaultVerticalAlignStyle } from '@tldraw/tlschema';
 import { TldrawEditorBaseProps } from '@tldraw/editor';
 import { TldrawEditorStoreProps } from '@tldraw/editor';
 import { TldrawOptions } from '@tldraw/editor';
@@ -112,6 +116,7 @@ import { TLFrameShape } from '@tldraw/editor';
 import { TLFrameShapeProps } from '@tldraw/editor';
 import { TLGeometryOpts } from '@tldraw/editor';
 import { TLGeoShape } from '@tldraw/editor';
+import { TLGeoShapeGeoStyle } from '@tldraw/tlschema';
 import { TLGeoShapeProps } from '@tldraw/editor';
 import { TLHandle } from '@tldraw/editor';
 import { TLHandleDragInfo } from '@tldraw/editor';
@@ -124,15 +129,18 @@ import { TLImageShapeProps } from '@tldraw/editor';
 import { TLKeyboardEventInfo } from '@tldraw/editor';
 import { TLLineShape } from '@tldraw/editor';
 import { TLLineShapePoint } from '@tldraw/editor';
+import { TLLineShapeSplineStyle } from '@tldraw/tlschema';
 import { TLNoteShape } from '@tldraw/editor';
 import { TLNoteShapeProps } from '@tldraw/editor';
+import { TLOpacityType } from '@tldraw/tlschema';
 import { TLOverlay } from '@tldraw/editor';
 import { TLPageId } from '@tldraw/editor';
 import { TLParentId } from '@tldraw/tlschema';
 import { TLPointerEventInfo } from '@tldraw/editor';
 import { TLPropsMigrations } from '@tldraw/tlschema';
 import { TLResizeInfo } from '@tldraw/editor';
-import { TLRichText } from '@tldraw/editor';
+import { TLRichText } from '@tldraw/tlschema';
+import { TLRichText as TLRichText_2 } from '@tldraw/editor';
 import { TLSchema } from '@tldraw/editor';
 import { TLScribble } from '@tldraw/editor';
 import { TLSelectionHandle } from '@tldraw/editor';
@@ -229,9 +237,9 @@ export declare class ArrowBindingUtil extends BindingUtil<TLArrowBinding> {
     getDefaultProps(): Partial<TLArrowBindingProps>;
     onAfterCreate({ binding }: BindingOnCreateOptions<TLArrowBinding>): void;
     onAfterChange({ bindingAfter }: BindingOnChangeOptions<TLArrowBinding>): void;
-    onAfterChangeFromShape({ shapeBefore, shapeAfter, reason }: BindingOnShapeChangeOptions<TLArrowBinding>): void;
-    onAfterChangeToShape({ binding, shapeBefore, shapeAfter, reason }: BindingOnShapeChangeOptions<TLArrowBinding>): void;
-    onBeforeIsolateFromShape({ binding }: BindingOnShapeIsolateOptions<TLArrowBinding>): void;
+    onAfterChangeFromShape({ shapeBefore, shapeAfter, reason, }: BindingOnShapeChangeOptions<TLArrowBinding>): void;
+    onAfterChangeToShape({ binding, shapeBefore, shapeAfter, reason, }: BindingOnShapeChangeOptions<TLArrowBinding>): void;
+    onBeforeIsolateFromShape({ binding, }: BindingOnShapeIsolateOptions<TLArrowBinding>): void;
 }
 
 /** @public @react */
@@ -283,11 +291,11 @@ export declare interface ArrowShapeOptions extends ShapeOptionsWithDisplayValues
     /**
      * How far should elbow arrows expand from the shapes they're targeting?
      */
-    readonly expandElbowLegLength: Record<TLDefaultSizeStyle, number>;
+    readonly expandElbowLegLength: Record<TLDefaultSizeStyle_2, number>;
     /**
      * The minimum length of an elbow arrow's leg.
      */
-    readonly minElbowLegLength: Record<TLDefaultSizeStyle, number>;
+    readonly minElbowLegLength: Record<TLDefaultSizeStyle_2, number>;
     /**
      * The minimum distance, in screen pixels, between two handles on an elbow arrow. If two handles
      * would be closer than this distance, they're both hidden.
@@ -366,7 +374,7 @@ export declare class ArrowShapeTool extends StateNode {
 
 /** @public */
 export declare class ArrowShapeUtil extends ShapeUtil<TLArrowShape> {
-    static type: "arrow";
+    static type: 'arrow';
     static props: RecordProps<TLArrowShape>;
     static migrations: MigrationSequence;
     options: ArrowShapeOptions;
@@ -525,7 +533,7 @@ export declare interface BasePathBuilderOpts {
 
 /** @public */
 export declare class BookmarkAssetUtil extends AssetUtil<TLBookmarkAsset> {
-    static type: "bookmark";
+    static type: 'bookmark';
     static props: {
         description: Validator<string>;
         favicon: Validator<string>;
@@ -543,7 +551,7 @@ export declare interface BookmarkShapeOptions extends ShapeOptionsWithDisplayVal
 
 /** @public */
 export declare class BookmarkShapeUtil extends BaseBoxShapeUtil<TLBookmarkShape> {
-    static type: "bookmark";
+    static type: 'bookmark';
     static props: RecordProps<TLBookmarkShape>;
     static migrations: TLPropsMigrations;
     options: BookmarkShapeOptions;
@@ -560,7 +568,7 @@ export declare class BookmarkShapeUtil extends BaseBoxShapeUtil<TLBookmarkShape>
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
             assetId: null | TLAssetId;
@@ -570,7 +578,7 @@ export declare class BookmarkShapeUtil extends BaseBoxShapeUtil<TLBookmarkShape>
         };
         rotation: number;
         type: "bookmark";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     };
@@ -579,7 +587,7 @@ export declare class BookmarkShapeUtil extends BaseBoxShapeUtil<TLBookmarkShape>
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
             assetId: null | TLAssetId;
@@ -589,7 +597,7 @@ export declare class BookmarkShapeUtil extends BaseBoxShapeUtil<TLBookmarkShape>
         };
         rotation: number;
         type: "bookmark";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | undefined;
@@ -643,7 +651,7 @@ export declare interface BrushOverlayUtilOptions extends OverlayOptionsWithDispl
 /* Excluded from this release type: buildFromV1Document */
 
 /** @public @react */
-export declare function CenteredTopPanelContainer({ maxWidth, ignoreRightWidth, stylePanelWidth, marginBetweenZones, squeezeAmount, children }: CenteredTopPanelContainerProps): JSX.Element;
+export declare function CenteredTopPanelContainer({ maxWidth, ignoreRightWidth, stylePanelWidth, marginBetweenZones, squeezeAmount, children, }: CenteredTopPanelContainerProps): JSX.Element;
 
 /** @public */
 export declare interface CenteredTopPanelContainerProps {
@@ -860,7 +868,7 @@ export declare function CopyMenuItem(): JSX.Element;
  * @returns A Result containing the created bookmark shape or an error
  * @public
  */
-export declare function createBookmarkFromUrl(editor: Editor, { url, center }: {
+export declare function createBookmarkFromUrl(editor: Editor, { url, center, }: {
     center?: {
         x: number;
         y: number;
@@ -939,9 +947,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly overridePermissions: {
         readonly 'allow-top-navigation': true;
     };
-    readonly title: "tldraw";
+    readonly title: 'tldraw';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "tldraw";
+    readonly type: 'tldraw';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -949,9 +957,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["figma.com"];
-    readonly title: "Figma";
+    readonly title: 'Figma';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "figma";
+    readonly type: 'figma';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -959,9 +967,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["canva.com"];
-    readonly title: "Canva";
+    readonly title: 'Canva';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "canva";
+    readonly type: 'canva';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -972,9 +980,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly overridePermissions: {
         readonly 'allow-presentation': true;
     };
-    readonly title: "Google Maps";
-    readonly toEmbedUrl: (url: string, config?: GoogleMapsEmbedConfig | undefined) => string | undefined;
-    readonly type: "google_maps";
+    readonly title: 'Google Maps';
+    readonly toEmbedUrl: (url: string, config?: GoogleMapsEmbedConfig) => string | undefined;
+    readonly type: 'google_maps';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -984,9 +992,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly hostnames: readonly ["val.town"];
     readonly minHeight: 100;
     readonly minWidth: 260;
-    readonly title: "Val Town";
+    readonly title: 'Val Town';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "val_town";
+    readonly type: 'val_town';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -996,9 +1004,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly hostnames: readonly ["codesandbox.io"];
     readonly minHeight: 300;
     readonly minWidth: 300;
-    readonly title: "CodeSandbox";
+    readonly title: 'CodeSandbox';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "codesandbox";
+    readonly type: 'codesandbox';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1008,9 +1016,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly hostnames: readonly ["codepen.io"];
     readonly minHeight: 300;
     readonly minWidth: 300;
-    readonly title: "Codepen";
+    readonly title: 'Codepen';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "codepen";
+    readonly type: 'codepen';
     readonly width: 520;
 }, {
     readonly doesResize: false;
@@ -1018,9 +1026,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 400;
     readonly hostnames: readonly ["scratch.mit.edu"];
-    readonly title: "Scratch";
+    readonly title: 'Scratch';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "scratch";
+    readonly type: 'scratch';
     readonly width: 520;
 }, {
     readonly doesResize: true;
@@ -1033,9 +1041,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
         readonly 'allow-popups-to-escape-sandbox': true;
         readonly 'allow-presentation': true;
     };
-    readonly title: "YouTube";
+    readonly title: 'YouTube';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "youtube";
+    readonly type: 'youtube';
     readonly width: 800;
 }, {
     readonly doesResize: true;
@@ -1043,15 +1051,15 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["calendar.google.*"];
-    readonly instructionLink: "https://support.google.com/calendar/answer/41207?hl=en";
+    readonly instructionLink: 'https://support.google.com/calendar/answer/41207?hl=en';
     readonly minHeight: 360;
     readonly minWidth: 460;
     readonly overridePermissions: {
         readonly 'allow-popups-to-escape-sandbox': true;
     };
-    readonly title: "Google Calendar";
+    readonly title: 'Google Calendar';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "google_calendar";
+    readonly type: 'google_calendar';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1064,9 +1072,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly overridePermissions: {
         readonly 'allow-popups-to-escape-sandbox': true;
     };
-    readonly title: "Google Slides";
+    readonly title: 'Google Slides';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "google_slides";
+    readonly type: 'google_slides';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1074,9 +1082,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["gist.github.com"];
-    readonly title: "GitHub Gist";
+    readonly title: 'GitHub Gist';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "github_gist";
+    readonly type: 'github_gist';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1084,9 +1092,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["replit.com"];
-    readonly title: "Replit";
+    readonly title: 'Replit';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "replit";
+    readonly type: 'replit';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1094,9 +1102,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["felt.com"];
-    readonly title: "Felt";
+    readonly title: 'Felt';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "felt";
+    readonly type: 'felt';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1106,9 +1114,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly hostnames: readonly ["open.spotify.com"];
     readonly minHeight: 500;
     readonly overrideOutlineRadius: 12;
-    readonly title: "Spotify";
+    readonly title: 'Spotify';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "spotify";
+    readonly type: 'spotify';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1118,21 +1126,21 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly hostnames: readonly ["vimeo.com", "player.vimeo.com"];
     readonly isAspectRatioLocked: true;
     readonly sizeToContentAspectRatio: true;
-    readonly title: "Vimeo";
+    readonly title: 'Vimeo';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "vimeo";
+    readonly type: 'vimeo';
     readonly width: 640;
 }, {
-    readonly backgroundColor: "#fff";
+    readonly backgroundColor: '#fff';
     readonly doesResize: true;
     readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["observablehq.com"];
     readonly isAspectRatioLocked: false;
-    readonly title: "Observable";
+    readonly title: 'Observable';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "observable";
+    readonly type: 'observable';
     readonly width: 720;
 }, {
     readonly doesResize: true;
@@ -1140,9 +1148,9 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 450;
     readonly hostnames: readonly ["desmos.com"];
-    readonly title: "Desmos";
+    readonly title: 'Desmos';
     readonly toEmbedUrl: (url: string) => string | undefined;
-    readonly type: "desmos";
+    readonly type: 'desmos';
     readonly width: 700;
 }];
 
@@ -1159,10 +1167,10 @@ export declare const DEFAULT_MAX_ASSET_SIZE: number;
 export declare const DEFAULT_MAX_IMAGE_DIMENSION = 5000;
 
 /** @public @react */
-export declare const DefaultA11yAnnouncer: NamedExoticComponent<object>;
+export declare const DefaultA11yAnnouncer: MemoExoticComponent<() => "" | JSX.Element | undefined>;
 
 /** @public @react */
-export declare const DefaultActionsMenu: NamedExoticComponent<TLUiActionsMenuProps>;
+export declare const DefaultActionsMenu: MemoExoticComponent<({ children, }: TLUiActionsMenuProps) => JSX.Element | undefined>;
 
 /** @public @react */
 export declare function DefaultActionsMenuContent(): JSX.Element;
@@ -1177,7 +1185,7 @@ export declare const defaultAssetUtils: readonly [typeof ImageAssetUtil, typeof
 export declare const defaultBindingUtils: readonly [typeof ArrowBindingUtil];
 
 /** @public @react */
-declare const DefaultContextMenu: NamedExoticComponent<TLUiContextMenuProps>;
+declare const DefaultContextMenu: MemoExoticComponent<({ children, disabled, }: TLUiContextMenuProps) => JSX.Element>;
 export { DefaultContextMenu as ContextMenu }
 export { DefaultContextMenu }
 
@@ -1188,10 +1196,10 @@ export declare function DefaultContextMenuContent(): JSX.Element;
 export declare function DefaultDebugMenu({ children }: TLUiDebugMenuProps): JSX.Element;
 
 /** @public @react */
-export declare function DefaultDebugMenuContent({ customDebugFlags, customFeatureFlags }: CustomDebugFlags): JSX.Element;
+export declare function DefaultDebugMenuContent({ customDebugFlags, customFeatureFlags, }: CustomDebugFlags): JSX.Element;
 
 /** @public @react */
-export declare const DefaultDialogs: NamedExoticComponent<object>;
+export declare const DefaultDialogs: MemoExoticComponent<() => JSX.Element[]>;
 
 /** @public */
 export declare let defaultEditorAssetUrls: TLEditorAssetUrls;
@@ -1231,38 +1239,38 @@ export declare const DefaultFontFaces: TLDefaultFonts;
 export declare const defaultGeoTypeDefinitions: {
     readonly 'arrow-down': {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-arrow-down";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-arrow-down';
+        readonly snapType: 'polygon';
     };
     readonly 'arrow-left': {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-arrow-left";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-arrow-left';
+        readonly snapType: 'polygon';
     };
     readonly 'arrow-right': {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-arrow-right";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-arrow-right';
+        readonly snapType: 'polygon';
     };
     readonly 'arrow-up': {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-arrow-up";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-arrow-up';
+        readonly snapType: 'polygon';
     };
     readonly 'check-box': {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-check-box";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-check-box';
+        readonly snapType: 'polygon';
     };
     readonly 'rhombus-2': {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-rhombus-2";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-rhombus-2';
+        readonly snapType: 'polygon';
     };
     readonly 'x-box': {
         readonly getPath: (w: number, h: number, shape: TLGeoShape, strokeWidth: number) => PathBuilder;
-        readonly icon: "geo-x-box";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-x-box';
+        readonly snapType: 'polygon';
     };
     readonly cloud: {
         readonly defaultSize: {
@@ -1270,53 +1278,53 @@ export declare const defaultGeoTypeDefinitions: {
             readonly w: 300;
         };
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-cloud";
-        readonly snapType: "blobby";
+        readonly icon: 'geo-cloud';
+        readonly snapType: 'blobby';
     };
     readonly diamond: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-diamond";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-diamond';
+        readonly snapType: 'polygon';
     };
     readonly ellipse: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-ellipse";
-        readonly snapType: "blobby";
+        readonly icon: 'geo-ellipse';
+        readonly snapType: 'blobby';
     };
     readonly heart: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-heart";
-        readonly snapType: "blobby";
+        readonly icon: 'geo-heart';
+        readonly snapType: 'blobby';
     };
     readonly hexagon: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-hexagon";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-hexagon';
+        readonly snapType: 'polygon';
     };
     readonly octagon: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-octagon";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-octagon';
+        readonly snapType: 'polygon';
     };
     readonly oval: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-oval";
-        readonly snapType: "blobby";
+        readonly icon: 'geo-oval';
+        readonly snapType: 'blobby';
     };
     readonly pentagon: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-pentagon";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-pentagon';
+        readonly snapType: 'polygon';
     };
     readonly rectangle: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-rectangle";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-rectangle';
+        readonly snapType: 'polygon';
     };
     readonly rhombus: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-rhombus";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-rhombus';
+        readonly snapType: 'polygon';
     };
     readonly star: {
         readonly defaultSize: {
@@ -1324,18 +1332,18 @@ export declare const defaultGeoTypeDefinitions: {
             readonly w: 200;
         };
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-star";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-star';
+        readonly snapType: 'polygon';
     };
     readonly trapezoid: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-trapezoid";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-trapezoid';
+        readonly snapType: 'polygon';
     };
     readonly triangle: {
         readonly getPath: (w: number, h: number, shape: TLGeoShape) => PathBuilder;
-        readonly icon: "geo-triangle";
-        readonly snapType: "polygon";
+        readonly icon: 'geo-triangle';
+        readonly snapType: 'polygon';
     };
 };
 
@@ -1399,7 +1407,7 @@ export declare function DefaultHelperButtons({ children }: TLUiHelperButtonsProp
 export declare function DefaultHelperButtonsContent(): JSX.Element;
 
 /** @public @react */
-export declare const DefaultHelpMenu: NamedExoticComponent<TLUiHelpMenuProps>;
+export declare const DefaultHelpMenu: MemoExoticComponent<({ children }: TLUiHelpMenuProps) => JSX.Element | null>;
 
 /** @public @react */
 export declare function DefaultHelpMenuContent(): JSX.Element;
@@ -1420,31 +1428,31 @@ export declare interface DefaultImageToolbarContentProps {
 }
 
 /** @public @react */
-export declare const DefaultKeyboardShortcutsDialog: NamedExoticComponent<TLUiKeyboardShortcutsDialogProps>;
+export declare const DefaultKeyboardShortcutsDialog: MemoExoticComponent<({ children, }: TLUiKeyboardShortcutsDialogProps) => JSX.Element>;
 
 /** @public @react */
 export declare function DefaultKeyboardShortcutsDialogContent(): JSX.Element;
 
 /** @public @react */
-export declare const DefaultMainMenu: NamedExoticComponent<TLUiMainMenuProps>;
+export declare const DefaultMainMenu: MemoExoticComponent<({ children }: TLUiMainMenuProps) => JSX.Element>;
 
 /** @public @react */
 export declare function DefaultMainMenuContent(): JSX.Element;
 
 /** @public @react */
-export declare const DefaultMenuPanel: NamedExoticComponent<object>;
+export declare const DefaultMenuPanel: MemoExoticComponent<() => JSX.Element | null>;
 
 /** @public @react */
 export declare function DefaultMinimap(): JSX.Element;
 
 /** @public @react */
-export declare const DefaultNavigationPanel: NamedExoticComponent<object>;
+export declare const DefaultNavigationPanel: MemoExoticComponent<() => JSX.Element | null>;
 
 /** @public */
 export declare const defaultOverlayUtils: readonly [typeof ArrowBindingHintOverlayUtil, typeof ArrowHintOverlayUtil, typeof BrushOverlayUtil, typeof CollaboratorBrushOverlayUtil, typeof CollaboratorHintOverlayUtil, typeof CollaboratorScribbleOverlayUtil, typeof CollaboratorShapeIndicatorOverlayUtil, typeof ScribbleOverlayUtil, typeof SelectionForegroundOverlayUtil, typeof ShapeHandleOverlayUtil, typeof ShapeIndicatorOverlayUtil, typeof SnapIndicatorOverlayUtil, typeof ZoomBrushOverlayUtil];
 
 /** @public @react */
-export declare const DefaultPageMenu: NamedExoticComponent<object>;
+export declare const DefaultPageMenu: MemoExoticComponent<() => JSX.Element>;
 
 /** @public @react */
 declare function DefaultPeopleMenu({ children }: DefaultPeopleMenuProps): JSX.Element | null;
@@ -1463,7 +1471,7 @@ export declare interface DefaultPeopleMenuContentProps {
 }
 
 /** @public @react */
-export declare function DefaultPeopleMenuFacePile({ userIds, userName, userColor }: TLUiPeopleMenuFacePileProps): JSX.Element;
+export declare function DefaultPeopleMenuFacePile({ userIds, userName, userColor, }: TLUiPeopleMenuFacePileProps): JSX.Element;
 
 /** @public @react */
 export declare const DefaultPeopleMenuItem: NamedExoticComponent<TLUiPeopleMenuItemProps>;
@@ -1476,7 +1484,7 @@ export { DefaultPeopleMenuProps }
 export { DefaultPeopleMenuProps as PeopleMenuProps }
 
 /** @public @react */
-export declare const DefaultQuickActions: NamedExoticComponent<TLUiQuickActionsProps>;
+export declare const DefaultQuickActions: MemoExoticComponent<({ children, }: TLUiQuickActionsProps) => JSX.Element>;
 
 /** @public @react */
 export declare function DefaultQuickActionsContent(): JSX.Element | undefined;
@@ -1493,7 +1501,7 @@ export declare const DefaultRichTextToolbar: React_3.NamedExoticComponent<TLUiRi
  *
  * @public @react
  */
-export declare function DefaultRichTextToolbarContent({ textEditor, onEditLinkStart }: DefaultRichTextToolbarContentProps): JSX.Element[];
+export declare function DefaultRichTextToolbarContent({ textEditor, onEditLinkStart, }: DefaultRichTextToolbarContentProps): JSX.Element[];
 
 /** @public */
 export declare interface DefaultRichTextToolbarContentProps {
@@ -1511,13 +1519,13 @@ export declare const defaultShapeUtils: readonly [typeof TextShapeUtil, typeof B
 export declare function DefaultSharePanel(): JSX.Element | null;
 
 /** @public @react */
-export declare const DefaultStylePanel: NamedExoticComponent<TLUiStylePanelProps>;
+export declare const DefaultStylePanel: MemoExoticComponent<({ isMobile, styles, children, }: TLUiStylePanelProps) => JSX.Element | null>;
 
 /** @public @react */
 export declare function DefaultStylePanelContent(): JSX.Element;
 
 /** @public @react */
-export declare const DefaultToasts: NamedExoticComponent<object>;
+export declare const DefaultToasts: MemoExoticComponent<() => JSX.Element>;
 
 /**
  * The default toolbar for the editor. `children` defaults to the `DefaultToolbarContent` component.
@@ -1527,7 +1535,7 @@ export declare const DefaultToasts: NamedExoticComponent<object>;
  * @public
  * @react
  */
-export declare const DefaultToolbar: NamedExoticComponent<DefaultToolbarProps>;
+export declare const DefaultToolbar: MemoExoticComponent<({ children, orientation, minItems, minSizePx, maxItems, maxSizePx, }: DefaultToolbarProps) => JSX.Element>;
 
 /** @public @react */
 export declare function DefaultToolbarContent(): JSX.Element;
@@ -1561,7 +1569,7 @@ export declare interface DefaultVideoToolbarContentProps {
 }
 
 /** @public @react */
-export declare const DefaultZoomMenu: NamedExoticComponent<TLUiZoomMenuProps>;
+export declare const DefaultZoomMenu: MemoExoticComponent<({ children }: TLUiZoomMenuProps) => JSX.Element>;
 
 /** @public @react */
 export declare function DefaultZoomMenuContent(): JSX.Element;
@@ -1594,8 +1602,8 @@ export declare function DistributeMenuItems(): JSX.Element;
  * @public
  */
 export declare function downsizeImage(blob: Blob, width: number, height: number, opts?: {
-    quality?: number | undefined;
-    type?: string | undefined;
+    quality?: number;
+    type?: string;
 }): Promise<Blob>;
 
 /** @public */
@@ -1635,7 +1643,7 @@ export declare class DrawShapeTool extends StateNode {
 
 /** @public */
 export declare class DrawShapeUtil extends ShapeUtil<TLDrawShape> {
-    static type: "draw";
+    static type: 'draw';
     static props: RecordProps<TLDrawShape>;
     static migrations: TLPropsMigrations;
     options: DrawShapeOptions;
@@ -1976,7 +1984,7 @@ export declare const embedShapePermissionDefaults: {
 
 /** @public */
 export declare class EmbedShapeUtil extends BaseBoxShapeUtil<TLEmbedShape> {
-    static type: "embed";
+    static type: 'embed';
     static props: RecordProps<TLEmbedShape>;
     static migrations: TLPropsMigrations;
     options: EmbedShapeOptions;
@@ -1994,6 +2002,11 @@ export declare class EmbedShapeUtil extends BaseBoxShapeUtil<TLEmbedShape> {
      * applied without adding to the undo history.
      */
     resolveAspectRatio(shape: TLEmbedShape): Promise<void>;
+    /**
+     * Resolve the content's aspect ratio from the URL's OpenGraph metadata, fetched through the
+     * editor's url asset handler (the "unfurl" service). Returns `undefined` if no usable dimensions
+     * are available (e.g. no unfurl service is configured, or the page reports no image size).
+     */
     private getContentAspectRatio;
     getText(shape: TLEmbedShape): string;
     getAriaDescriptor(shape: TLEmbedShape): string | undefined;
@@ -2028,7 +2041,7 @@ export declare class EraserTool extends StateNode {
     static isLockable: boolean;
     static children(): TLStateNodeConstructor[];
     info: {
-        onInteractionEnd?: string | undefined;
+        onInteractionEnd?: string;
     };
     onEnter(info?: {
         onInteractionEnd?: string;
@@ -2047,7 +2060,7 @@ export declare interface EventsProviderProps {
 }
 
 /** @public @react */
-export declare function ExampleDialog({ title, body, cancel, confirm, displayDontShowAgain, maxWidth, onCancel, onContinue }: ExampleDialogProps): JSX.Element;
+export declare function ExampleDialog({ title, body, cancel, confirm, displayDontShowAgain, maxWidth, onCancel, onContinue, }: ExampleDialogProps): JSX.Element;
 
 /** @public */
 export declare interface ExampleDialogProps {
@@ -2129,13 +2142,13 @@ export declare interface FrameShapeOptions extends ShapeOptionsWithDisplayValues
 export declare class FrameShapeTool extends BaseBoxShapeTool {
     static id: string;
     static initial: string;
-    shapeType: "frame";
+    shapeType: 'frame';
     onCreate(shape: null | TLShape): void;
 }
 
 /** @public */
 export declare class FrameShapeUtil extends BaseFrameLikeShapeUtil<TLFrameShape> {
-    static type: "frame";
+    static type: 'frame';
     static props: RecordProps<TLFrameShape>;
     static migrations: TLPropsMigrations;
     options: FrameShapeOptions;
@@ -2220,7 +2233,7 @@ export declare class GeoShapeTool extends StateNode {
 
 /** @public */
 export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
-    static type: "geo";
+    static type: 'geo';
     static props: RecordProps<TLGeoShape>;
     static migrations: TLPropsMigrations;
     static configure<T extends TLShapeUtilConstructor<any, any>>(this: T, options: T extends new (...args: any[]) => {
@@ -2253,34 +2266,30 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
-            align: "end-legacy" | "end" | "middle-legacy" | "middle" | "start-legacy" | "start";
+            align: TLDefaultHorizontalAlignStyle;
             color: TLDefaultColorStyle;
-            dash: "dashed" | "dotted" | "draw" | "none" | "solid";
-            fill: "fill" | "lined-fill" | "none" | "pattern" | "semi" | "solid";
+            dash: TLDefaultDashStyle;
+            fill: TLDefaultFillStyle;
             flipX: boolean;
             flipY: boolean;
             font: TLDefaultFontStyle;
-            geo: "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "check-box" | "cloud" | "diamond" | "ellipse" | "heart" | "hexagon" | "octagon" | "oval" | "pentagon" | "rectangle" | "rhombus-2" | "rhombus" | "star" | "trapezoid" | "triangle" | "x-box";
+            geo: TLGeoShapeGeoStyle;
             growY: number;
             h: number;
             labelColor: TLDefaultColorStyle;
-            richText: {
-                attrs?: any;
-                content: unknown[];
-                type: string;
-            };
+            richText: TLRichText;
             scale: number;
-            size: "l" | "m" | "s" | "xl";
+            size: TLDefaultSizeStyle;
             url: string;
-            verticalAlign: "end" | "middle" | "start";
+            verticalAlign: TLDefaultVerticalAlignStyle;
             w: number;
         };
         rotation: number;
         type: "geo";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | undefined;
@@ -2289,34 +2298,30 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
-            align: "end-legacy" | "end" | "middle-legacy" | "middle" | "start-legacy" | "start";
+            align: TLDefaultHorizontalAlignStyle;
             color: TLDefaultColorStyle;
-            dash: "dashed" | "dotted" | "draw" | "none" | "solid";
-            fill: "fill" | "lined-fill" | "none" | "pattern" | "semi" | "solid";
+            dash: TLDefaultDashStyle;
+            fill: TLDefaultFillStyle;
             flipX: boolean;
             flipY: boolean;
             font: TLDefaultFontStyle;
-            geo: "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "check-box" | "cloud" | "diamond" | "ellipse" | "heart" | "hexagon" | "octagon" | "oval" | "pentagon" | "rectangle" | "rhombus-2" | "rhombus" | "star" | "trapezoid" | "triangle" | "x-box";
+            geo: TLGeoShapeGeoStyle;
             growY: number;
             h: number;
             labelColor: TLDefaultColorStyle;
-            richText: {
-                attrs?: any;
-                content: unknown[];
-                type: string;
-            };
+            richText: TLRichText;
             scale: number;
-            size: "l" | "m" | "s" | "xl";
+            size: TLDefaultSizeStyle;
             url: string;
-            verticalAlign: "end" | "middle" | "start";
+            verticalAlign: TLDefaultVerticalAlignStyle;
             w: number;
         };
         rotation: number;
         type: "geo";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | undefined;
@@ -2325,34 +2330,30 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
-            align: "end-legacy" | "end" | "middle-legacy" | "middle" | "start-legacy" | "start";
+            align: TLDefaultHorizontalAlignStyle;
             color: TLDefaultColorStyle;
-            dash: "dashed" | "dotted" | "draw" | "none" | "solid";
-            fill: "fill" | "lined-fill" | "none" | "pattern" | "semi" | "solid";
+            dash: TLDefaultDashStyle;
+            fill: TLDefaultFillStyle;
             flipX: boolean;
             flipY: boolean;
             font: TLDefaultFontStyle;
-            geo: "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "check-box" | "cloud" | "diamond" | "ellipse" | "heart" | "hexagon" | "octagon" | "oval" | "pentagon" | "rectangle" | "rhombus-2" | "rhombus" | "star" | "trapezoid" | "triangle" | "x-box";
+            geo: TLGeoShapeGeoStyle;
             growY: number;
             h: number;
             labelColor: TLDefaultColorStyle;
-            richText: {
-                attrs?: any;
-                content: unknown[];
-                type: string;
-            };
+            richText: TLRichText;
             scale: number;
-            size: "l" | "m" | "s" | "xl";
+            size: TLDefaultSizeStyle;
             url: string;
-            verticalAlign: "end" | "middle" | "start";
+            verticalAlign: TLDefaultVerticalAlignStyle;
             w: number;
         };
         rotation: number;
         type: "geo";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | {
@@ -2360,14 +2361,14 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
-            geo: "check-box";
+            geo: 'check-box';
         };
         rotation: number;
         type: "geo";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | {
@@ -2375,14 +2376,14 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
-            geo: "rectangle";
+            geo: 'rectangle';
         };
         rotation: number;
         type: "geo";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | undefined;
@@ -2708,7 +2709,7 @@ export declare class HighlightShapeTool extends StateNode {
 
 /** @public */
 export declare class HighlightShapeUtil extends ShapeUtil<TLHighlightShape> {
-    static type: "highlight";
+    static type: 'highlight';
     static props: RecordProps<TLHighlightShape>;
     static migrations: TLPropsMigrations;
     options: HighlightShapeOptions;
@@ -2743,11 +2744,11 @@ export declare interface HighlightShapeUtilDisplayValues {
 export declare function HighlightToolbarItem(): JSX.Element;
 
 /** @public */
-export declare const iconTypes: readonly ["align-bottom", "align-center-horizontal", "align-center-vertical", "align-left", "align-right", "align-top", "alt", "arrow-arc", "arrow-cycle", "arrow-elbow", "arrow-left", "arrowhead-arrow", "arrowhead-bar", "arrowhead-diamond", "arrowhead-dot", "arrowhead-none", "arrowhead-square", "arrowhead-triangle-inverted", "arrowhead-triangle", "blob", "bold", "bookmark", "bring-forward", "bring-to-front", "broken", "bulletList", "check-circle", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-ne", "chevrons-sw", "clipboard-copied", "clipboard-copy", "closed", "code", "color", "comment", "corners", "crop", "cross-2", "cross-circle", "dash-dashed", "dash-dotted", "dash-draw", "dash-solid", "disconnected", "discord", "distribute-horizontal", "distribute-vertical", "dot", "dots-horizontal", "dots-vertical", "download", "drag-handle-dots", "duplicate", "edit", "external-link", "fill-fill", "fill-lined-fill", "fill-none", "fill-pattern", "fill-semi", "fill-solid", "follow", "following", "font-draw", "font-mono", "font-sans", "font-serif", "geo-arrow-down", "geo-arrow-left", "geo-arrow-right", "geo-arrow-up", "geo-check-box", "geo-cloud", "geo-diamond", "geo-ellipse", "geo-heart", "geo-hexagon", "geo-octagon", "geo-oval", "geo-pentagon", "geo-rectangle", "geo-rhombus-2", "geo-rhombus", "geo-star", "geo-trapezoid", "geo-triangle", "geo-x-box", "github", "group", "heading", "help-circle", "highlight", "horizontal-align-end", "horizontal-align-middle", "horizontal-align-start", "info-circle", "italic", "leading", "link", "list", "lock", "manual", "menu", "minus", "mixed", "pack", "plus", "question-mark-circle", "question-mark", "redo", "reset-zoom", "rotate-ccw", "rotate-cw", "send-backward", "send-to-back", "share-1", "size-extra-large", "size-large", "size-medium", "size-small", "spline-cubic", "spline-line", "stack-horizontal", "stack-vertical", "status-offline", "stretch-horizontal", "stretch-vertical", "strike", "text-align-center", "text-align-left", "text-align-right", "toggle-off", "toggle-on", "tool-arrow", "tool-eraser", "tool-frame", "tool-hand", "tool-highlight", "tool-laser", "tool-line", "tool-media", "tool-note", "tool-pencil", "tool-pointer", "tool-screenshot", "tool-text", "trash", "twitter", "underline", "undo", "ungroup", "unlock", "vertical-align-end", "vertical-align-middle", "vertical-align-start", "warning-triangle", "zoom-in", "zoom-out"];
+export declare const iconTypes: readonly ['align-bottom', 'align-center-horizontal', 'align-center-vertical', 'align-left', 'align-right', 'align-top', 'alt', 'arrow-arc', 'arrow-cycle', 'arrow-elbow', 'arrow-left', 'arrowhead-arrow', 'arrowhead-bar', 'arrowhead-diamond', 'arrowhead-dot', 'arrowhead-none', 'arrowhead-square', 'arrowhead-triangle-inverted', 'arrowhead-triangle', 'blob', 'bold', 'bookmark', 'bring-forward', 'bring-to-front', 'broken', 'bulletList', 'check-circle', 'check', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chevrons-ne', 'chevrons-sw', 'clipboard-copied', 'clipboard-copy', 'closed', 'code', 'color', 'comment', 'corners', 'crop', 'cross-2', 'cross-circle', 'dash-dashed', 'dash-dotted', 'dash-draw', 'dash-solid', 'disconnected', 'discord', 'distribute-horizontal', 'distribute-vertical', 'dot', 'dots-horizontal', 'dots-vertical', 'download', 'drag-handle-dots', 'duplicate', 'edit', 'external-link', 'fill-fill', 'fill-lined-fill', 'fill-none', 'fill-pattern', 'fill-semi', 'fill-solid', 'follow', 'following', 'font-draw', 'font-mono', 'font-sans', 'font-serif', 'geo-arrow-down', 'geo-arrow-left', 'geo-arrow-right', 'geo-arrow-up', 'geo-check-box', 'geo-cloud', 'geo-diamond', 'geo-ellipse', 'geo-heart', 'geo-hexagon', 'geo-octagon', 'geo-oval', 'geo-pentagon', 'geo-rectangle', 'geo-rhombus-2', 'geo-rhombus', 'geo-star', 'geo-trapezoid', 'geo-triangle', 'geo-x-box', 'github', 'group', 'heading', 'help-circle', 'highlight', 'horizontal-align-end', 'horizontal-align-middle', 'horizontal-align-start', 'info-circle', 'italic', 'leading', 'link', 'list', 'lock', 'manual', 'menu', 'minus', 'mixed', 'pack', 'plus', 'question-mark-circle', 'question-mark', 'redo', 'reset-zoom', 'rotate-ccw', 'rotate-cw', 'send-backward', 'send-to-back', 'share-1', 'size-extra-large', 'size-large', 'size-medium', 'size-small', 'spline-cubic', 'spline-line', 'stack-horizontal', 'stack-vertical', 'status-offline', 'stretch-horizontal', 'stretch-vertical', 'strike', 'text-align-center', 'text-align-left', 'text-align-right', 'toggle-off', 'toggle-on', 'tool-arrow', 'tool-eraser', 'tool-frame', 'tool-hand', 'tool-highlight', 'tool-laser', 'tool-line', 'tool-media', 'tool-note', 'tool-pencil', 'tool-pointer', 'tool-screenshot', 'tool-text', 'trash', 'twitter', 'underline', 'undo', 'ungroup', 'unlock', 'vertical-align-end', 'vertical-align-middle', 'vertical-align-start', 'warning-triangle', 'zoom-in', 'zoom-out'];
 
 /** @public */
 export declare class ImageAssetUtil extends AssetUtil<TLImageAsset> {
-    static type: "image";
+    static type: 'image';
     static props: {
         fileSize: Validator<number | undefined>;
         h: Validator<number>;
@@ -2774,10 +2775,10 @@ export declare interface ImageShapeOptions extends ShapeOptionsWithDisplayValues
 
 /** @public */
 export declare class ImageShapeUtil extends BaseBoxShapeUtil<TLImageShape> {
-    static type: "image";
+    static type: 'image';
     static props: RecordProps<TLImageShape>;
     static migrations: TLPropsMigrations;
-    static handledAssetTypes: readonly ["image"];
+    static handledAssetTypes: readonly ['image'];
     options: ImageShapeOptions;
     isAspectRatioLocked(shape: TLImageShape): boolean;
     canCrop(shape: TLImageShape): boolean;
@@ -2843,7 +2844,7 @@ export declare class LineShapeTool extends StateNode {
 
 /** @public */
 export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
-    static type: "line";
+    static type: 'line';
     static props: RecordProps<TLLineShape>;
     static migrations: TLPropsMigrations;
     options: LineShapeOptions;
@@ -2873,11 +2874,11 @@ export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
             color: TLDefaultColorStyle;
-            dash: "dashed" | "dotted" | "draw" | "none" | "solid";
+            dash: TLDefaultDashStyle;
             points: {
                 [x: string]: {
                     id: string;
@@ -2887,12 +2888,12 @@ export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
                 } | TLLineShapePoint;
             };
             scale: number;
-            size: "l" | "m" | "s" | "xl";
-            spline: "cubic" | "line";
+            size: TLDefaultSizeStyle;
+            spline: TLLineShapeSplineStyle;
         };
         rotation: number;
         type: "line";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     };
@@ -2901,11 +2902,11 @@ export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
             color: TLDefaultColorStyle;
-            dash: "dashed" | "dotted" | "draw" | "none" | "solid";
+            dash: TLDefaultDashStyle;
             points: {
                 [x: string]: {
                     id: IndexKey;
@@ -2915,12 +2916,12 @@ export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
                 } | TLLineShapePoint;
             };
             scale: number;
-            size: "l" | "m" | "s" | "xl";
-            spline: "cubic" | "line";
+            size: TLDefaultSizeStyle;
+            spline: TLLineShapeSplineStyle;
         };
         rotation: number;
         type: "line";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | undefined;
@@ -2980,7 +2981,7 @@ export declare class NoteShapeTool extends StateNode {
 
 /** @public */
 export declare class NoteShapeUtil extends ShapeUtil<TLNoteShape> {
-    static type: "note";
+    static type: 'note';
     static props: RecordProps<TLNoteShape>;
     static migrations: TLPropsMigrations;
     options: NoteShapeOptions;
@@ -3009,29 +3010,25 @@ export declare class NoteShapeUtil extends ShapeUtil<TLNoteShape> {
         index: IndexKey_2;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
-            align: "end-legacy" | "end" | "middle-legacy" | "middle" | "start-legacy" | "start";
+            align: TLDefaultHorizontalAlignStyle;
             color: TLDefaultColorStyle;
             font: TLDefaultFontStyle;
             fontSizeAdjustment: number;
             growY: number;
             labelColor: TLDefaultColorStyle;
-            richText: {
-                attrs?: any;
-                content: unknown[];
-                type: string;
-            };
+            richText: TLRichText;
             scale: number;
-            size: "l" | "m" | "s" | "xl";
+            size: TLDefaultSizeStyle;
             textLastEditedBy: null | string;
             url: string;
-            verticalAlign: "end" | "middle" | "start";
+            verticalAlign: TLDefaultVerticalAlignStyle;
         };
         rotation: number;
         type: "note";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | undefined;
@@ -3122,7 +3119,7 @@ export declare interface OnDragFromToolbarToCreateShapesOpts {
 export declare function OvalToolbarItem(): JSX.Element;
 
 /** @public @react */
-export declare function OverflowingToolbar({ children, orientation, sizingParentClassName, minItems, minSizePx, maxItems, maxSizePx }: OverflowingToolbarProps): JSX.Element;
+export declare function OverflowingToolbar({ children, orientation, sizingParentClassName, minItems, minSizePx, maxItems, maxSizePx, }: OverflowingToolbarProps): JSX.Element;
 
 /** @public */
 export declare interface OverflowingToolbarProps {
@@ -3164,7 +3161,7 @@ export declare interface PageItemSubmenuProps {
 /* Excluded from this release type: parseAndLoadDocument */
 
 /** @public */
-export declare function parseTldrawJsonFile({ json, schema }: {
+export declare function parseTldrawJsonFile({ json, schema, }: {
     json: string;
     schema: TLSchema;
 }): Result<TLStore, TldrawFileParseError>;
@@ -3284,7 +3281,7 @@ export declare const PlainTextArea: React_3.ForwardRefExoticComponent<TextAreaPr
  *
  * @public @react
  */
-export declare const PlainTextLabel: React_3.NamedExoticComponent<PlainTextLabelProps>;
+export declare const PlainTextLabel: React_3.MemoExoticComponent<({ shapeId, type, text: plaintext, labelColor, fontFamily, fontSize, lineHeight, textAlign, verticalAlign, wrap, isSelected, padding, onKeyDown: handleKeyDownCustom, classNamePrefix, style, textWidth, textHeight, showTextOutline, }: PlainTextLabelProps) => JSX.Element | null>;
 
 /** @public */
 export declare interface PlainTextLabelProps {
@@ -3387,7 +3384,7 @@ export declare function RemoveFrameMenuItem(): JSX.Element | null;
  *
  * @public
  */
-export declare function renderHtmlFromRichText(editor: Editor, richText: TLRichText): string;
+export declare function renderHtmlFromRichText(editor: Editor, richText: TLRichText_2): string;
 
 /**
  * Renders HTML from a rich text string for measurement.
@@ -3396,7 +3393,7 @@ export declare function renderHtmlFromRichText(editor: Editor, richText: TLRichT
  *
  * @public
  */
-export declare function renderHtmlFromRichTextForMeasurement(editor: Editor, richText: TLRichText): string;
+export declare function renderHtmlFromRichTextForMeasurement(editor: Editor, richText: TLRichText_2): string;
 
 /**
  * Renders HTML from a rich text string using an explicit set of TipTap extensions, rather than the
@@ -3408,7 +3405,7 @@ export declare function renderHtmlFromRichTextForMeasurement(editor: Editor, ric
  *
  * @public
  */
-export declare function renderHtmlFromRichTextWithExtensions(richText: TLRichText, extensions: Extensions): string;
+export declare function renderHtmlFromRichTextWithExtensions(richText: TLRichText_2, extensions: Extensions): string;
 
 /**
  * Renders plaintext from a rich text string.
@@ -3417,7 +3414,7 @@ export declare function renderHtmlFromRichTextWithExtensions(richText: TLRichTex
  *
  * @public
  */
-export declare function renderPlaintextFromRichText(editor: Editor, richText: TLRichText): string;
+export declare function renderPlaintextFromRichText(editor: Editor, richText: TLRichText_2): string;
 
 /**
  * Renders JSONContent from html.
@@ -3426,7 +3423,7 @@ export declare function renderPlaintextFromRichText(editor: Editor, richText: TL
  *
  * @public
  */
-export declare function renderRichTextFromHTML(editor: Editor, html: string): TLRichText;
+export declare function renderRichTextFromHTML(editor: Editor, html: string): TLRichText_2;
 
 /** @public @react */
 export declare function ReorderMenuItems(): JSX.Element;
@@ -3452,13 +3449,13 @@ export declare const RichTextArea: React_3.ForwardRefExoticComponent<TextAreaPro
  *
  * @public @react
  */
-export declare const RichTextLabel: React_3.NamedExoticComponent<RichTextLabelProps>;
+export declare const RichTextLabel: React_3.MemoExoticComponent<({ shapeId, type, richText, labelColor, fontFamily, fontSize, lineHeight, textAlign, verticalAlign, wrap, isSelected, padding, onKeyDown: handleKeyDownCustom, classNamePrefix, style, textWidth, textHeight, hasCustomTabBehavior, showTextOutline, }: RichTextLabelProps) => JSX.Element | null>;
 
 /** @public */
 export declare interface RichTextLabelProps {
     shapeId: TLShapeId;
     type: ExtractShapeByProps<{
-        richText: TLRichText;
+        richText: TLRichText_2;
     }>['type'];
     fontFamily: string;
     fontSize: number;
@@ -3466,7 +3463,7 @@ export declare interface RichTextLabelProps {
     textAlign: 'center' | 'end' | 'start';
     verticalAlign: 'end' | 'middle' | 'start';
     wrap?: boolean;
-    richText?: TLRichText;
+    richText?: TLRichText_2;
     labelColor: string;
     bounds?: Box;
     isSelected: boolean;
@@ -3485,12 +3482,12 @@ export declare interface RichTextLabelProps {
  *
  * @public @react
  */
-export declare function RichTextSVG({ bounds, richText, fontSize, fontFamily, lineHeight, textAlign, verticalAlign, wrap, labelColor, padding, showTextOutline }: RichTextSVGProps): JSX.Element;
+export declare function RichTextSVG({ bounds, richText, fontSize, fontFamily, lineHeight, textAlign, verticalAlign, wrap, labelColor, padding, showTextOutline, }: RichTextSVGProps): JSX.Element;
 
 /** @public */
 export declare interface RichTextSVGProps {
     bounds: Box;
-    richText: TLRichText;
+    richText: TLRichText_2;
     fontSize: number;
     fontFamily: string;
     lineHeight: number;
@@ -3761,10 +3758,10 @@ export declare function StylePanelArrowheadPicker(): JSX.Element | null;
 export declare function StylePanelArrowKindPicker(): JSX.Element | null;
 
 /** @public @react */
-export declare const StylePanelButtonPicker: <T extends string>(props: StylePanelButtonPickerProps<T>) => JSX_2.Element;
+export declare const StylePanelButtonPicker: <T extends string>(props: StylePanelButtonPickerProps<T>) => React.JSX.Element;
 
 /** @public @react*/
-export declare const StylePanelButtonPickerInline: <T extends string>(props: StylePanelButtonPickerProps<T>) => JSX_2.Element;
+export declare const StylePanelButtonPickerInline: <T extends string>(props: StylePanelButtonPickerProps<T>) => React.JSX.Element;
 
 /** @public */
 export declare interface StylePanelButtonPickerProps<T extends string> {
@@ -3902,13 +3899,13 @@ export declare interface TextAreaProps {
     isEditing: boolean;
     text?: string;
     shapeId: TLShapeId;
-    richText?: TLRichText;
+    richText?: TLRichText_2;
     handleFocus(): void;
     handleBlur(): void;
     handleKeyDown(e: KeyboardEvent): void;
     handleChange(changeInfo: {
         plaintext?: string;
-        richText?: TLRichText;
+        richText?: TLRichText_2;
     }): void;
     handleInputPointerDown(e: React_3.PointerEvent<HTMLElement>): void;
     handleDoubleClick(e: any): any;
@@ -3934,7 +3931,7 @@ export declare class TextShapeTool extends StateNode {
 
 /** @public */
 export declare class TextShapeUtil extends ShapeUtil<TLTextShape> {
-    static type: "text";
+    static type: 'text';
     static props: RecordProps<TLTextShape>;
     static migrations: TLPropsMigrations;
     options: TextShapeOptions;
@@ -3975,25 +3972,21 @@ export declare class TextShapeUtil extends ShapeUtil<TLTextShape> {
         index: IndexKey;
         isLocked: boolean;
         meta: JsonObject;
-        opacity: number;
+        opacity: TLOpacityType;
         parentId: TLParentId;
         props: {
             autoSize: boolean;
             color: TLDefaultColorStyle;
             font: TLDefaultFontStyle;
-            richText: {
-                attrs?: any;
-                content: unknown[];
-                type: string;
-            };
+            richText: TLRichText;
             scale: number;
-            size: "l" | "m" | "s" | "xl";
-            textAlign: "end" | "middle" | "start";
+            size: TLDefaultSizeStyle;
+            textAlign: TLDefaultTextAlignStyle;
             w: number;
         };
         rotation: number;
         type: "text";
-        typeName: "shape";
+        typeName: 'shape';
         x: number;
         y: number;
     } | undefined;
@@ -4223,7 +4216,7 @@ export declare interface TLDefaultFonts {
 export declare function Tldraw(props: TldrawProps): JSX.Element;
 
 /** @public */
-export declare const TLDRAW_FILE_EXTENSION: ".tldr";
+export declare const TLDRAW_FILE_EXTENSION: '.tldr';
 
 /** @public */
 export declare interface TldrawBaseProps extends TldrawUiProps, TldrawEditorBaseProps, TLExternalContentProps {
@@ -4308,7 +4301,7 @@ export declare type TldrawFileParseError = {
  * @public
  * @react
  */
-export declare const TldrawImage: NamedExoticComponent<TldrawImageProps>;
+export declare const TldrawImage: MemoExoticComponent<(props: TldrawImageProps) => JSX.Element>;
 
 /** @public */
 export declare interface TldrawImageProps extends TLImageExportOptions {
@@ -4365,7 +4358,7 @@ export declare type TldrawProps = TldrawBaseProps & TldrawEditorStoreProps;
  * @public
  * @react
  */
-export declare const TldrawUi: React_3.NamedExoticComponent<TldrawUiProps>;
+export declare const TldrawUi: React_3.MemoExoticComponent<({ renderDebugMenuItems, children, hideUi, components, ...rest }: TldrawUiProps) => JSX.Element>;
 
 /** @public @react */
 export declare function TldrawUiA11yProvider({ children }: A11yProviderProps): JSX.Element;
@@ -4390,7 +4383,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.Element;
+export declare function TldrawUiComponentsProvider({ overrides, children, }: TLUiComponentsProviderProps): JSX.Element;
 
 /** @public @react */
 export declare const TldrawUiContextProvider: NamedExoticComponent<TLUiContextProviderProps>;
@@ -4401,7 +4394,7 @@ export declare const TldrawUiContextProvider: NamedExoticComponent<TLUiContextPr
  *
  * @public @react
  */
-export declare function TldrawUiContextualToolbar({ children, className, isMousingDown, getSelectionBounds, changeOnlyWhenYChanges, label }: TLUiContextualToolbarProps): JSX.Element;
+export declare function TldrawUiContextualToolbar({ children, className, isMousingDown, getSelectionBounds, changeOnlyWhenYChanges, label, }: TLUiContextualToolbarProps): JSX.Element;
 
 /** @public @react */
 export declare function TldrawUiDialogBody({ className, children, style }: TLUiDialogBodyProps): JSX.Element;
@@ -4425,7 +4418,7 @@ export declare function TldrawUiDialogTitle({ className, children, style }: TLUi
 export declare function TldrawUiDropdownMenuCheckboxItem({ children, onSelect, ...rest }: TLUiDropdownMenuCheckboxItemProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuContent({ className, side, align, sideOffset, alignOffset, collisionPadding, children }: TLUiDropdownMenuContentProps): JSX.Element;
+export declare function TldrawUiDropdownMenuContent({ className, side, align, sideOffset, alignOffset, collisionPadding, children, }: TLUiDropdownMenuContentProps): JSX.Element;
 
 /** @public @react */
 export declare function TldrawUiDropdownMenuGroup({ className, children }: TLUiDropdownMenuGroupProps): JSX.Element;
@@ -4437,16 +4430,16 @@ export declare function TldrawUiDropdownMenuIndicator(): JSX.Element;
 export declare function TldrawUiDropdownMenuItem({ noClose, children }: TLUiDropdownMenuItemProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuRoot({ id, children, modal, debugOpen }: TLUiDropdownMenuRootProps): JSX.Element;
+export declare function TldrawUiDropdownMenuRoot({ id, children, modal, debugOpen, }: TLUiDropdownMenuRootProps): JSX.Element;
 
 /** @public @react */
 export declare function TldrawUiDropdownMenuSub({ id, children }: TLUiDropdownMenuSubProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuSubContent({ id, alignOffset, sideOffset, size, children }: TLUiDropdownMenuSubContentProps): JSX.Element;
+export declare function TldrawUiDropdownMenuSubContent({ id, alignOffset, sideOffset, size, children, }: TLUiDropdownMenuSubContentProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiDropdownMenuSubTrigger({ id, label, title, disabled }: TLUiDropdownMenuSubTriggerProps): JSX.Element;
+export declare function TldrawUiDropdownMenuSubTrigger({ id, label, title, disabled, }: TLUiDropdownMenuSubTriggerProps): JSX.Element;
 
 /** @public @react */
 export declare function TldrawUiDropdownMenuTrigger({ children, ...rest }: TLUiDropdownMenuTriggerProps): JSX.Element;
@@ -4462,7 +4455,7 @@ export declare function TldrawUiEventsProvider({ onEvent, children }: EventsProv
 export declare const TldrawUiGrid: ForwardRefExoticComponent<TLUiLayoutProps & RefAttributes<HTMLDivElement>>;
 
 /** @public @react */
-export declare const TldrawUiIcon: NamedExoticComponent<TLUiIconProps>;
+export declare const TldrawUiIcon: MemoExoticComponent<({ label, small, invertIcon, icon, tiny, color, className, ...props }: TLUiIconProps) => JSX.Element>;
 
 /** @public @react */
 export declare function TldrawUiInFrontOfTheCanvas(): JSX.Element;
@@ -4480,19 +4473,19 @@ export declare function TldrawUiMenuActionCheckboxItem({ actionId, ...rest }: TL
 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.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.Element;
+export declare function TldrawUiMenuContextProvider({ type, sourceId, children, }: TLUiMenuContextProviderProps): JSX.Element;
 
 /** @public @react */
 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.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>): 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;
+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.Element | null;
@@ -4504,7 +4497,7 @@ export declare interface TldrawUiOrientationContext {
 }
 
 /** @public @react */
-export declare function TldrawUiOrientationProvider({ children, orientation, tooltipSide }: TldrawUiOrientationProviderProps): JSX.Element;
+export declare function TldrawUiOrientationProvider({ children, orientation, tooltipSide, }: TldrawUiOrientationProviderProps): JSX.Element;
 
 /** @public */
 export declare interface TldrawUiOrientationProviderProps {
@@ -4517,7 +4510,7 @@ export declare interface TldrawUiOrientationProviderProps {
 export declare function TldrawUiPopover({ id, children, onOpenChange, open, className }: TLUiPopoverProps): JSX.Element;
 
 /** @public @react */
-export declare function TldrawUiPopoverContent({ side, children, align, sideOffset, alignOffset, collisionPadding, disableEscapeKeyDown, autoFocusFirstButton }: TLUiPopoverContentProps): JSX.Element;
+export declare function TldrawUiPopoverContent({ side, children, align, sideOffset, alignOffset, collisionPadding, disableEscapeKeyDown, autoFocusFirstButton, }: TLUiPopoverContentProps): JSX.Element;
 
 /** @public @react */
 export declare function TldrawUiPopoverTrigger({ children }: TLUiPopoverTriggerProps): JSX.Element;
@@ -4570,7 +4563,7 @@ export declare const TldrawUiRow: ForwardRefExoticComponent<TLUiLayoutProps & Re
  * @public
  * @react
  */
-export declare function TldrawUiSelect({ id, value, onValueChange, onOpenChange, disabled, className, children, 'data-testid': dataTestId, 'aria-label': ariaLabel }: TLUiSelectProps): JSX.Element;
+export declare function TldrawUiSelect({ id, value, onValueChange, onOpenChange, disabled, className, children, 'data-testid': dataTestId, 'aria-label': ariaLabel, }: TLUiSelectProps): JSX.Element;
 
 /**
  * The dropdown content container for select items.
@@ -4578,7 +4571,7 @@ export declare function TldrawUiSelect({ id, value, onValueChange, onOpenChange,
  * @public
  * @react
  */
-export declare function TldrawUiSelectContent({ children, side, align, className }: TLUiSelectContentProps): JSX.Element;
+export declare function TldrawUiSelectContent({ children, side, align, className, }: TLUiSelectContentProps): JSX.Element;
 
 /**
  * An item in the select dropdown. Styled to match TldrawUiMenuCheckboxItem.
@@ -4586,7 +4579,7 @@ export declare function TldrawUiSelectContent({ children, side, align, className
  * @public
  * @react
  */
-export declare function TldrawUiSelectItem({ value, label, icon, disabled, className }: TLUiSelectItemProps): JSX.Element;
+export declare function TldrawUiSelectItem({ value, label, icon, disabled, className, }: TLUiSelectItemProps): JSX.Element;
 
 /**
  * The trigger button for the select dropdown.
@@ -4651,7 +4644,7 @@ export declare interface TldrawUiTooltipProviderProps {
  *
  * @public @react
  */
-export declare function TldrawUiTranslationProvider({ overrides, locale, children }: TLUiTranslationProviderProps): JSX.Element;
+export declare function TldrawUiTranslationProvider({ overrides, locale, children, }: TLUiTranslationProviderProps): JSX.Element;
 
 /** @public */
 export declare interface TLEditorAssetUrls {
@@ -5923,7 +5916,7 @@ export declare function unwrapLabel(label?: TLUiActionItem['label'], menuType?:
  *
  * @public
  */
-export declare function updateArrowTargetState({ editor, pointInPageSpace, arrow, isPrecise, currentBinding, oppositeBinding }: UpdateArrowTargetStateOpts): ArrowTargetState | null;
+export declare function updateArrowTargetState({ editor, pointInPageSpace, arrow, isPrecise, currentBinding, oppositeBinding, }: UpdateArrowTargetStateOpts): ArrowTargetState | null;
 
 /**
  * Options passed to {@link updateArrowTargetState}.
@@ -5976,11 +5969,11 @@ export declare function useCurrentTranslation(): TLUiTranslation;
 
 /** @public */
 export declare function useDefaultHelpers(): {
-    addDialog: (dialog: Omit<TLUiDialog, "id"> & {
-        id?: string | undefined;
+    addDialog: (dialog: Omit<TLUiDialog, 'id'> & {
+        id?: string;
     }) => string;
-    addToast: (toast: Omit<TLUiToast, "id"> & {
-        id?: string | undefined;
+    addToast: (toast: Omit<TLUiToast, 'id'> & {
+        id?: string;
     }) => string;
     clearDialogs: () => void;
     clearToasts: () => void;
@@ -5988,18 +5981,18 @@ export declare function useDefaultHelpers(): {
     copyAs: (ids: TLShapeId_2[], format?: TLCopyType) => void;
     cut: (source: TLUiEventSource) => Promise<void>;
     exportAs: (ids: TLShapeId_2[], opts?: {
-        format?: TLExportType | undefined;
-        name?: string | undefined;
-        scale?: number | undefined;
+        format?: TLExportType;
+        name?: string;
+        scale?: number;
     }) => void;
     getEmbedDefinition: (url: string) => TLEmbedResult;
     insertMedia: () => Promise<void>;
     isMobile: boolean;
-    msg: (id?: string | undefined) => string;
-    paste: (data: ClipboardItem[] | DataTransfer, source: TLUiEventSource, point?: VecLike | undefined) => Promise<void>;
+    msg: (id?: Exclude<string, TLUiTranslationKey> | string) => string;
+    paste: (data: ClipboardItem[] | DataTransfer, source: TLUiEventSource, point?: VecLike) => Promise<void>;
     printSelectionOrPages: () => Promise<void>;
     removeDialog: (id: string) => string;
-    removeToast: (id: string) => string;
+    removeToast: (id: TLUiToast['id']) => string;
     replaceImage: () => Promise<void>;
     replaceVideo: () => Promise<void>;
 };
@@ -6026,7 +6019,7 @@ export declare function useEditablePlainText(shapeId: TLShapeId, type: ExtractSh
         nativeEvent: Event;
     } | Event) => void;
     handleFocus: () => void;
-    handleInputPointerDown: (e: React_3.PointerEvent<Element>) => void;
+    handleInputPointerDown: (e: React_3.PointerEvent) => void;
     handleKeyDown: (e: KeyboardEvent) => void;
     handlePaste: (e: ClipboardEvent | React_3.ClipboardEvent<HTMLTextAreaElement>) => void;
     isEditing: boolean;
@@ -6037,23 +6030,19 @@ export declare function useEditablePlainText(shapeId: TLShapeId, type: ExtractSh
 
 /** @public */
 export declare function useEditableRichText(shapeId: TLShapeId, type: ExtractShapeByProps<{
-    richText: TLRichText;
-}>['type'], richText?: TLRichText): {
+    richText: TLRichText_2;
+}>['type'], richText?: TLRichText_2): {
     handleBlur: () => void;
     handleChange: ({ richText }: {
-        richText: {
-            attrs?: any;
-            content: unknown[];
-            type: string;
-        };
+        richText: TLRichText_2;
     }) => void;
     handleDoubleClick: (e: {
         nativeEvent: Event;
     } | Event) => void;
     handleFocus: () => void;
-    handleInputPointerDown: (e: PointerEvent_2<Element>) => void;
+    handleInputPointerDown: (e: React.PointerEvent) => void;
     handleKeyDown: (e: KeyboardEvent) => void;
-    handlePaste: (e: ClipboardEvent | ClipboardEvent_2<HTMLTextAreaElement>) => void;
+    handlePaste: (e: ClipboardEvent | React.ClipboardEvent<HTMLTextAreaElement>) => void;
     isEditing: boolean;
     isEmpty: boolean | undefined;
     isReadyForEditing: boolean;
@@ -6062,9 +6051,9 @@ export declare function useEditableRichText(shapeId: TLShapeId, type: ExtractSha
 
 /** @public */
 export declare function useExportAs(): (ids: TLShapeId[], opts?: {
-    format?: TLExportType | undefined;
-    name?: string | undefined;
-    scale?: number | undefined;
+    format?: TLExportType;
+    name?: string;
+    scale?: number;
 }) => void;
 
 /**
@@ -6079,7 +6068,7 @@ export declare function useExportAs(): (ids: TLShapeId[], opts?: {
  * @public
  */
 export declare function useImageOrVideoAsset({ shapeId, assetId, width }: UseImageOrVideoAssetOptions): {
-    asset: null | TLImageAsset | TLVideoAsset;
+    asset: (TLImageAsset | TLVideoAsset) | null;
     url: null | string;
 };
 
@@ -6123,7 +6112,7 @@ export declare function useMaybeCurrentTranslation(): null | TLUiTranslation;
 export declare function useMenuClipboardEvents(): {
     copy: (source: TLUiEventSource) => Promise<void>;
     cut: (source: TLUiEventSource) => Promise<void>;
-    paste: (data: ClipboardItem[] | DataTransfer, source: TLUiEventSource, point?: undefined | VecLike) => Promise<void>;
+    paste: (data: ClipboardItem[] | DataTransfer, source: TLUiEventSource, point?: VecLike) => Promise<void>;
 };
 
 /** @public */
@@ -6174,7 +6163,7 @@ export declare function useTools(): TLUiToolsContextType;
  *
  * @public
  */
-export declare function useTranslation(): (id?: string | undefined) => string;
+export declare function useTranslation(): (id?: Exclude<string, TLUiTranslationKey> | string) => string;
 
 /** @public */
 export declare function useUiEvents(): TLUiEventContextType;
@@ -6187,7 +6176,7 @@ export declare function useUnlockedSelectedShapesCount(min?: number, max?: numbe
 
 /** @public */
 export declare class VideoAssetUtil extends AssetUtil<TLVideoAsset> {
-    static type: "video";
+    static type: 'video';
     static props: {
         fileSize: Validator<number | undefined>;
         h: Validator<number>;
@@ -6216,10 +6205,10 @@ export declare interface VideoShapeOptions extends ShapeOptionsWithDisplayValues
 
 /** @public */
 export declare class VideoShapeUtil extends BaseBoxShapeUtil<TLVideoShape> {
-    static type: "video";
+    static type: 'video';
     static props: RecordProps<TLVideoShape>;
     static migrations: TLPropsMigrations;
-    static handledAssetTypes: readonly ["video"];
+    static handledAssetTypes: readonly ['video'];
     options: VideoShapeOptions;
     canEdit(shape: TLVideoShape): boolean;
     isAspectRatioLocked(shape: TLVideoShape): boolean;
@@ -6274,7 +6263,7 @@ export declare class ZoomTool extends StateNode {
     static children(): TLStateNodeConstructor[];
     static isLockable: boolean;
     info: TLPointerEventInfo & {
-        onInteractionEnd?: string | undefined;
+        onInteractionEnd?: string;
     };
     onEnter(info: TLPointerEventInfo & {
         onInteractionEnd: string;