tldraw 3.15.0 → 3.16.0-canary.03ed24d72068

package/dist-cjs/index.d.ts

@@ -13,11 +13,13 @@ import { CSSProperties } from 'react';
 import { Editor } from '@tldraw/editor';
 import { Extension } from '@tiptap/core';
 import { Extensions } from '@tiptap/core';
+import { ForwardRefExoticComponent } from 'react';
 import { Geometry2d } from '@tldraw/editor';
 import { Geometry2dFilters } from '@tldraw/editor';
 import { Geometry2dOptions } from '@tldraw/editor';
 import { Group2d } from '@tldraw/editor';
 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';
@@ -37,6 +39,7 @@ import { ReadonlySharedStyleMap } from '@tldraw/editor';
 import { RecordProps } from '@tldraw/editor';
 import { Rectangle2d } from '@tldraw/editor';
 import { RecursivePartial } from '@tldraw/editor';
+import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { Result } from '@tldraw/editor';
 import { RichTextFontVisitorState } from '@tldraw/editor';
@@ -148,6 +151,9 @@ export declare interface A11yProviderProps {
     children: React.ReactNode;
 }
 
+/** @public @react */
+export declare function AccessibilityMenu(): JSX_2.Element;
+
 /** @public */
 export declare interface ActionsProviderProps {
     overrides?(editor: Editor, actions: TLUiActionsContextType, helpers: TLUiOverrideHelpers): TLUiActionsContextType;
@@ -354,7 +360,6 @@ export declare class ArrowShapeUtil extends ShapeUtil<TLArrowShape> {
     component(shape: TLArrowShape): JSX_2.Element | null;
     indicator(shape: TLArrowShape): JSX_2.Element | null;
     onEditStart(shape: TLArrowShape): void;
-    onEditEnd(shape: TLArrowShape): void;
     toSvg(shape: TLArrowShape, ctx: SvgExportContext): JSX_2.Element;
     getCanvasSvgDefs(): TLShapeUtilCanvasSvgDef[];
     getInterpolatedProps(startShape: TLArrowShape, endShape: TLArrowShape, progress: number): TLArrowShapeProps;
@@ -1012,6 +1017,11 @@ export declare function DefaultToolbarContent(): JSX_2.Element;
 /** @public */
 export declare interface DefaultToolbarProps {
     children?: ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    minItems?: number;
+    minSizePx?: number;
+    maxItems?: number;
+    maxSizePx?: number;
 }
 
 /** @public */
@@ -1740,6 +1750,9 @@ export declare function getArrowTerminalsInArrowSpace(editor: Editor, shape: TLA
     start: Vec;
 };
 
+/** @public */
+export declare function getAssetInfo(file: File, options: TLDefaultExternalContentHandlerOpts, assetId?: TLAssetId): Promise<TLImageAsset | TLVideoAsset>;
+
 /** @public */
 export declare function getCropBox<T extends ShapeWithCrop>(shape: T, info: TLCropInfo<T>, opts?: CropBoxOptions): {
     id: TLShapeId;
@@ -1761,6 +1774,9 @@ export declare function getDefaultCrop(): TLShapeCrop;
  */
 export declare function getEmbedInfo(definitions: readonly TLEmbedDefinition[], inputUrl: string): TLEmbedResult;
 
+/** @public */
+export declare function getHitShapeOnCanvasPointerDown(editor: Editor, hitLabels?: boolean): TLShape | undefined;
+
 /** @public */
 export declare function getMediaAssetInfoPartial(file: File, assetId: TLAssetId, isImageType: boolean, isVideoType: boolean, maxImageDimension?: number): Promise<TLImageAsset | TLVideoAsset>;
 
@@ -1954,6 +1970,34 @@ export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
         typeName: "shape";
         x: number;
         y: number;
+    };
+    onHandleDragStart(shape: TLLineShape, { handle }: TLHandleDragInfo<TLLineShape>): {
+        id: TLShapeId;
+        index: IndexKey;
+        isLocked: boolean;
+        meta: JsonObject;
+        opacity: TLOpacityType;
+        parentId: TLParentId;
+        props: {
+            color: TLDefaultColorStyle;
+            dash: TLDefaultDashStyle;
+            points: {
+                [x: string]: {
+                    id: IndexKey;
+                    index: IndexKey;
+                    x: number;
+                    y: number;
+                } | TLLineShapePoint;
+            };
+            scale: number;
+            size: TLDefaultSizeStyle;
+            spline: TLLineShapeSplineStyle;
+        };
+        rotation: number;
+        type: "line";
+        typeName: "shape";
+        x: number;
+        y: number;
     } | undefined;
     component(shape: TLLineShape): JSX_2.Element;
     indicator(shape: TLLineShape): JSX_2.Element;
@@ -1967,6 +2011,9 @@ export declare function LineToolbarItem(): JSX_2.Element;
 
 /* Excluded from this release type: LineToPathBuilderCommand */
 
+/** @public @react */
+export declare function LockGroup(): JSX_2.Element;
+
 /** @public @react */
 export declare function MiscMenuGroup(): JSX_2.Element;
 
@@ -2081,6 +2128,29 @@ export declare function NoteToolbarItem(): JSX_2.Element;
 /** @public @react */
 export declare function OfflineIndicator(): JSX_2.Element;
 
+/**
+ * A helper method to use in {@link TLUiToolItem#onDragStart} to create a shape by dragging it from
+ * the toolbar.
+ * @public
+ */
+export declare function onDragFromToolbarToCreateShape(editor: Editor, info: TLPointerEventInfo, opts: OnDragFromToolbarToCreateShapesOpts): void;
+
+/**
+ * Options for {@link onDragFromToolbarToCreateShape}.
+ * @public
+ */
+export declare interface OnDragFromToolbarToCreateShapesOpts {
+    /**
+     * Create the shape being dragged. You don't need to worry about positioning it, as it'll be
+     * immediately updated with the correct position.
+     */
+    createShape(id: TLShapeId): void;
+    /**
+     * Called once the drag interaction has finished.
+     */
+    onDragEnd?(id: TLShapeId): void;
+}
+
 /** @public @react */
 export declare function OpacitySlider(): JSX_2.Element | null;
 
@@ -2088,11 +2158,17 @@ export declare function OpacitySlider(): JSX_2.Element | null;
 export declare function OvalToolbarItem(): JSX_2.Element;
 
 /** @public @react */
-export declare function OverflowingToolbar({ children }: OverflowingToolbarProps): JSX_2.Element;
+export declare function OverflowingToolbar({ children, orientation, sizingParentClassName, minItems, minSizePx, maxItems, maxSizePx, }: OverflowingToolbarProps): JSX_2.Element;
 
 /** @public */
 export declare interface OverflowingToolbarProps {
     children: React.ReactNode;
+    orientation: 'horizontal' | 'vertical';
+    sizingParentClassName: string;
+    minItems: number;
+    minSizePx: number;
+    maxItems: number;
+    maxSizePx: number;
 }
 
 /** @public @react */
@@ -2745,6 +2821,17 @@ export declare interface TldrawBaseProps extends TldrawUiProps, TldrawEditorBase
     embeds?: TLEmbedDefinition[];
 }
 
+/** @public @react */
+export declare function TldrawCropHandles({ size, width, height, hideAlternateHandles, }: TldrawCropHandlesProps): JSX_2.Element;
+
+/** @public */
+export declare interface TldrawCropHandlesProps {
+    size: number;
+    width: number;
+    height: number;
+    hideAlternateHandles: boolean;
+}
+
 /** @public */
 export declare interface TldrawFile {
     tldrawFileFormatVersion: number;
@@ -2868,6 +2955,13 @@ export declare function TldrawUiButtonLabel({ children }: TLUiButtonLabelProps):
 /** @public */
 export declare const TldrawUiButtonPicker: <T extends string>(props: TLUiButtonPickerProps<T>) => ReactElement;
 
+/**
+ * A column, usually of UI controls like buttons, select dropdown, checkboxes, etc.
+ *
+ * @public @react
+ */
+export declare const TldrawUiColumn: ForwardRefExoticComponent<TLUiLayoutProps & RefAttributes<HTMLDivElement>>;
+
 /** @public @react */
 export declare function TldrawUiComponentsProvider({ overrides, children, }: TLUiComponentsProviderProps): JSX_2.Element;
 
@@ -2930,6 +3024,13 @@ export declare function TldrawUiDropdownMenuTrigger({ children, ...rest }: TLUiD
 /** @public @react */
 export declare function TldrawUiEventsProvider({ onEvent, children }: EventsProviderProps): JSX_2.Element;
 
+/**
+ * A tight grid 4 elements wide, usually of UI controls like buttons, select dropdown, checkboxes,
+ * etc.
+ *
+ * @public @react */
+export declare const TldrawUiGrid: ForwardRefExoticComponent<TLUiLayoutProps & RefAttributes<HTMLDivElement>>;
+
 /** @public @react */
 export declare const TldrawUiIcon: NamedExoticComponent<TLUiIconProps>;
 
@@ -2955,7 +3056,7 @@ export declare function TldrawUiMenuContextProvider({ type, sourceId, children,
 export declare function TldrawUiMenuGroup({ id, label, className, children }: TLUiMenuGroupProps): boolean | JSX_2.Element | Iterable<ReactNode> | null | number | 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, }: 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_2.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;
@@ -2963,8 +3064,24 @@ export declare function TldrawUiMenuSubmenu<Translation extends string = string>
 /** @public @react */
 export declare function TldrawUiMenuToolItem({ toolId, ...rest }: TLUiMenuToolItemProps): JSX_2.Element | null;
 
+/** @public */
+export declare interface TldrawUiOrientationContext {
+    orientation: 'horizontal' | 'vertical';
+    tooltipSide: 'bottom' | 'left' | 'right' | 'top';
+}
+
 /** @public @react */
-export declare function TldrawUiPopover({ id, children, onOpenChange, open }: TLUiPopoverProps): JSX_2.Element;
+export declare function TldrawUiOrientationProvider({ children, orientation, tooltipSide, }: TldrawUiOrientationProviderProps): JSX_2.Element;
+
+/** @public */
+export declare interface TldrawUiOrientationProviderProps {
+    children: ReactNode;
+    orientation: 'horizontal' | 'vertical';
+    tooltipSide?: 'bottom' | 'left' | 'right' | 'top';
+}
+
+/** @public @react */
+export declare function TldrawUiPopover({ id, children, onOpenChange, open, className }: TLUiPopoverProps): JSX_2.Element;
 
 /** @public @react */
 export declare function TldrawUiPopoverContent({ side, children, align, sideOffset, alignOffset, disableEscapeKeyDown, autoFocusFirstButton, }: TLUiPopoverContentProps): JSX_2.Element;
@@ -2994,6 +3111,13 @@ export declare interface TldrawUiProps extends TLUiContextProviderProps {
     assetUrls?: TLUiAssetUrlOverrides;
 }
 
+/**
+ * A row, usually of UI controls like buttons, select dropdown, checkboxes, etc.
+ *
+ * @public @react
+ */
+export declare const TldrawUiRow: ForwardRefExoticComponent<TLUiLayoutProps & RefAttributes<HTMLDivElement>>;
+
 /** @public @react */
 export declare const TldrawUiSlider: React_3.ForwardRefExoticComponent<TLUiSliderProps & React_3.RefAttributes<HTMLDivElement>>;
 
@@ -3010,7 +3134,27 @@ export declare const TldrawUiToolbarButton: React_3.ForwardRefExoticComponent<TL
 export declare const TldrawUiToolbarToggleGroup: ({ children, className, type, ...props }: TLUiToolbarToggleGroupProps) => JSX_2.Element;
 
 /** @public @react */
-export declare const TldrawUiToolbarToggleItem: ({ children, className, type, value, ...props }: TLUiToolbarToggleItemProps) => JSX_2.Element;
+export declare const TldrawUiToolbarToggleItem: ({ children, className, type, value, tooltip, ...props }: TLUiToolbarToggleItemProps) => JSX_2.Element;
+
+/** @public @react */
+export declare const TldrawUiTooltip: React_3.ForwardRefExoticComponent<TldrawUiTooltipProps & React_3.RefAttributes<HTMLButtonElement>>;
+
+/** @public */
+export declare interface TldrawUiTooltipProps {
+    children: React_3.ReactNode;
+    content?: React_3.ReactNode | string;
+    side?: 'bottom' | 'left' | 'right' | 'top';
+    sideOffset?: number;
+    disabled?: boolean;
+}
+
+/** @public @react */
+export declare function TldrawUiTooltipProvider({ children }: TldrawUiTooltipProviderProps): JSX_2.Element;
+
+/** @public */
+export declare interface TldrawUiTooltipProviderProps {
+    children: React_3.ReactNode;
+}
 
 /* Excluded from this release type: TldrawUiTranslationProvider */
 
@@ -3476,8 +3620,12 @@ export declare interface TLUiEventMap {
     'delete-shapes': null;
     'select-all-shapes': null;
     'select-none-shapes': null;
-    'rotate-ccw': null;
-    'rotate-cw': null;
+    'rotate-ccw': {
+        fine: boolean;
+    };
+    'rotate-cw': {
+        fine: boolean;
+    };
     'zoom-in': {
         towardsCursor: boolean;
     };
@@ -3521,6 +3669,7 @@ export declare interface TLUiEventMap {
     'toggle-lock': null;
     'toggle-reduce-motion': null;
     'toggle-keyboard-shortcuts': null;
+    'toggle-ui-labels': null;
     'toggle-edge-scrolling': null;
     'color-scheme': {
         value: string;
@@ -3543,6 +3692,9 @@ export declare interface TLUiEventMap {
     'open-context-menu': null;
     'adjust-shape-styles': null;
     'copy-link': null;
+    'drag-tool': {
+        id: string;
+    };
     'image-replace': null;
     'video-replace': null;
     'open-kbd-shortcuts': null;
@@ -3629,6 +3781,13 @@ export declare type TLUiKeyboardShortcutsDialogProps = TLUiDialogProps & {
     children?: ReactNode;
 };
 
+/** @public */
+export declare interface TLUiLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    tooltipSide?: 'bottom' | 'left' | 'right' | 'top';
+    asChild?: boolean;
+}
+
 /** @public */
 export declare interface TLUiMainMenuProps {
     children?: ReactNode;
@@ -3668,7 +3827,7 @@ export declare interface TLUiMenuContextProviderProps {
 }
 
 /** @public */
-export declare type TLUiMenuContextType = 'context-menu' | 'helper-buttons' | 'icons' | 'keyboard-shortcuts' | 'menu' | 'panel' | 'small-icons' | 'toolbar-overflow' | 'toolbar';
+export declare type TLUiMenuContextType = 'context-menu' | 'helper-buttons' | 'icons' | 'keyboard-shortcuts' | 'menu' | 'small-icons' | 'toolbar-overflow' | 'toolbar';
 
 /** @public */
 export declare interface TLUiMenuGroupProps<TranslationKey extends string = string> {
@@ -3728,6 +3887,10 @@ export declare interface TLUiMenuItemProps<TranslationKey extends string = strin
      * Whether the item is selected.
      */
     isSelected?: boolean;
+    /**
+     * The function to call when the item is dragged. If this is provided, the item will be draggable.
+     */
+    onDragStart?(source: TLUiEventSource, info: TLPointerEventInfo): void;
 }
 
 /** @public */
@@ -3773,6 +3936,7 @@ export declare interface TLUiPopoverProps {
     open?: boolean;
     children: React_3.ReactNode;
     onOpenChange?(isOpen: boolean): void;
+    className?: string;
 }
 
 /** @public */
@@ -3858,6 +4022,7 @@ export declare interface TLUiToolbarButtonProps extends React_3.HTMLAttributes<H
     disabled?: boolean;
     isActive?: boolean;
     type: 'icon' | 'menu' | 'tool';
+    tooltip?: string;
 }
 
 /** @public */
@@ -3866,6 +4031,8 @@ export declare interface TLUiToolbarProps extends React_3.HTMLAttributes<HTMLDiv
     className?: string;
     dir?: 'ltr' | 'rtl';
     label: string;
+    orientation?: 'grid' | 'horizontal' | 'vertical';
+    tooltipSide?: 'bottom' | 'left' | 'right' | 'top';
 }
 
 /** @public */
@@ -3884,6 +4051,7 @@ export declare interface TLUiToolbarToggleItemProps extends React_3.HTMLAttribut
     className?: string;
     type: 'icon' | 'tool';
     value: string;
+    tooltip?: string;
 }
 
 /** @public */
@@ -3893,6 +4061,7 @@ export declare interface TLUiToolItem<TranslationKey extends string = string, Ic
     shortcutsLabel?: TranslationKey;
     icon: IconType | TLUiIconJsx;
     onSelect(source: TLUiEventSource): void;
+    onDragStart?(source: TLUiEventSource, info: TLPointerEventInfo): void;
     /**
      * The keyboard shortcut for this tool. This is a string that can be a single key,
      * or a combination of keys.
@@ -3928,7 +4097,7 @@ export declare interface TLUiTranslation {
 export declare type TLUiTranslationContextType = TLUiTranslation;
 
 /** @public */
-export declare type TLUiTranslationKey = 'a11y.adjust-shape-styles' | 'a11y.enlarge-shape' | 'a11y.enter-leave-container' | 'a11y.move-shape-faster' | 'a11y.move-shape' | 'a11y.multiple-shapes' | 'a11y.open-context-menu' | 'a11y.open-keyboard-shortcuts' | 'a11y.pan-camera' | 'a11y.repeat-shape' | 'a11y.select-shape-direction' | 'a11y.select-shape' | 'a11y.shape-image' | 'a11y.shape-index' | 'a11y.shape-video' | 'a11y.shrink-shape' | 'a11y.skip-to-main-content' | 'a11y.status' | 'action.align-bottom' | 'action.align-center-horizontal.short' | 'action.align-center-horizontal' | 'action.align-center-vertical.short' | 'action.align-center-vertical' | 'action.align-left' | 'action.align-right' | 'action.align-top' | 'action.back-to-content' | 'action.bring-forward' | 'action.bring-to-front' | 'action.convert-to-bookmark' | 'action.convert-to-embed' | 'action.copy-as-png.short' | 'action.copy-as-png' | 'action.copy-as-svg.short' | 'action.copy-as-svg' | 'action.copy' | 'action.cut' | 'action.delete' | 'action.distribute-horizontal.short' | 'action.distribute-horizontal' | 'action.distribute-vertical.short' | 'action.distribute-vertical' | 'action.download-original' | 'action.duplicate' | 'action.edit-link' | 'action.exit-pen-mode' | 'action.export-all-as-png.short' | 'action.export-all-as-png' | 'action.export-all-as-svg.short' | 'action.export-all-as-svg' | 'action.export-as-png.short' | 'action.export-as-png' | 'action.export-as-svg.short' | 'action.export-as-svg' | 'action.fit-frame-to-content' | 'action.flatten-to-image' | 'action.flip-horizontal.short' | 'action.flip-horizontal' | 'action.flip-vertical.short' | 'action.flip-vertical' | 'action.fork-project-on-tldraw' | 'action.fork-project' | 'action.group' | 'action.insert-embed' | 'action.insert-media' | 'action.leave-shared-project' | 'action.new-project' | 'action.new-shared-project' | 'action.open-cursor-chat' | 'action.open-embed-link' | 'action.open-file' | 'action.open-kbd-shortcuts' | 'action.pack' | 'action.paste-error-description' | 'action.paste-error-title' | 'action.paste' | 'action.print' | 'action.redo' | 'action.remove-frame' | 'action.rename' | 'action.rotate-ccw' | 'action.rotate-cw' | 'action.save-copy' | 'action.select-all' | 'action.select-none' | 'action.send-backward' | 'action.send-to-back' | 'action.share-project' | 'action.stack-horizontal.short' | 'action.stack-horizontal' | 'action.stack-vertical.short' | 'action.stack-vertical' | 'action.stop-following' | 'action.stretch-horizontal.short' | 'action.stretch-horizontal' | 'action.stretch-vertical.short' | 'action.stretch-vertical' | 'action.toggle-auto-size' | 'action.toggle-dark-mode.menu' | 'action.toggle-dark-mode' | 'action.toggle-debug-mode.menu' | 'action.toggle-debug-mode' | 'action.toggle-dynamic-size-mode.menu' | 'action.toggle-dynamic-size-mode' | 'action.toggle-edge-scrolling.menu' | 'action.toggle-edge-scrolling' | 'action.toggle-focus-mode.menu' | 'action.toggle-focus-mode' | 'action.toggle-grid.menu' | 'action.toggle-grid' | 'action.toggle-keyboard-shortcuts.menu' | 'action.toggle-keyboard-shortcuts' | 'action.toggle-lock' | 'action.toggle-paste-at-cursor.menu' | 'action.toggle-paste-at-cursor' | 'action.toggle-reduce-motion.menu' | 'action.toggle-reduce-motion' | 'action.toggle-snap-mode.menu' | 'action.toggle-snap-mode' | 'action.toggle-tool-lock.menu' | 'action.toggle-tool-lock' | 'action.toggle-transparent.context-menu' | 'action.toggle-transparent.menu' | 'action.toggle-transparent' | 'action.toggle-wrap-mode.menu' | 'action.toggle-wrap-mode' | 'action.undo' | 'action.ungroup' | 'action.unlock-all' | 'action.zoom-in' | 'action.zoom-out' | 'action.zoom-to-100' | 'action.zoom-to-fit' | 'action.zoom-to-selection' | 'actions-menu.title' | 'align-style.end' | 'align-style.justify' | 'align-style.middle' | 'align-style.start' | 'app.loading' | 'arrow-kind-style.arc' | 'arrow-kind-style.elbow' | 'arrowheadEnd-style.arrow' | 'arrowheadEnd-style.bar' | 'arrowheadEnd-style.diamond' | 'arrowheadEnd-style.dot' | 'arrowheadEnd-style.inverted' | 'arrowheadEnd-style.none' | 'arrowheadEnd-style.pipe' | 'arrowheadEnd-style.square' | 'arrowheadEnd-style.triangle' | 'arrowheadStart-style.arrow' | 'arrowheadStart-style.bar' | 'arrowheadStart-style.diamond' | 'arrowheadStart-style.dot' | 'arrowheadStart-style.inverted' | 'arrowheadStart-style.none' | 'arrowheadStart-style.pipe' | 'arrowheadStart-style.square' | 'arrowheadStart-style.triangle' | 'assets.files.amount-too-many' | 'assets.files.size-too-big' | 'assets.files.type-not-allowed' | 'assets.files.upload-failed' | 'assets.url.failed' | 'color-style.black' | 'color-style.blue' | 'color-style.green' | 'color-style.grey' | 'color-style.light-blue' | 'color-style.light-green' | 'color-style.light-red' | 'color-style.light-violet' | 'color-style.orange' | 'color-style.red' | 'color-style.violet' | 'color-style.white' | 'color-style.yellow' | 'context-menu.arrange' | 'context-menu.copy-as' | 'context-menu.edit' | 'context-menu.export-all-as' | 'context-menu.export-as' | 'context-menu.move-to-page' | 'context-menu.reorder' | 'context-menu.title' | 'context.pages.new-page' | 'cursor-chat.type-to-chat' | 'dash-style.dashed' | 'dash-style.dotted' | 'dash-style.draw' | 'dash-style.solid' | 'document-name-menu.copy-link' | 'document.default-name' | 'edit-link-dialog.cancel' | 'edit-link-dialog.clear' | 'edit-link-dialog.detail' | 'edit-link-dialog.external-link' | 'edit-link-dialog.invalid-url' | 'edit-link-dialog.save' | 'edit-link-dialog.title' | 'edit-link-dialog.url' | 'embed-dialog.back' | 'embed-dialog.cancel' | 'embed-dialog.create' | 'embed-dialog.instruction' | 'embed-dialog.invalid-url' | 'embed-dialog.title' | 'embed-dialog.url' | 'file-system.confirm-clear.cancel' | 'file-system.confirm-clear.continue' | 'file-system.confirm-clear.description' | 'file-system.confirm-clear.dont-show-again' | 'file-system.confirm-clear.title' | 'file-system.confirm-open.cancel' | 'file-system.confirm-open.description' | 'file-system.confirm-open.dont-show-again' | 'file-system.confirm-open.open' | 'file-system.confirm-open.title' | 'file-system.file-open-error.file-format-version-too-new' | 'file-system.file-open-error.generic-corrupted-file' | 'file-system.file-open-error.not-a-tldraw-file' | 'file-system.file-open-error.title' | 'file-system.shared-document-file-open-error.description' | 'file-system.shared-document-file-open-error.title' | 'fill-style.fill' | 'fill-style.none' | 'fill-style.pattern' | 'fill-style.semi' | 'fill-style.solid' | 'focus-mode.toggle-focus-mode' | 'font-style.draw' | 'font-style.mono' | 'font-style.sans' | 'font-style.serif' | 'geo-style.arrow-down' | 'geo-style.arrow-left' | 'geo-style.arrow-right' | 'geo-style.arrow-up' | 'geo-style.check-box' | 'geo-style.cloud' | 'geo-style.diamond' | 'geo-style.ellipse' | 'geo-style.heart' | 'geo-style.hexagon' | 'geo-style.octagon' | 'geo-style.oval' | 'geo-style.pentagon' | 'geo-style.rectangle' | 'geo-style.rhombus' | 'geo-style.star' | 'geo-style.trapezoid' | 'geo-style.triangle' | 'geo-style.x-box' | 'handle.crop.bottom-left' | 'handle.crop.bottom-right' | 'handle.crop.bottom' | 'handle.crop.left' | 'handle.crop.right' | 'handle.crop.top-left' | 'handle.crop.top-right' | 'handle.crop.top' | 'handle.resize-bottom-left' | 'handle.resize-bottom-right' | 'handle.resize-bottom' | 'handle.resize-left' | 'handle.resize-right' | 'handle.resize-top-left' | 'handle.resize-top-right' | 'handle.resize-top' | 'handle.rotate.bottom_left_rotate' | 'handle.rotate.bottom_right_rotate' | 'handle.rotate.mobile_rotate' | 'handle.rotate.top_left_rotate' | 'handle.rotate.top_right_rotate' | 'help-menu.about' | 'help-menu.discord' | 'help-menu.github' | 'help-menu.import-tldr-file' | 'help-menu.keyboard-shortcuts' | 'help-menu.privacy' | 'help-menu.terms' | 'help-menu.title' | 'help-menu.twitter' | 'menu.copy-as' | 'menu.edit' | 'menu.export-as' | 'menu.file' | 'menu.language' | 'menu.preferences' | 'menu.theme' | 'menu.title' | 'menu.view' | 'navigation-zone.minimap' | 'navigation-zone.title' | 'navigation-zone.toggle-minimap' | 'navigation-zone.zoom' | 'opacity-style.0.1' | 'opacity-style.0.25' | 'opacity-style.0.5' | 'opacity-style.0.75' | 'opacity-style.1' | 'page-menu.create-new-page' | 'page-menu.edit-done' | 'page-menu.edit-start' | 'page-menu.go-to-page' | 'page-menu.max-page-count-reached' | 'page-menu.new-page-initial-name' | 'page-menu.submenu.delete' | 'page-menu.submenu.duplicate-page' | 'page-menu.submenu.move-down' | 'page-menu.submenu.move-up' | 'page-menu.submenu.rename' | 'page-menu.submenu.title' | 'page-menu.title' | 'people-menu.anonymous-user' | 'people-menu.avatar-color' | 'people-menu.change-color' | 'people-menu.change-name' | 'people-menu.follow' | 'people-menu.following' | 'people-menu.invite' | 'people-menu.leading' | 'people-menu.title' | 'people-menu.user' | 'share-menu.copied' | 'share-menu.copy-link-note' | 'share-menu.copy-link' | 'share-menu.copy-readonly-link-note' | 'share-menu.copy-readonly-link' | 'share-menu.create-snapshot-link' | 'share-menu.creating-project' | 'share-menu.fork-note' | 'share-menu.offline-note' | 'share-menu.project-too-large' | 'share-menu.save-note' | 'share-menu.share-project' | 'share-menu.snapshot-link-note' | 'share-menu.title' | 'share-menu.upload-failed' | 'sharing.confirm-leave.cancel' | 'sharing.confirm-leave.description' | 'sharing.confirm-leave.dont-show-again' | 'sharing.confirm-leave.leave' | 'sharing.confirm-leave.title' | 'shortcuts-dialog.a11y' | 'shortcuts-dialog.collaboration' | 'shortcuts-dialog.edit' | 'shortcuts-dialog.file' | 'shortcuts-dialog.preferences' | 'shortcuts-dialog.text-formatting' | 'shortcuts-dialog.title' | 'shortcuts-dialog.tools' | 'shortcuts-dialog.transform' | 'shortcuts-dialog.view' | 'size-style.l' | 'size-style.m' | 'size-style.s' | 'size-style.xl' | 'spline-style.cubic' | 'spline-style.line' | 'status.offline' | 'style-panel.align' | 'style-panel.arrow-kind' | 'style-panel.arrowhead-end' | 'style-panel.arrowhead-start' | 'style-panel.arrowheads' | 'style-panel.color' | 'style-panel.dash' | 'style-panel.fill' | 'style-panel.font' | 'style-panel.geo' | 'style-panel.label-align' | 'style-panel.mixed' | 'style-panel.opacity' | 'style-panel.position' | 'style-panel.size' | 'style-panel.spline' | 'style-panel.title' | 'style-panel.vertical-align' | 'theme.dark' | 'theme.light' | 'theme.system' | 'toast.close' | 'toast.error.copy-fail.desc' | 'toast.error.copy-fail.title' | 'toast.error.export-fail.desc' | 'toast.error.export-fail.title' | 'toast.error' | 'toast.info' | 'toast.success' | 'toast.warning' | 'tool-panel.more' | 'tool-panel.title' | 'tool.arrow-down' | 'tool.arrow-left' | 'tool.arrow-right' | 'tool.arrow-up' | 'tool.arrow' | 'tool.aspect-ratio.circle' | 'tool.aspect-ratio.landscape' | 'tool.aspect-ratio.original' | 'tool.aspect-ratio.portrait' | 'tool.aspect-ratio.square' | 'tool.aspect-ratio.wide' | 'tool.aspect-ratio' | 'tool.bookmark' | 'tool.check-box' | 'tool.cloud' | 'tool.diamond' | 'tool.draw' | 'tool.ellipse' | 'tool.embed' | 'tool.eraser' | 'tool.flip-horz' | 'tool.flip-vert' | 'tool.frame' | 'tool.hand' | 'tool.heart' | 'tool.hexagon' | 'tool.highlight' | 'tool.image-crop' | 'tool.image-toolbar-title' | 'tool.image-zoom' | 'tool.laser' | 'tool.line' | 'tool.media-alt-text-confirm' | 'tool.media-alt-text-desc' | 'tool.media-alt-text' | 'tool.media' | 'tool.note' | 'tool.octagon' | 'tool.oval' | 'tool.pentagon' | 'tool.pointer-down' | 'tool.rectangle' | 'tool.replace-media' | 'tool.rhombus' | 'tool.rich-text-bold' | 'tool.rich-text-bulletList' | 'tool.rich-text-code' | 'tool.rich-text-header' | 'tool.rich-text-highlight' | 'tool.rich-text-italic' | 'tool.rich-text-link-remove' | 'tool.rich-text-link-visit' | 'tool.rich-text-link' | 'tool.rich-text-orderedList' | 'tool.rich-text-strikethrough' | 'tool.rich-text-toolbar-title' | 'tool.rotate-cw' | 'tool.select' | 'tool.star' | 'tool.text' | 'tool.trapezoid' | 'tool.triangle' | 'tool.x-box' | 'ui.checked' | 'ui.close' | 'ui.unchecked' | 'verticalAlign-style.end' | 'verticalAlign-style.middle' | 'verticalAlign-style.start' | 'vscode.file-open.backup-failed' | 'vscode.file-open.backup-saved' | 'vscode.file-open.backup' | 'vscode.file-open.desc' | 'vscode.file-open.dont-show-again' | 'vscode.file-open.open';
+export declare type TLUiTranslationKey = 'a11y.adjust-shape-styles' | 'a11y.enlarge-shape' | 'a11y.enter-leave-container' | 'a11y.move-shape-faster' | 'a11y.move-shape' | 'a11y.multiple-shapes' | 'a11y.open-context-menu' | 'a11y.open-keyboard-shortcuts' | 'a11y.pan-camera' | 'a11y.repeat-shape' | 'a11y.rotate-shape-ccw-fine' | 'a11y.rotate-shape-ccw' | 'a11y.rotate-shape-cw-fine' | 'a11y.rotate-shape-cw' | 'a11y.select-shape-direction' | 'a11y.select-shape' | 'a11y.shape-image' | 'a11y.shape-index' | 'a11y.shape-video' | 'a11y.shrink-shape' | 'a11y.skip-to-main-content' | 'a11y.status' | 'action.align-bottom' | 'action.align-center-horizontal.short' | 'action.align-center-horizontal' | 'action.align-center-vertical.short' | 'action.align-center-vertical' | 'action.align-left' | 'action.align-right' | 'action.align-top' | 'action.back-to-content' | 'action.bring-forward' | 'action.bring-to-front' | 'action.convert-to-bookmark' | 'action.convert-to-embed' | 'action.copy-as-png.short' | 'action.copy-as-png' | 'action.copy-as-svg.short' | 'action.copy-as-svg' | 'action.copy' | 'action.cut' | 'action.delete' | 'action.distribute-horizontal.short' | 'action.distribute-horizontal' | 'action.distribute-vertical.short' | 'action.distribute-vertical' | 'action.download-original' | 'action.duplicate' | 'action.edit-link' | 'action.exit-pen-mode' | 'action.export-all-as-png.short' | 'action.export-all-as-png' | 'action.export-all-as-svg.short' | 'action.export-all-as-svg' | 'action.export-as-png.short' | 'action.export-as-png' | 'action.export-as-svg.short' | 'action.export-as-svg' | 'action.fit-frame-to-content' | 'action.flatten-to-image' | 'action.flip-horizontal.short' | 'action.flip-horizontal' | 'action.flip-vertical.short' | 'action.flip-vertical' | 'action.fork-project-on-tldraw' | 'action.fork-project' | 'action.group' | 'action.insert-embed' | 'action.insert-media' | 'action.leave-shared-project' | 'action.new-project' | 'action.new-shared-project' | 'action.open-cursor-chat' | 'action.open-embed-link' | 'action.open-file' | 'action.open-kbd-shortcuts' | 'action.pack' | 'action.paste-error-description' | 'action.paste-error-title' | 'action.paste' | 'action.print' | 'action.redo' | 'action.remove-frame' | 'action.rename' | 'action.rotate-ccw' | 'action.rotate-cw' | 'action.save-copy' | 'action.select-all' | 'action.select-none' | 'action.send-backward' | 'action.send-to-back' | 'action.share-project' | 'action.stack-horizontal.short' | 'action.stack-horizontal' | 'action.stack-vertical.short' | 'action.stack-vertical' | 'action.stop-following' | 'action.stretch-horizontal.short' | 'action.stretch-horizontal' | 'action.stretch-vertical.short' | 'action.stretch-vertical' | 'action.toggle-auto-size' | 'action.toggle-dark-mode.menu' | 'action.toggle-dark-mode' | 'action.toggle-debug-mode.menu' | 'action.toggle-debug-mode' | 'action.toggle-dynamic-size-mode.menu' | 'action.toggle-dynamic-size-mode' | 'action.toggle-edge-scrolling.menu' | 'action.toggle-edge-scrolling' | 'action.toggle-focus-mode.menu' | 'action.toggle-focus-mode' | 'action.toggle-grid.menu' | 'action.toggle-grid' | 'action.toggle-keyboard-shortcuts.menu' | 'action.toggle-keyboard-shortcuts' | 'action.toggle-lock' | 'action.toggle-paste-at-cursor.menu' | 'action.toggle-paste-at-cursor' | 'action.toggle-reduce-motion.menu' | 'action.toggle-reduce-motion' | 'action.toggle-snap-mode.menu' | 'action.toggle-snap-mode' | 'action.toggle-tool-lock.menu' | 'action.toggle-tool-lock' | 'action.toggle-transparent.context-menu' | 'action.toggle-transparent.menu' | 'action.toggle-transparent' | 'action.toggle-ui-labels.menu' | 'action.toggle-ui-labels' | 'action.toggle-wrap-mode.menu' | 'action.toggle-wrap-mode' | 'action.undo' | 'action.ungroup' | 'action.unlock-all' | 'action.zoom-in' | 'action.zoom-out' | 'action.zoom-to-100' | 'action.zoom-to-fit' | 'action.zoom-to-selection' | 'actions-menu.title' | 'align-style.end' | 'align-style.justify' | 'align-style.middle' | 'align-style.start' | 'app.loading' | 'arrow-kind-style.arc' | 'arrow-kind-style.elbow' | 'arrowheadEnd-style.arrow' | 'arrowheadEnd-style.bar' | 'arrowheadEnd-style.diamond' | 'arrowheadEnd-style.dot' | 'arrowheadEnd-style.inverted' | 'arrowheadEnd-style.none' | 'arrowheadEnd-style.pipe' | 'arrowheadEnd-style.square' | 'arrowheadEnd-style.triangle' | 'arrowheadStart-style.arrow' | 'arrowheadStart-style.bar' | 'arrowheadStart-style.diamond' | 'arrowheadStart-style.dot' | 'arrowheadStart-style.inverted' | 'arrowheadStart-style.none' | 'arrowheadStart-style.pipe' | 'arrowheadStart-style.square' | 'arrowheadStart-style.triangle' | 'assets.files.amount-too-many' | 'assets.files.size-too-big' | 'assets.files.type-not-allowed' | 'assets.files.upload-failed' | 'assets.url.failed' | 'color-style.black' | 'color-style.blue' | 'color-style.green' | 'color-style.grey' | 'color-style.light-blue' | 'color-style.light-green' | 'color-style.light-red' | 'color-style.light-violet' | 'color-style.orange' | 'color-style.red' | 'color-style.violet' | 'color-style.white' | 'color-style.yellow' | 'context-menu.arrange' | 'context-menu.copy-as' | 'context-menu.edit' | 'context-menu.export-all-as' | 'context-menu.export-as' | 'context-menu.move-to-page' | 'context-menu.reorder' | 'context-menu.title' | 'context.pages.new-page' | 'cursor-chat.type-to-chat' | 'dash-style.dashed' | 'dash-style.dotted' | 'dash-style.draw' | 'dash-style.solid' | 'document-name-menu.copy-link' | 'document.default-name' | 'edit-link-dialog.cancel' | 'edit-link-dialog.clear' | 'edit-link-dialog.detail' | 'edit-link-dialog.external-link' | 'edit-link-dialog.invalid-url' | 'edit-link-dialog.save' | 'edit-link-dialog.title' | 'edit-link-dialog.url' | 'embed-dialog.back' | 'embed-dialog.cancel' | 'embed-dialog.create' | 'embed-dialog.instruction' | 'embed-dialog.invalid-url' | 'embed-dialog.title' | 'embed-dialog.url' | 'file-system.confirm-clear.cancel' | 'file-system.confirm-clear.continue' | 'file-system.confirm-clear.description' | 'file-system.confirm-clear.dont-show-again' | 'file-system.confirm-clear.title' | 'file-system.confirm-open.cancel' | 'file-system.confirm-open.description' | 'file-system.confirm-open.dont-show-again' | 'file-system.confirm-open.open' | 'file-system.confirm-open.title' | 'file-system.file-open-error.file-format-version-too-new' | 'file-system.file-open-error.generic-corrupted-file' | 'file-system.file-open-error.not-a-tldraw-file' | 'file-system.file-open-error.title' | 'file-system.shared-document-file-open-error.description' | 'file-system.shared-document-file-open-error.title' | 'fill-style.fill' | 'fill-style.none' | 'fill-style.pattern' | 'fill-style.semi' | 'fill-style.solid' | 'focus-mode.toggle-focus-mode' | 'font-style.draw' | 'font-style.mono' | 'font-style.sans' | 'font-style.serif' | 'geo-style.arrow-down' | 'geo-style.arrow-left' | 'geo-style.arrow-right' | 'geo-style.arrow-up' | 'geo-style.check-box' | 'geo-style.cloud' | 'geo-style.diamond' | 'geo-style.ellipse' | 'geo-style.heart' | 'geo-style.hexagon' | 'geo-style.octagon' | 'geo-style.oval' | 'geo-style.pentagon' | 'geo-style.rectangle' | 'geo-style.rhombus' | 'geo-style.star' | 'geo-style.trapezoid' | 'geo-style.triangle' | 'geo-style.x-box' | 'handle.crop.bottom-left' | 'handle.crop.bottom-right' | 'handle.crop.bottom' | 'handle.crop.left' | 'handle.crop.right' | 'handle.crop.top-left' | 'handle.crop.top-right' | 'handle.crop.top' | 'handle.resize-bottom-left' | 'handle.resize-bottom-right' | 'handle.resize-bottom' | 'handle.resize-left' | 'handle.resize-right' | 'handle.resize-top-left' | 'handle.resize-top-right' | 'handle.resize-top' | 'handle.rotate.bottom_left_rotate' | 'handle.rotate.bottom_right_rotate' | 'handle.rotate.mobile_rotate' | 'handle.rotate.top_left_rotate' | 'handle.rotate.top_right_rotate' | 'help-menu.about' | 'help-menu.discord' | 'help-menu.github' | 'help-menu.import-tldr-file' | 'help-menu.keyboard-shortcuts' | 'help-menu.privacy' | 'help-menu.terms' | 'help-menu.title' | 'help-menu.twitter' | 'menu.accessibility' | 'menu.copy-as' | 'menu.edit' | 'menu.export-as' | 'menu.file' | 'menu.language' | 'menu.preferences' | 'menu.theme' | 'menu.title' | 'menu.view' | 'navigation-zone.minimap' | 'navigation-zone.title' | 'navigation-zone.toggle-minimap' | 'navigation-zone.zoom' | 'opacity-style.0.1' | 'opacity-style.0.25' | 'opacity-style.0.5' | 'opacity-style.0.75' | 'opacity-style.1' | 'page-menu.create-new-page' | 'page-menu.edit-done' | 'page-menu.edit-start' | 'page-menu.go-to-page' | 'page-menu.max-page-count-reached' | 'page-menu.new-page-initial-name' | 'page-menu.submenu.delete' | 'page-menu.submenu.duplicate-page' | 'page-menu.submenu.move-down' | 'page-menu.submenu.move-up' | 'page-menu.submenu.rename' | 'page-menu.submenu.title' | 'page-menu.title' | 'people-menu.anonymous-user' | 'people-menu.avatar-color' | 'people-menu.change-color' | 'people-menu.change-name' | 'people-menu.follow' | 'people-menu.following' | 'people-menu.invite' | 'people-menu.leading' | 'people-menu.title' | 'people-menu.user' | 'share-menu.copied' | 'share-menu.copy-link-note' | 'share-menu.copy-link' | 'share-menu.copy-readonly-link-note' | 'share-menu.copy-readonly-link' | 'share-menu.create-snapshot-link' | 'share-menu.creating-project' | 'share-menu.fork-note' | 'share-menu.offline-note' | 'share-menu.project-too-large' | 'share-menu.save-note' | 'share-menu.share-project' | 'share-menu.snapshot-link-note' | 'share-menu.title' | 'share-menu.upload-failed' | 'sharing.confirm-leave.cancel' | 'sharing.confirm-leave.description' | 'sharing.confirm-leave.dont-show-again' | 'sharing.confirm-leave.leave' | 'sharing.confirm-leave.title' | 'shortcuts-dialog.a11y' | 'shortcuts-dialog.collaboration' | 'shortcuts-dialog.edit' | 'shortcuts-dialog.file' | 'shortcuts-dialog.preferences' | 'shortcuts-dialog.text-formatting' | 'shortcuts-dialog.title' | 'shortcuts-dialog.tools' | 'shortcuts-dialog.transform' | 'shortcuts-dialog.view' | 'size-style.l' | 'size-style.m' | 'size-style.s' | 'size-style.xl' | 'spline-style.cubic' | 'spline-style.line' | 'status.offline' | 'style-panel.align' | 'style-panel.arrow-kind' | 'style-panel.arrowhead-end' | 'style-panel.arrowhead-start' | 'style-panel.arrowheads' | 'style-panel.color' | 'style-panel.dash' | 'style-panel.fill' | 'style-panel.font' | 'style-panel.geo' | 'style-panel.label-align' | 'style-panel.mixed' | 'style-panel.opacity' | 'style-panel.position' | 'style-panel.size' | 'style-panel.spline' | 'style-panel.title' | 'style-panel.vertical-align' | 'theme.dark' | 'theme.light' | 'theme.system' | 'toast.close' | 'toast.error.copy-fail.desc' | 'toast.error.copy-fail.title' | 'toast.error.export-fail.desc' | 'toast.error.export-fail.title' | 'toast.error' | 'toast.info' | 'toast.success' | 'toast.warning' | 'tool-panel.more' | 'tool-panel.title' | 'tool.arrow-down' | 'tool.arrow-left' | 'tool.arrow-right' | 'tool.arrow-up' | 'tool.arrow' | 'tool.aspect-ratio.circle' | 'tool.aspect-ratio.landscape' | 'tool.aspect-ratio.original' | 'tool.aspect-ratio.portrait' | 'tool.aspect-ratio.square' | 'tool.aspect-ratio.wide' | 'tool.aspect-ratio' | 'tool.bookmark' | 'tool.check-box' | 'tool.cloud' | 'tool.diamond' | 'tool.draw' | 'tool.ellipse' | 'tool.embed' | 'tool.eraser' | 'tool.flip-horz' | 'tool.flip-vert' | 'tool.frame' | 'tool.hand' | 'tool.heart' | 'tool.hexagon' | 'tool.highlight' | 'tool.image-crop' | 'tool.image-toolbar-title' | 'tool.image-zoom' | 'tool.laser' | 'tool.line' | 'tool.media-alt-text-confirm' | 'tool.media-alt-text-desc' | 'tool.media-alt-text' | 'tool.media' | 'tool.note' | 'tool.octagon' | 'tool.oval' | 'tool.pentagon' | 'tool.pointer-down' | 'tool.rectangle' | 'tool.replace-media' | 'tool.rhombus' | 'tool.rich-text-bold' | 'tool.rich-text-bulletList' | 'tool.rich-text-code' | 'tool.rich-text-header' | 'tool.rich-text-highlight' | 'tool.rich-text-italic' | 'tool.rich-text-link-remove' | 'tool.rich-text-link-visit' | 'tool.rich-text-link' | 'tool.rich-text-orderedList' | 'tool.rich-text-strikethrough' | 'tool.rich-text-toolbar-title' | 'tool.rotate-cw' | 'tool.select' | 'tool.star' | 'tool.text' | 'tool.trapezoid' | 'tool.triangle' | 'tool.x-box' | 'ui.checked' | 'ui.close' | 'ui.unchecked' | 'verticalAlign-style.end' | 'verticalAlign-style.middle' | 'verticalAlign-style.start' | 'vscode.file-open.backup-failed' | 'vscode.file-open.backup-saved' | 'vscode.file-open.backup' | 'vscode.file-open.desc' | 'vscode.file-open.dont-show-again' | 'vscode.file-open.open';
 
 /** @public */
 export declare interface TLUiTranslationProviderProps {
@@ -4055,12 +4224,23 @@ export declare function ToggleReduceMotionItem(): JSX_2.Element;
 /** @public @react */
 export declare function ToggleSnapModeItem(): JSX_2.Element;
 
+/** @public @react */
+export declare function ToggleToolLockedButton({ activeToolId }: ToggleToolLockedButtonProps): JSX_2.Element | null;
+
+/** @public */
+export declare interface ToggleToolLockedButtonProps {
+    activeToolId?: string;
+}
+
 /** @public @react */
 export declare function ToggleToolLockItem(): JSX_2.Element;
 
 /** @public @react */
 export declare function ToggleTransparentBgMenuItem(): JSX_2.Element;
 
+/** @public @react */
+export declare function ToggleUiLabelsItem(): JSX_2.Element;
+
 /** @public @react */
 export declare function ToggleWrapModeItem(): JSX_2.Element;
 
@@ -4294,6 +4474,9 @@ export declare function useShowCollaborationUi(): boolean;
 /** @public */
 export declare function useTldrawUiComponents(): TLUiComponents;
 
+/** @public */
+export declare function useTldrawUiOrientation(): TldrawUiOrientationContext;
+
 /** @public */
 export declare function useToasts(): TLUiToastsContextType;
 
@@ -4317,6 +4500,12 @@ export declare function useTranslation(): (id?: Exclude<string, TLUiTranslationK
 /** @public */
 export declare function useUiEvents(): TLUiEventContextType;
 
+/**
+ * Returns true if the number of UNLOCKED selected shapes is at least min or at most max.
+ * @public
+ */
+export declare function useUnlockedSelectedShapesCount(min?: number, max?: number): boolean | number;
+
 /** @public */
 export declare interface VideoShapeOptions {
     /**

package/dist-cjs/index.js

@@ -22,6 +22,7 @@ __export(index_exports, {
   ARROW_LABEL_FONT_SIZES: () => import_default_shape_constants.ARROW_LABEL_FONT_SIZES,
   ASPECT_RATIO_OPTIONS: () => import_crop.ASPECT_RATIO_OPTIONS,
   ASPECT_RATIO_TO_VALUE: () => import_crop.ASPECT_RATIO_TO_VALUE,
+  AccessibilityMenu: () => import_AccessibilityMenu.AccessibilityMenu,
   AlignMenuItems: () => import_DefaultActionsMenuContent.AlignMenuItems,
   ArrangeMenuSubmenu: () => import_menu_items.ArrangeMenuSubmenu,
   ArrowBindingUtil: () => import_ArrowBindingUtil.ArrowBindingUtil,
@@ -139,6 +140,7 @@ __export(index_exports, {
   LineShapeTool: () => import_LineShapeTool.LineShapeTool,
   LineShapeUtil: () => import_LineShapeUtil.LineShapeUtil,
   LineToolbarItem: () => import_DefaultToolbarContent.LineToolbarItem,
+  LockGroup: () => import_DefaultMainMenuContent.LockGroup,
   MiscMenuGroup: () => import_DefaultMainMenuContent.MiscMenuGroup,
   MobileStylePanel: () => import_MobileStylePanel.MobileStylePanel,
   MoveToPageMenu: () => import_menu_items.MoveToPageMenu,
@@ -195,6 +197,7 @@ __export(index_exports, {
   TextToolbarItem: () => import_DefaultToolbarContent.TextToolbarItem,
   Tldraw: () => import_Tldraw.Tldraw,
   TldrawArrowHints: () => import_TldrawOverlays.TldrawArrowHints,
+  TldrawCropHandles: () => import_TldrawCropHandles.TldrawCropHandles,
   TldrawHandles: () => import_TldrawHandles.TldrawHandles,
   TldrawImage: () => import_TldrawImage.TldrawImage,
   TldrawOverlays: () => import_TldrawOverlays.TldrawOverlays,
@@ -208,6 +211,7 @@ __export(index_exports, {
   TldrawUiButtonIcon: () => import_TldrawUiButtonIcon.TldrawUiButtonIcon,
   TldrawUiButtonLabel: () => import_TldrawUiButtonLabel.TldrawUiButtonLabel,
   TldrawUiButtonPicker: () => import_TldrawUiButtonPicker.TldrawUiButtonPicker,
+  TldrawUiColumn: () => import_layout.TldrawUiColumn,
   TldrawUiComponentsProvider: () => import_components.TldrawUiComponentsProvider,
   TldrawUiContextProvider: () => import_TldrawUiContextProvider.TldrawUiContextProvider,
   TldrawUiContextualToolbar: () => import_TldrawUiContextualToolbar.TldrawUiContextualToolbar,
@@ -227,6 +231,7 @@ __export(index_exports, {
   TldrawUiDropdownMenuSubTrigger: () => import_TldrawUiDropdownMenu.TldrawUiDropdownMenuSubTrigger,
   TldrawUiDropdownMenuTrigger: () => import_TldrawUiDropdownMenu.TldrawUiDropdownMenuTrigger,
   TldrawUiEventsProvider: () => import_events.TldrawUiEventsProvider,
+  TldrawUiGrid: () => import_layout.TldrawUiGrid,
   TldrawUiIcon: () => import_TldrawUiIcon.TldrawUiIcon,
   TldrawUiInput: () => import_TldrawUiInput.TldrawUiInput,
   TldrawUiKbd: () => import_TldrawUiKbd.TldrawUiKbd,
@@ -238,15 +243,19 @@ __export(index_exports, {
   TldrawUiMenuItem: () => import_TldrawUiMenuItem.TldrawUiMenuItem,
   TldrawUiMenuSubmenu: () => import_TldrawUiMenuSubmenu.TldrawUiMenuSubmenu,
   TldrawUiMenuToolItem: () => import_TldrawUiMenuToolItem.TldrawUiMenuToolItem,
+  TldrawUiOrientationProvider: () => import_layout.TldrawUiOrientationProvider,
   TldrawUiPopover: () => import_TldrawUiPopover.TldrawUiPopover,
   TldrawUiPopoverContent: () => import_TldrawUiPopover.TldrawUiPopoverContent,
   TldrawUiPopoverTrigger: () => import_TldrawUiPopover.TldrawUiPopoverTrigger,
+  TldrawUiRow: () => import_layout.TldrawUiRow,
   TldrawUiSlider: () => import_TldrawUiSlider.TldrawUiSlider,
   TldrawUiToastsProvider: () => import_toasts.TldrawUiToastsProvider,
   TldrawUiToolbar: () => import_TldrawUiToolbar.TldrawUiToolbar,
   TldrawUiToolbarButton: () => import_TldrawUiToolbar.TldrawUiToolbarButton,
   TldrawUiToolbarToggleGroup: () => import_TldrawUiToolbar.TldrawUiToolbarToggleGroup,
   TldrawUiToolbarToggleItem: () => import_TldrawUiToolbar.TldrawUiToolbarToggleItem,
+  TldrawUiTooltip: () => import_TldrawUiTooltip.TldrawUiTooltip,
+  TldrawUiTooltipProvider: () => import_TldrawUiTooltip.TldrawUiTooltipProvider,
   TldrawUiTranslationProvider: () => import_useTranslation.TldrawUiTranslationProvider,
   ToggleAutoSizeMenuItem: () => import_menu_items.ToggleAutoSizeMenuItem,
   ToggleDebugModeItem: () => import_menu_items.ToggleDebugModeItem,
@@ -260,7 +269,9 @@ __export(index_exports, {
   ToggleReduceMotionItem: () => import_menu_items.ToggleReduceMotionItem,
   ToggleSnapModeItem: () => import_menu_items.ToggleSnapModeItem,
   ToggleToolLockItem: () => import_menu_items.ToggleToolLockItem,
+  ToggleToolLockedButton: () => import_ToggleToolLockedButton.ToggleToolLockedButton,
   ToggleTransparentBgMenuItem: () => import_menu_items.ToggleTransparentBgMenuItem,
+  ToggleUiLabelsItem: () => import_menu_items.ToggleUiLabelsItem,
   ToggleWrapModeItem: () => import_menu_items.ToggleWrapModeItem,
   ToolbarItem: () => import_DefaultToolbarContent.ToolbarItem,
   TrapezoidToolbarItem: () => import_DefaultToolbarContent.TrapezoidToolbarItem,
@@ -307,11 +318,14 @@ __export(index_exports, {
   getArrowBindings: () => import_shared.getArrowBindings,
   getArrowInfo: () => import_shared.getArrowInfo,
   getArrowTerminalsInArrowSpace: () => import_shared.getArrowTerminalsInArrowSpace,
+  getAssetInfo: () => import_defaultExternalContentHandlers.getAssetInfo,
   getCropBox: () => import_crop.getCropBox,
   getDefaultCrop: () => import_crop.getDefaultCrop,
   getEmbedInfo: () => import_embeds.getEmbedInfo,
+  getHitShapeOnCanvasPointerDown: () => import_getHitShapeOnCanvasPointerDown.getHitShapeOnCanvasPointerDown,
   getMediaAssetInfoPartial: () => import_defaultExternalContentHandlers.getMediaAssetInfoPartial,
   getUncroppedSize: () => import_crop.getUncroppedSize,
+  onDragFromToolbarToCreateShape: () => import_useTools.onDragFromToolbarToCreateShape,
   parseAndLoadDocument: () => import_file.parseAndLoadDocument,
   parseTldrawJsonFile: () => import_file.parseTldrawJsonFile,
   preloadFont: () => import_preload_font.preloadFont,
@@ -360,18 +374,22 @@ __export(index_exports, {
   useSelectedShapesAnnouncer: () => import_A11y.useSelectedShapesAnnouncer,
   useShowCollaborationUi: () => import_useCollaborationStatus.useShowCollaborationUi,
   useTldrawUiComponents: () => import_components.useTldrawUiComponents,
+  useTldrawUiOrientation: () => import_layout.useTldrawUiOrientation,
   useToasts: () => import_toasts.useToasts,
   useTools: () => import_useTools.useTools,
   useTranslation: () => import_useTranslation2.useTranslation,
-  useUiEvents: () => import_events.useUiEvents
+  useUiEvents: () => import_events.useUiEvents,
+  useUnlockedSelectedShapesCount: () => import_menu_hooks.useUnlockedSelectedShapesCount
 });
 module.exports = __toCommonJS(index_exports);
 var import_editor = require("@tldraw/editor");
 var import_PathBuilder = require("./lib/shapes/shared/PathBuilder");
 var import_usePrefersReducedMotion = require("./lib/shapes/shared/usePrefersReducedMotion");
 var import_A11y = require("./lib/ui/components/A11y");
+var import_AccessibilityMenu = require("./lib/ui/components/AccessibilityMenu");
 var import_ColorSchemeMenu = require("./lib/ui/components/ColorSchemeMenu");
 var import_Dialogs = require("./lib/ui/components/Dialogs");
+var import_layout = require("./lib/ui/components/primitives/layout");
 var import_TldrawUiMenuActionCheckboxItem = require("./lib/ui/components/primitives/menus/TldrawUiMenuActionCheckboxItem");
 var import_TldrawUiMenuActionItem = require("./lib/ui/components/primitives/menus/TldrawUiMenuActionItem");
 var import_TldrawUiMenuToolItem = require("./lib/ui/components/primitives/menus/TldrawUiMenuToolItem");
@@ -379,6 +397,7 @@ var import_Toasts = require("./lib/ui/components/Toasts");
 var import_useTranslation = require("./lib/ui/hooks/useTranslation/useTranslation");
 __reExport(index_exports, require("@tldraw/editor"), module.exports);
 var import_ArrowBindingUtil = require("./lib/bindings/arrow/ArrowBindingUtil");
+var import_TldrawCropHandles = require("./lib/canvas/TldrawCropHandles");
 var import_TldrawHandles = require("./lib/canvas/TldrawHandles");
 var import_TldrawOverlays = require("./lib/canvas/TldrawOverlays");
 var import_TldrawScribble = require("./lib/canvas/TldrawScribble");
@@ -428,6 +447,7 @@ var import_TldrawImage = require("./lib/TldrawImage");
 var import_EraserTool = require("./lib/tools/EraserTool/EraserTool");
 var import_HandTool = require("./lib/tools/HandTool/HandTool");
 var import_LaserTool = require("./lib/tools/LaserTool/LaserTool");
+var import_getHitShapeOnCanvasPointerDown = require("./lib/tools/selection-logic/getHitShapeOnCanvasPointerDown");
 var import_SelectTool = require("./lib/tools/SelectTool/SelectTool");
 var import_ZoomTool = require("./lib/tools/ZoomTool/ZoomTool");
 var import_assetUrls = require("./lib/ui/assetUrls");
@@ -474,6 +494,7 @@ var import_TldrawUiKbd = require("./lib/ui/components/primitives/TldrawUiKbd");
 var import_TldrawUiPopover = require("./lib/ui/components/primitives/TldrawUiPopover");
 var import_TldrawUiSlider = require("./lib/ui/components/primitives/TldrawUiSlider");
 var import_TldrawUiToolbar = require("./lib/ui/components/primitives/TldrawUiToolbar");
+var import_TldrawUiTooltip = require("./lib/ui/components/primitives/TldrawUiTooltip");
 var import_DefaultQuickActions = require("./lib/ui/components/QuickActions/DefaultQuickActions");
 var import_DefaultQuickActionsContent = require("./lib/ui/components/QuickActions/DefaultQuickActionsContent");
 var import_DefaultSharePanel = require("./lib/ui/components/SharePanel/DefaultSharePanel");
@@ -490,6 +511,7 @@ var import_DefaultToolbarContent = require("./lib/ui/components/Toolbar/DefaultT
 var import_DefaultVideoToolbar = require("./lib/ui/components/Toolbar/DefaultVideoToolbar");
 var import_DefaultVideoToolbarContent = require("./lib/ui/components/Toolbar/DefaultVideoToolbarContent");
 var import_OverflowingToolbar = require("./lib/ui/components/Toolbar/OverflowingToolbar");
+var import_ToggleToolLockedButton = require("./lib/ui/components/Toolbar/ToggleToolLockedButton");
 var import_CenteredTopPanelContainer = require("./lib/ui/components/TopPanel/CenteredTopPanelContainer");
 var import_DefaultTopPanel = require("./lib/ui/components/TopPanel/DefaultTopPanel");
 var import_DefaultZoomMenu = require("./lib/ui/components/ZoomMenu/DefaultZoomMenu");
@@ -534,7 +556,7 @@ var import_buildFromV1Document = require("./lib/utils/tldr/buildFromV1Document")
 var import_file = require("./lib/utils/tldr/file");
 (0, import_editor.registerTldrawLibraryVersion)(
   "tldraw",
-  "3.15.0",
+  "3.16.0-canary.03ed24d72068",
   "cjs"
 );
 //# sourceMappingURL=index.js.map