tldraw 4.2.2 → 4.2.3

package/src/test/test-jsx.tsx

@@ -5,7 +5,8 @@ import {
 	TLBinding,
 	TLBindingCreate,
 	TLBindingId,
-	TLShape,
+	TLDefaultBinding,
+	TLDefaultShape,
 	TLShapeId,
 	TLShapePartial,
 	ZERO_INDEX_KEY,
@@ -19,13 +20,9 @@ import {
 } from '@tldraw/editor'
 import React, { Fragment } from 'react'
 
-// Re-export test helpers from their new location
-export { base64ToPoints, createDrawSegments, pointsToBase64 } from '../lib/utils/test-helpers'
-
 const shapeTypeSymbol = Symbol('shapeJsx')
 const assetTypeSymbol = Symbol('assetJsx')
 const bindingTypeSymbol = Symbol('bindingJsx')
-
 interface CommonShapeProps {
 	x?: number
 	y?: number
@@ -37,6 +34,7 @@ interface CommonShapeProps {
 	opacity?: number
 }
 
+type ShapeByType<Type extends TLDefaultShape['type']> = Extract<TLDefaultShape, { type: Type }>
 type FormatShapeProps<Props extends object> = {
 	[K in keyof Props]?: Props[K] extends TLAssetId
 		? TLAssetId | React.JSX.Element
@@ -44,39 +42,24 @@ type FormatShapeProps<Props extends object> = {
 			? TLAssetId | React.JSX.Element | null
 			: Props[K]
 }
-type PropsForShape<Type extends TLShape['type']> = CommonShapeProps &
-	FormatShapeProps<TLShape<Type>['props']>
+type PropsForShape<Type extends string> = Type extends TLDefaultShape['type']
+	? CommonShapeProps & FormatShapeProps<ShapeByType<Type>['props']>
+	: CommonShapeProps & Record<string, unknown>
 
 type AssetByType<Type extends TLAsset['type']> = Extract<TLAsset, { type: Type }>
 type PropsForAsset<Type extends string> = Type extends TLAsset['type']
 	? Partial<AssetByType<Type>['props']>
 	: Record<string, unknown>
 
-interface BindingReactConnections {
+interface CommonBindingProps {
 	from?: string | TLShapeId
 	to: string | TLShapeId
 }
 
-interface CommonBindingReactProps extends BindingReactConnections {
-	ref?: string
-	id?: TLBindingId
-}
-
-type ReactPropsForBinding<Type extends TLBinding['type']> = CommonBindingReactProps &
-	Partial<TLBinding<Type>['props']>
-
-type BindingToCreate = TLBinding extends infer E
-	? E extends TLBinding
-		? {
-				type: E['type']
-				props: Partial<TLBinding<E['type']>['props']>
-				id: TLBindingId | undefined
-				parentId: TLShapeId | undefined
-				ref: string | undefined
-				connections: BindingReactConnections
-			}
-		: never
-	: never
+type BindingByType<Type extends TLBinding['type']> = Extract<TLBinding, { type: Type }>
+type PropsForBinding<Type extends string> = Type extends TLBinding['type']
+	? CommonBindingProps & Partial<BindingByType<Type>['props']>
+	: CommonBindingProps & Record<string, unknown>
 
 const createElement = (
 	type: typeof shapeTypeSymbol | typeof assetTypeSymbol | typeof bindingTypeSymbol,
@@ -107,9 +90,10 @@ const tlBinding = new Proxy(
 			return createElement(bindingTypeSymbol, key as string)
 		},
 	}
-) as {
-	[K in TLBinding['type']]: (props: ReactPropsForBinding<K>) => null
-}
+) as { [K in TLDefaultBinding['type']]: (props: PropsForBinding<K>) => null } & Record<
+	string,
+	(props: PropsForBinding<string>) => null
+>
 
 /**
  * TL - jsx helpers for creating tldraw shapes in test cases
@@ -128,8 +112,8 @@ export const TL = new Proxy(
 		},
 	}
 ) as { asset: typeof tlAsset; binding: typeof tlBinding } & {
-	[K in TLShape['type']]: (props: PropsForShape<K>) => null
-}
+	[K in TLDefaultShape['type']]: (props: PropsForShape<K>) => null
+} & Record<string, (props: PropsForShape<string>) => null>
 
 export function shapesFromJsx(shapes: React.JSX.Element | Array<React.JSX.Element>, idPrefix = '') {
 	const ids = { bindings: {} } as Record<string, TLShapeId> & {
@@ -138,7 +122,12 @@ export function shapesFromJsx(shapes: React.JSX.Element | Array<React.JSX.Elemen
 	const currentPageShapes: Array<TLShapePartial> = []
 	const assets: Array<TLAsset> = []
 
-	const bindingsToCreate: Array<BindingToCreate> = []
+	const bindingsToCreate: Array<{
+		type: string
+		props: Record<string, unknown>
+		parentId: TLShapeId | undefined
+		ref: string | undefined
+	}> = []
 
 	function addChildren(
 		children: React.JSX.Element | Array<React.JSX.Element>,
@@ -163,21 +152,10 @@ export function shapesFromJsx(shapes: React.JSX.Element | Array<React.JSX.Elemen
 			}
 
 			if (el.type[bindingTypeSymbol]) {
-				const bindingType = (el.type as any)[bindingTypeSymbol] as TLBinding['type']
-				const { id, from, to, ref, ...props } = el.props
-				const bindingRef: unknown = (el as any).ref || ref
-				assert(
-					bindingRef === undefined || typeof bindingRef === 'string',
-					'ref must be string or undefined'
-				)
-				bindingsToCreate.push({
-					type: bindingType,
-					props,
-					id,
-					parentId,
-					ref: bindingRef,
-					connections: { from, to },
-				})
+				const bindingType = (el.type as any)[bindingTypeSymbol] as string
+				const ref = ((el as any).ref || el.props.ref) as string | undefined
+				assert(ref === undefined || typeof ref === 'string', 'ref must be string or undefined')
+				bindingsToCreate.push({ type: bindingType, props: el.props, parentId, ref })
 			} else {
 				const shapeType = (el.type as any)[shapeTypeSymbol] as string
 				if (!shapeType) {
@@ -261,48 +239,55 @@ export function shapesFromJsx(shapes: React.JSX.Element | Array<React.JSX.Elemen
 	addChildren(shapes)
 
 	const bindings: TLBindingCreate[] = []
-	for (const { id, parentId, ref, connections, ...binding } of bindingsToCreate) {
+	for (const binding of bindingsToCreate) {
 		let fromId: TLShapeId, toId: TLShapeId
-		if (connections.from) {
-			assert(typeof connections.from === 'string', 'from must be a ref string or a shape id')
-			if (isShapeId(connections.from)) {
-				fromId = connections.from
+		if (binding.props.from) {
+			assert(typeof binding.props.from === 'string', 'from must be a ref string or a shape id')
+			if (isShapeId(binding.props.from)) {
+				fromId = binding.props.from
 			} else {
-				assert(ids[connections.from], `Ref not found: ${connections.from}`)
-				fromId = ids[connections.from]
+				assert(ids[binding.props.from], `Ref not found: ${binding.props.from}`)
+				fromId = ids[binding.props.from]
 			}
-		} else if (parentId) {
-			fromId = parentId
+		} else if (binding.parentId) {
+			fromId = binding.parentId
 		} else {
 			throw new Error('from must be specified, or binding must be a child of a shape')
 		}
 
-		assert(connections.to, 'to must be specified')
-		assert(typeof connections.to === 'string', 'to must be a ref string or a shape id')
-		if (isShapeId(connections.to)) {
-			toId = connections.to
+		assert(binding.props.to, 'to must be specified')
+		assert(typeof binding.props.to === 'string', 'to must be a ref string or a shape id')
+		if (isShapeId(binding.props.to)) {
+			toId = binding.props.to
 		} else {
-			assert(ids[connections.to], `Ref not found: ${connections.to}`)
-			toId = ids[connections.to]
+			assert(ids[binding.props.to], `Ref not found: ${binding.props.to}`)
+			toId = ids[binding.props.to]
 		}
 
-		let bindingId = id
-		if (ref) {
-			assert(typeof ref === 'string', 'binding ref must be string')
-			assert(!ids.bindings[ref], `Duplicate ref: ${ref}`)
-			assert(!bindingId, `Cannot use both ref and id on binding: ${ref}`)
-			bindingId = createBindingId(`${idPrefix}${ref}`)
-			ids.bindings[ref] = bindingId
+		let bindingId: TLBindingId = binding.props.id as TLBindingId
+		if (binding.ref) {
+			assert(typeof binding.ref === 'string', 'binding ref must be string')
+			assert(!ids.bindings[binding.ref], `Duplicate ref: ${binding.ref}`)
+			assert(!bindingId, `Cannot use both ref and id on binding: ${binding.ref}`)
+			bindingId = createBindingId(`${idPrefix}${binding.ref}`)
+			ids.bindings[binding.ref] = bindingId
 		}
 		if (!bindingId) {
 			bindingId = createBindingId()
 		}
 
+		const props = { ...binding.props }
+		delete props.ref
+		delete props.id
+		delete props.from
+		delete props.to
+
 		bindings.push({
-			...binding,
 			id: bindingId,
+			type: binding.type,
 			fromId,
 			toId,
+			props,
 		})
 	}
 

package/src/test/text.test.ts

@@ -1,4 +1,4 @@
-import { createShapeId, toRichText } from '@tldraw/editor'
+import { TLTextShape, createShapeId, toRichText } from '@tldraw/editor'
 import { TestEditor } from './TestEditor'
 
 let editor: TestEditor
@@ -13,7 +13,7 @@ afterEach(() => {
 describe('When editing text', () => {
 	it('preserves the top center when center aligned', () => {
 		const id = createShapeId()
-		editor.createShapes([
+		editor.createShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -27,7 +27,7 @@ describe('When editing text', () => {
 			},
 		])
 		const boundsA = editor.getShapePageBounds(id)
-		editor.updateShapes([
+		editor.updateShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -47,7 +47,7 @@ describe('When editing text', () => {
 
 	it('preserved the right center when center aligned and rotated 90deg', () => {
 		const id = createShapeId()
-		editor.createShapes([
+		editor.createShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -63,7 +63,9 @@ describe('When editing text', () => {
 		])
 
 		const boundsA = editor.getShapePageBounds(id)!
-		editor.updateShapes([{ id, type: 'text', props: { richText: toRichText('Hello, world!') } }])
+		editor.updateShapes<TLTextShape>([
+			{ id, type: 'text', props: { richText: toRichText('Hello, world!') } },
+		])
 		const boundsB = editor.getShapePageBounds(id)!
 		expect(boundsA.x).toBeCloseTo(boundsB.x)
 		expect(boundsA.y).not.toBeCloseTo(boundsB.y)
@@ -73,7 +75,7 @@ describe('When editing text', () => {
 
 	it('preserves the top left corner when start aligned', () => {
 		const id = createShapeId()
-		editor.createShapes([
+		editor.createShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -87,7 +89,7 @@ describe('When editing text', () => {
 			},
 		])
 		const boundsA = editor.getShapePageBounds(id)
-		editor.updateShapes([
+		editor.updateShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -107,7 +109,7 @@ describe('When editing text', () => {
 
 	it('preserves the top right edge when end aligned', () => {
 		const id = createShapeId()
-		editor.createShapes([
+		editor.createShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -121,7 +123,7 @@ describe('When editing text', () => {
 			},
 		])
 		const boundsA = editor.getShapePageBounds(id)
-		editor.updateShapes([
+		editor.updateShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -143,7 +145,7 @@ describe('When editing text', () => {
 describe('When changing text size', () => {
 	it('preserves the center when center aligned', () => {
 		const id = createShapeId()
-		editor.createShapes([
+		editor.createShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -158,7 +160,7 @@ describe('When changing text size', () => {
 			},
 		])
 		const boundsA = editor.getShapePageBounds(id)
-		editor.updateShapes([
+		editor.updateShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -178,7 +180,7 @@ describe('When changing text size', () => {
 
 	it('preserves the center left point when start aligned', () => {
 		const id = createShapeId()
-		editor.createShapes([
+		editor.createShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -193,7 +195,7 @@ describe('When changing text size', () => {
 			},
 		])
 		const boundsA = editor.getShapePageBounds(id)
-		editor.updateShapes([
+		editor.updateShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -213,7 +215,7 @@ describe('When changing text size', () => {
 
 	it('preserves the top right edge when end aligned', () => {
 		const id = createShapeId()
-		editor.createShapes([
+		editor.createShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',
@@ -228,7 +230,7 @@ describe('When changing text size', () => {
 			},
 		])
 		const boundsA = editor.getShapePageBounds(id)
-		editor.updateShapes([
+		editor.updateShapes<TLTextShape>([
 			{
 				id,
 				type: 'text',

package/src/test/translating.test.ts

@@ -1749,7 +1749,9 @@ describe('translating a shape with a bound shape', () => {
 
 		const newArrow = editor
 			.getCurrentPageShapes()
-			.find((s) => editor.isShapeOfType(s, 'arrow') && s.id !== arrow1)! as TLArrowShape
+			.find(
+				(s) => editor.isShapeOfType<TLArrowShape>(s, 'arrow') && s.id !== arrow1
+			)! as TLArrowShape
 		expect(getArrowBindings(editor, newArrow)).toMatchObject({
 			start: { type: 'arrow' },
 			end: undefined,
@@ -2059,7 +2061,7 @@ describe('Note shape grid helper positions / pits', () => {
 		editor
 			.createShape({ type: 'note' })
 			.createShape({ type: 'note', x: 500, y: 500 })
-			.updateShape({ ...editor.getLastCreatedShape<TLNoteShape>(), props: { growY: 100 } })
+			.updateShape({ ...editor.getLastCreatedShape(), props: { growY: 100 } })
 			.pointerMove(600, 600)
 			// start translating
 			.pointerDown()
@@ -2078,7 +2080,7 @@ describe('Note shape grid helper positions / pits', () => {
 	it('Snaps correctly to the bottom when the not-translating shape has growY', () => {
 		editor
 			.createShape({ type: 'note' })
-			.updateShape({ ...editor.getLastCreatedShape<TLNoteShape>(), props: { growY: 100 } })
+			.updateShape({ ...editor.getLastCreatedShape(), props: { growY: 100 } })
 			.createShape({ type: 'note', x: 500, y: 500 })
 			.pointerMove(600, 600)
 			// start translating
@@ -2181,7 +2183,7 @@ describe('Note shape grid helper positions / pits', () => {
 
 describe('cancelling a translate operation', () => {
 	it('undoes any changes since the start of the translate operation', () => {
-		editor.createShape({
+		editor.createShape<TLGeoShape>({
 			type: 'geo',
 			x: 0,
 			y: 0,
@@ -2218,7 +2220,7 @@ describe('cancelling a translate operation', () => {
 		const shapeId = createShapeId()
 
 		editor
-			.createShape({
+			.createShape<TLGeoShape>({
 				id: shapeId,
 				type: 'geo',
 				x: 0,
@@ -2266,7 +2268,7 @@ describe('cancelling a translate operation', () => {
 		const shapeId = createShapeId()
 
 		editor
-			.createShape({
+			.createShape<TLGeoShape>({
 				id: shapeId,
 				type: 'geo',
 				x: 0,

package/tldraw.css

@@ -611,6 +611,7 @@ input,
 	pointer-events: all;
 	white-space: pre-wrap;
 	overflow-wrap: break-word;
+	text-shadow: var(--tl-text-outline);
 }
 
 .tl-text-wrapper[data-font='draw'] {
@@ -712,7 +713,7 @@ input,
 	resize: none;
 	border: none;
 	user-select: none;
-	contain: layout style paint;
+	contain: style paint;
 	/* N.B. This property, while discouraged ("intended for Document Type Definition (DTD) designers") is necessary for ensuring correct mixed RTL/LTR behavior when exporting SVGs. */
 	unicode-bidi: plaintext;
 	-webkit-user-select: none;
@@ -773,6 +774,7 @@ input,
 	justify-content: center;
 	align-items: center;
 	color: var(--tl-color-text);
+	text-shadow: var(--tl-text-outline);
 	line-height: inherit;
 	position: absolute;
 	inset: 0px;
@@ -972,14 +974,6 @@ input,
 	display: block;
 }
 
-.tl-text__outline {
-	text-shadow: var(--tl-text-outline);
-}
-
-.tl-text__no-outline {
-	text-shadow: none;
-}
-
 /* --------------------- Loading -------------------- */
 
 .tl-loading {
@@ -1144,12 +1138,14 @@ input,
 	fill: none;
 }
 
-.tl-container[data-coarse='true'] .tl-handle__bg:active {
-	fill: var(--tl-color-selection-fill);
-}
+@media (pointer: coarse) {
+	.tl-handle__bg:active {
+		fill: var(--tl-color-selection-fill);
+	}
 
-.tl-container[data-coarse='true'] .tl-handle__create {
-	opacity: 1;
+	.tl-handle__create {
+		opacity: 1;
+	}
 }
 
 .tl-rotate-corner:not(:hover),
@@ -1225,6 +1221,7 @@ input,
 	align-items: center;
 	text-align: center;
 	color: var(--tl-color-text);
+	text-shadow: var(--tl-text-outline);
 }
 
 .tl-shape[data-shape-type='arrow'] .tl-text-label__inner {
@@ -1453,6 +1450,7 @@ input,
 }
 
 .tl-note__container > .tl-text-label {
+	text-shadow: none;
 	color: currentColor;
 }
 
@@ -2317,10 +2315,12 @@ it from receiving any pointer events or affecting the cursor. */
 /* If mobile use 16px as font size */
 /* On iOS, font size under 16px in an input will make the page zoom into the input 🤦‍♂️ */
 /* https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/ */
-@supports (-webkit-touch-callout: none) {
-	/* CSS specific to iOS devices */
-	.tlui-input {
-		font-size: 16px;
+@media (max-width: 600px) {
+	@supports (-webkit-touch-callout: none) {
+		/* CSS specific to iOS devices */
+		.tlui-input {
+			font-size: 16px;
+		}
 	}
 }
 
@@ -2412,31 +2412,25 @@ it from receiving any pointer events or affecting the cursor. */
 
 /* Submenu triggers */
 
-.tlui-menu__submenu__trigger {
-	--gradient-angle: 90deg;
-}
-
-.tlui-menu__submenu__trigger[data-direction='left'] {
-	--gradient-angle: 270deg;
+.tlui-menu__submenu__trigger[data-state='open']::after {
+	opacity: 1;
+	background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
 }
 
-.tlui-menu__submenu__trigger[data-state='open']::after {
+.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']::after {
 	opacity: 1;
-	background: linear-gradient(
-		var(--gradient-angle),
-		rgba(144, 144, 144, 0) 0%,
-		var(--tl-color-muted-2) 100%
-	);
+	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
 }
 
 @media (hover: hover) {
-	.tlui-menu__submenu__trigger:is(:hover, [data-state='open'])::after {
+	.tlui-menu__submenu__trigger[data-state='open']:not(:hover)::after {
 		opacity: 1;
-		background: linear-gradient(
-			var(--gradient-angle),
-			rgba(144, 144, 144, 0) 0%,
-			var(--tl-color-muted-2) 100%
-		);
+		background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	}
+
+	.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']:not(:hover)::after {
+		opacity: 1;
+		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
 	}
 }
 
@@ -2715,8 +2709,10 @@ it from receiving any pointer events or affecting the cursor. */
 	}
 }
 
-.tl-container[data-coarse='true'] .tlui-page_menu__item__submenu > .tlui-button {
-	opacity: 1;
+@media (any-pointer: coarse) {
+	.tlui-page_menu__item__submenu > .tlui-button {
+		opacity: 1;
+	}
 }
 
 .tlui-button__icon {
@@ -2755,15 +2751,16 @@ it from receiving any pointer events or affecting the cursor. */
 
 .tlui-offline-indicator {
 	display: flex;
-	color: var(--tl-color-background);
-	background-color: var(--tl-color-text);
-	border: none;
-	width: 32px;
-	height: 32px;
+	flex-direction: row;
+	gap: var(--tl-space-3);
+	color: var(--tl-color-text);
+	background-color: var(--tl-color-low);
+	border: 3px solid var(--tl-color-background);
+	padding: 0px var(--tl-space-5);
+	height: 42px;
 	align-items: center;
 	justify-content: center;
 	border-radius: 99px;
-	cursor: default;
 	opacity: 0;
 	animation: tl-fade-in;
 	animation-duration: 0.12s;
@@ -3081,7 +3078,6 @@ tldraw? probably.
 	position: relative;
 	background: var(--tl-color-panel);
 	box-shadow: var(--tl-shadow-2);
-	contain: layout style paint;
 }
 
 .tlui-main-toolbar--horizontal .tlui-main-toolbar__mobile-style-panel {

package/dist-cjs/lib/shapes/shared/useEfficientZoomThreshold.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/shapes/shared/useEfficientZoomThreshold.ts"],
-  "sourcesContent": ["import { useEditor, useValue } from '@tldraw/editor'\n\n/** Returns true when zoomed out far enough that shapes should render in a simplified \"solid\" style. */\nexport function useEfficientZoomThreshold(threshold = 0.25) {\n\tconst editor = useEditor()\n\treturn useValue('efficient zoom threshold', () => editor.getEfficientZoomLevel() < threshold, [\n\t\teditor,\n\t\tthreshold,\n\t])\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAG7B,SAAS,0BAA0B,YAAY,MAAM;AAC3D,QAAM,aAAS,yBAAU;AACzB,aAAO,wBAAS,4BAA4B,MAAM,OAAO,sBAAsB,IAAI,WAAW;AAAA,IAC7F;AAAA,IACA;AAAA,EACD,CAAC;AACF;",
-  "names": []
-}

package/dist-cjs/lib/utils/test-helpers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/lib/utils/test-helpers.ts"],
-  "sourcesContent": ["import type { TLDrawShapeSegment, VecModel } from '@tldraw/editor'\nimport { b64Vecs, compressLegacySegments } from '@tldraw/editor'\n\n/**\n * Helper function to convert draw shape points from VecModel[] to base64 string.\n * This is useful for tests that create draw shapes with the legacy array format.\n *\n * @example\n * ```ts\n * const segments = [{ type: 'free', points: pointsToBase64([{x: 0, y: 0, z: 0.5}]) }]\n * ```\n *\n * @public\n */\nexport function pointsToBase64(points: VecModel[]): string {\n\treturn b64Vecs.encodePoints(points)\n}\n\n/**\n * Helper function to convert base64 string back to VecModel[] points.\n * This is useful for tests that need to inspect draw shape points.\n *\n * @example\n * ```ts\n * const points = base64ToPoints(shape.props.segments[0].points)\n * expect(points[0].x).toBe(0)\n * ```\n *\n * @public\n */\nexport function base64ToPoints(base64: string): VecModel[] {\n\treturn b64Vecs.decodePoints(base64)\n}\n\n/**\n * Helper function to create draw shape segments from legacy array format.\n * This allows tests to use the old format while the shape uses the new base64 format.\n *\n * @example\n * ```ts\n * editor.createShapes([{\n *   type: 'draw',\n *   props: {\n *     segments: createDrawSegments([[{x: 0, y: 0}, {x: 10, y: 10}]])\n *   }\n * }])\n * ```\n * @public\n */\nexport function createDrawSegments(\n\tpointArrays: VecModel[][],\n\ttype: 'free' | 'straight' = 'free'\n): TLDrawShapeSegment[] {\n\treturn compressLegacySegments(\n\t\tpointArrays.map((points) => ({\n\t\t\ttype,\n\t\t\tpoints,\n\t\t}))\n\t)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAgD;AAazC,SAAS,eAAe,QAA4B;AAC1D,SAAO,sBAAQ,aAAa,MAAM;AACnC;AAcO,SAAS,eAAe,QAA4B;AAC1D,SAAO,sBAAQ,aAAa,MAAM;AACnC;AAiBO,SAAS,mBACf,aACA,OAA4B,QACL;AACvB,aAAO;AAAA,IACN,YAAY,IAAI,CAAC,YAAY;AAAA,MAC5B;AAAA,MACA;AAAA,IACD,EAAE;AAAA,EACH;AACD;",
-  "names": []
-}

package/dist-esm/lib/shapes/shared/useEfficientZoomThreshold.mjs

@@ -1,12 +0,0 @@
-import { useEditor, useValue } from "@tldraw/editor";
-function useEfficientZoomThreshold(threshold = 0.25) {
-  const editor = useEditor();
-  return useValue("efficient zoom threshold", () => editor.getEfficientZoomLevel() < threshold, [
-    editor,
-    threshold
-  ]);
-}
-export {
-  useEfficientZoomThreshold
-};
-//# sourceMappingURL=useEfficientZoomThreshold.mjs.map

package/dist-esm/lib/shapes/shared/useEfficientZoomThreshold.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/shapes/shared/useEfficientZoomThreshold.ts"],
-  "sourcesContent": ["import { useEditor, useValue } from '@tldraw/editor'\n\n/** Returns true when zoomed out far enough that shapes should render in a simplified \"solid\" style. */\nexport function useEfficientZoomThreshold(threshold = 0.25) {\n\tconst editor = useEditor()\n\treturn useValue('efficient zoom threshold', () => editor.getEfficientZoomLevel() < threshold, [\n\t\teditor,\n\t\tthreshold,\n\t])\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAG7B,SAAS,0BAA0B,YAAY,MAAM;AAC3D,QAAM,SAAS,UAAU;AACzB,SAAO,SAAS,4BAA4B,MAAM,OAAO,sBAAsB,IAAI,WAAW;AAAA,IAC7F;AAAA,IACA;AAAA,EACD,CAAC;AACF;",
-  "names": []
-}

package/dist-esm/lib/utils/test-helpers.mjs

@@ -1,21 +0,0 @@
-import { b64Vecs, compressLegacySegments } from "@tldraw/editor";
-function pointsToBase64(points) {
-  return b64Vecs.encodePoints(points);
-}
-function base64ToPoints(base64) {
-  return b64Vecs.decodePoints(base64);
-}
-function createDrawSegments(pointArrays, type = "free") {
-  return compressLegacySegments(
-    pointArrays.map((points) => ({
-      type,
-      points
-    }))
-  );
-}
-export {
-  base64ToPoints,
-  createDrawSegments,
-  pointsToBase64
-};
-//# sourceMappingURL=test-helpers.mjs.map

package/dist-esm/lib/utils/test-helpers.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/lib/utils/test-helpers.ts"],
-  "sourcesContent": ["import type { TLDrawShapeSegment, VecModel } from '@tldraw/editor'\nimport { b64Vecs, compressLegacySegments } from '@tldraw/editor'\n\n/**\n * Helper function to convert draw shape points from VecModel[] to base64 string.\n * This is useful for tests that create draw shapes with the legacy array format.\n *\n * @example\n * ```ts\n * const segments = [{ type: 'free', points: pointsToBase64([{x: 0, y: 0, z: 0.5}]) }]\n * ```\n *\n * @public\n */\nexport function pointsToBase64(points: VecModel[]): string {\n\treturn b64Vecs.encodePoints(points)\n}\n\n/**\n * Helper function to convert base64 string back to VecModel[] points.\n * This is useful for tests that need to inspect draw shape points.\n *\n * @example\n * ```ts\n * const points = base64ToPoints(shape.props.segments[0].points)\n * expect(points[0].x).toBe(0)\n * ```\n *\n * @public\n */\nexport function base64ToPoints(base64: string): VecModel[] {\n\treturn b64Vecs.decodePoints(base64)\n}\n\n/**\n * Helper function to create draw shape segments from legacy array format.\n * This allows tests to use the old format while the shape uses the new base64 format.\n *\n * @example\n * ```ts\n * editor.createShapes([{\n *   type: 'draw',\n *   props: {\n *     segments: createDrawSegments([[{x: 0, y: 0}, {x: 10, y: 10}]])\n *   }\n * }])\n * ```\n * @public\n */\nexport function createDrawSegments(\n\tpointArrays: VecModel[][],\n\ttype: 'free' | 'straight' = 'free'\n): TLDrawShapeSegment[] {\n\treturn compressLegacySegments(\n\t\tpointArrays.map((points) => ({\n\t\t\ttype,\n\t\t\tpoints,\n\t\t}))\n\t)\n}\n"],
-  "mappings": "AACA,SAAS,SAAS,8BAA8B;AAazC,SAAS,eAAe,QAA4B;AAC1D,SAAO,QAAQ,aAAa,MAAM;AACnC;AAcO,SAAS,eAAe,QAA4B;AAC1D,SAAO,QAAQ,aAAa,MAAM;AACnC;AAiBO,SAAS,mBACf,aACA,OAA4B,QACL;AACvB,SAAO;AAAA,IACN,YAAY,IAAI,CAAC,YAAY;AAAA,MAC5B;AAAA,MACA;AAAA,IACD,EAAE;AAAA,EACH;AACD;",
-  "names": []
-}