tldraw 3.15.0-canary.e3f6387b7e04 → 3.15.0-next.032b45f439ca

package/src/lib/shapes/shared/PathBuilder.tsx

@@ -10,7 +10,6 @@ import {
 	Geometry2dFilters,
 	Geometry2dOptions,
 	getPerfectDashProps,
-	getVerticesCountForArcLength,
 	Group2d,
 	modulate,
 	PerfectDashTerminal,
@@ -122,7 +121,6 @@ export interface CubicBezierToPathBuilderCommand extends PathBuilderCommandBase
 	type: 'cubic'
 	cp1: VecModel
 	cp2: VecModel
-	resolution?: number
 }
 
 /** @internal */
@@ -319,17 +317,8 @@ export class PathBuilder {
 		// Calculate the sweep angle
 		const sweepAngle = endAngle - startAngle
 
-		// Calculate the approximate arc length. General ellipse arc length is expensive - there's
-		// no closed form solution, so we have to do iterative numerical approximation. As we only
-		// use this to control the resolution of later approximations, let's cheat and just use the
-		// circular arc length with the largest radius:
-		const approximateArcLength = Math.max(rx1, ry1) * Math.abs(sweepAngle)
-
 		// Approximate the arc using cubic bezier curves
 		const numSegments = Math.min(4, Math.ceil(Math.abs(sweepAngle) / (Math.PI / 2)))
-		const resolutionPerSegment = Math.ceil(
-			getVerticesCountForArcLength(approximateArcLength) / numSegments
-		)
 		const anglePerSegment = sweepAngle / numSegments
 
 		// Helper function to compute point on ellipse
@@ -375,16 +364,7 @@ export class PathBuilder {
 			const cp2y = end.y - handleScale * d2.y
 
 			const bezierOpts = i === 0 ? opts : { ...opts, mergeWithPrevious: true }
-			this.cubicBezierToWithResolution(
-				end.x,
-				end.y,
-				cp1x,
-				cp1y,
-				cp2x,
-				cp2y,
-				bezierOpts,
-				resolutionPerSegment
-			)
+			this.cubicBezierTo(end.x, end.y, cp1x, cp1y, cp2x, cp2y, bezierOpts)
 		}
 
 		return this
@@ -398,18 +378,6 @@ export class PathBuilder {
 		cp2X: number,
 		cp2Y: number,
 		opts?: PathBuilderCommandOpts
-	) {
-		return this.cubicBezierToWithResolution(x, y, cp1X, cp1Y, cp2X, cp2Y, opts)
-	}
-	private cubicBezierToWithResolution(
-		x: number,
-		y: number,
-		cp1X: number,
-		cp1Y: number,
-		cp2X: number,
-		cp2Y: number,
-		opts?: PathBuilderCommandOpts,
-		resolution?: number
 	) {
 		this.assertHasMoveTo()
 		this.commands.push({
@@ -420,7 +388,6 @@ export class PathBuilder {
 			cp2: { x: cp2X, y: cp2Y },
 			isClose: false,
 			opts,
-			resolution,
 		})
 		return this
 	}
@@ -1005,7 +972,6 @@ export class PathBuilderGeometry2d extends Geometry2d {
 							cp1: Vec.From(command.cp1),
 							cp2: Vec.From(command.cp2),
 							end: Vec.From(command),
-							resolution: command.resolution,
 						})
 					)
 					break

package/src/lib/ui/components/StylePanel/DefaultStylePanelContent.tsx

@@ -451,7 +451,6 @@ export function OpacitySlider() {
 			steps={tldrawSupportedOpacities.length - 1}
 			title={msg('style-panel.opacity')}
 			onHistoryMark={onHistoryMark}
-			ariaValueModifier={25}
 		/>
 	)
 }

package/src/lib/ui/components/primitives/TldrawUiDialog.tsx

@@ -65,7 +65,7 @@ export interface TLUiDialogBodyProps {
 /** @public @react */
 export function TldrawUiDialogBody({ className, children, style }: TLUiDialogBodyProps) {
 	return (
-		<div className={classNames('tlui-dialog__body', className)} style={style} tabIndex={0}>
+		<div className={classNames('tlui-dialog__body', className)} style={style}>
 			{children}
 		</div>
 	)

package/src/lib/ui/components/primitives/TldrawUiSlider.tsx

@@ -13,7 +13,6 @@ export interface TLUiSliderProps {
 	onValueChange(value: number): void
 	onHistoryMark(id: string): void
 	'data-testid'?: string
-	ariaValueModifier?: number
 }
 
 /** @public @react */
@@ -27,7 +26,6 @@ export const TldrawUiSlider = React.forwardRef<HTMLDivElement, TLUiSliderProps>(
 		label,
 		onValueChange,
 		['data-testid']: testId,
-		ariaValueModifier = 1,
 	}: TLUiSliderProps,
 	ref
 ) {
@@ -83,9 +81,7 @@ export const TldrawUiSlider = React.forwardRef<HTMLDivElement, TLUiSliderProps>(
 				</_Slider.Track>
 				{value !== null && (
 					<_Slider.Thumb
-						aria-valuemin={(min ?? 0) * ariaValueModifier}
-						aria-valuenow={value * ariaValueModifier}
-						aria-valuemax={steps * ariaValueModifier}
+						aria-label={msg('style-panel.opacity')}
 						className="tlui-slider__thumb"
 						dir="ltr"
 						ref={ref}

package/src/lib/ui/components/primitives/TldrawUiToolbar.tsx

@@ -76,10 +76,6 @@ export const TldrawUiToolbarToggleGroup = ({
 		<_Toolbar.ToggleGroup
 			type={type}
 			{...props}
-			// TODO: this fixes a bug in Radix until they fix it.
-			// https://github.com/radix-ui/primitives/issues/3188
-			// https://github.com/radix-ui/primitives/pull/3189
-			role="radiogroup"
 			className={classnames('tlui-toolbar-toggle-group', className)}
 		>
 			{children}

package/src/lib/ui/version.ts

@@ -1,9 +1,9 @@
 // This file is automatically generated by internal/scripts/refresh-assets.ts.
 // Do not edit manually. Or do, I'm a comment, not a cop.
 
-export const version = '3.15.0-canary.e3f6387b7e04'
+export const version = '3.15.0-next.032b45f439ca'
 export const publishDates = {
 	major: '2024-09-13T14:36:29.063Z',
-	minor: '2025-07-14T11:01:29.466Z',
-	patch: '2025-07-14T11:01:29.466Z',
+	minor: '2025-07-14T09:15:42.267Z',
+	patch: '2025-07-14T09:15:42.267Z',
 }