@windmorph/react 0.0.0-stage → 0.1.1

package/dist/shapes/material-shapes.js

@@ -0,0 +1,250 @@
+import { CornerRounding } from "./corner-rounding.js";
+import { Point } from "./point.js";
+import { RoundedPolygon } from "./rounded-polygon.js";
+import { circle, rectangle, star } from "./shapes.js";
+//#region src/shapes/material-shapes.ts
+const cornerRound15 = new CornerRounding(.15);
+const cornerRound20 = new CornerRounding(.2);
+const cornerRound30 = new CornerRounding(.3);
+const cornerRound50 = new CornerRounding(.5);
+const cornerRound100 = new CornerRounding(1);
+const toRadians = (degrees) => degrees / 360 * 2 * Math.PI;
+/** Compose `Matrix().rotateZ(degrees)`: rotation about the origin. */
+function rotate(degrees) {
+	const a = toRadians(degrees);
+	const c = Math.cos(a);
+	const s = Math.sin(a);
+	return (x, y) => [x * c - y * s, x * s + y * c];
+}
+function scale(sx, sy) {
+	return (x, y) => [x * sx, y * sy];
+}
+const rotateNeg45 = rotate(-45);
+const rotateNeg90 = rotate(-90);
+const rotateNeg135 = rotate(-135);
+const pnr = (x, y, r = CornerRounding.Unrounded) => ({
+	o: new Point(x, y),
+	r
+});
+const angleDegrees = (p) => Math.atan2(p.y, p.x) * 180 / Math.PI;
+function rotateDegrees(p, angle, center) {
+	const a = toRadians(angle);
+	const off = p.minus(center);
+	return new Point(off.x * Math.cos(a) - off.y * Math.sin(a), off.x * Math.sin(a) + off.y * Math.cos(a)).plus(center);
+}
+function doRepeat(points, reps, center, mirroring) {
+	const result = [];
+	if (mirroring) {
+		const angles = points.map((p) => angleDegrees(p.o.minus(center)));
+		const distances = points.map((p) => p.o.minus(center).getDistance());
+		const actualReps = reps * 2;
+		const sectionAngle = 360 / actualReps;
+		for (let it = 0; it < actualReps; it++) for (let index = 0; index < points.length; index++) {
+			const i = it % 2 === 0 ? index : points.length - 1 - index;
+			if (i > 0 || it % 2 === 0) {
+				const a = toRadians(sectionAngle * it + (it % 2 === 0 ? angles[i] : sectionAngle - angles[i] + 2 * angles[0]));
+				const finalPoint = new Point(Math.cos(a), Math.sin(a)).times(distances[i]).plus(center);
+				result.push({
+					o: finalPoint,
+					r: points[i].r
+				});
+			}
+		}
+	} else {
+		const np = points.length;
+		for (let it = 0; it < np * reps; it++) {
+			const point = rotateDegrees(points[it % np].o, Math.floor(it / np) * 360 / reps, center);
+			result.push({
+				o: point,
+				r: points[it % np].r
+			});
+		}
+	}
+	return result;
+}
+function customPolygon(points, reps, { center = new Point(.5, .5), mirroring = false } = {}) {
+	const actualPoints = doRepeat(points, reps, center, mirroring);
+	return RoundedPolygon.fromVertices(actualPoints.flatMap((p) => [p.o.x, p.o.y]), {
+		perVertexRounding: actualPoints.map((p) => p.r),
+		centerX: center.x,
+		centerY: center.y
+	});
+}
+const builders = {
+	Circle: () => circle({ numVertices: 10 }),
+	Square: () => rectangle({
+		width: 1,
+		height: 1,
+		rounding: cornerRound30
+	}),
+	Slanted: () => customPolygon([pnr(.926, .97, new CornerRounding(.189, .811)), pnr(-.021, .967, new CornerRounding(.187, .057))], 2),
+	Arch: () => RoundedPolygon.fromNumVertices(4, { perVertexRounding: [
+		cornerRound100,
+		cornerRound100,
+		cornerRound20,
+		cornerRound20
+	] }).transformed(rotateNeg135),
+	Fan: () => customPolygon([
+		pnr(1.004, 1, new CornerRounding(.148, .417)),
+		pnr(0, 1, new CornerRounding(.151)),
+		pnr(0, -.003, new CornerRounding(.148)),
+		pnr(.978, .02, new CornerRounding(.803))
+	], 1),
+	Arrow: () => customPolygon([
+		pnr(.5, .892, new CornerRounding(.313)),
+		pnr(-.216, 1.05, new CornerRounding(.207)),
+		pnr(.499, -.16, new CornerRounding(.215, 1)),
+		pnr(1.225, 1.06, new CornerRounding(.211))
+	], 1),
+	SemiCircle: () => rectangle({
+		width: 1.6,
+		height: 1,
+		perVertexRounding: [
+			cornerRound20,
+			cornerRound20,
+			cornerRound100,
+			cornerRound100
+		]
+	}),
+	Oval: () => circle().transformed(scale(1, .64)).transformed(rotateNeg45),
+	Pill: () => customPolygon([
+		pnr(.961, .039, new CornerRounding(.426)),
+		pnr(1.001, .428),
+		pnr(1, .609, new CornerRounding(1))
+	], 2, { mirroring: true }),
+	Triangle: () => RoundedPolygon.fromNumVertices(3, { rounding: cornerRound20 }).transformed(rotateNeg90),
+	Diamond: () => customPolygon([pnr(.5, 1.096, new CornerRounding(.151, .524)), pnr(.04, .5, new CornerRounding(.159))], 2),
+	ClamShell: () => customPolygon([
+		pnr(.171, .841, new CornerRounding(.159)),
+		pnr(-.02, .5, new CornerRounding(.14)),
+		pnr(.17, .159, new CornerRounding(.159))
+	], 2),
+	Pentagon: () => customPolygon([
+		pnr(.5, -.009, new CornerRounding(.172)),
+		pnr(1.03, .365, new CornerRounding(.164)),
+		pnr(.828, .97, new CornerRounding(.169))
+	], 1, { mirroring: true }),
+	Gem: () => customPolygon([
+		pnr(.499, 1.023, new CornerRounding(.241, .778)),
+		pnr(-.005, .792, new CornerRounding(.208)),
+		pnr(.073, .258, new CornerRounding(.228)),
+		pnr(.433, -0, new CornerRounding(.491))
+	], 1, { mirroring: true }),
+	Sunny: () => star(8, {
+		innerRadius: .8,
+		rounding: cornerRound15
+	}),
+	VerySunny: () => customPolygon([pnr(.5, 1.08, new CornerRounding(.085)), pnr(.358, .843, new CornerRounding(.085))], 8),
+	Cookie4Sided: () => customPolygon([pnr(1.237, 1.236, new CornerRounding(.258)), pnr(.5, .918, new CornerRounding(.233))], 4),
+	Cookie6Sided: () => customPolygon([pnr(.723, .884, new CornerRounding(.394)), pnr(.5, 1.099, new CornerRounding(.398))], 6),
+	Cookie7Sided: () => star(7, {
+		innerRadius: .75,
+		rounding: cornerRound50
+	}).transformed(rotateNeg90),
+	Cookie9Sided: () => star(9, {
+		innerRadius: .8,
+		rounding: cornerRound50
+	}).transformed(rotateNeg90),
+	Cookie12Sided: () => star(12, {
+		innerRadius: .8,
+		rounding: cornerRound50
+	}).transformed(rotateNeg90),
+	Ghostish: () => customPolygon([
+		pnr(.5, 0, new CornerRounding(1)),
+		pnr(1, 0, new CornerRounding(1)),
+		pnr(1, 1.14, new CornerRounding(.254, .106)),
+		pnr(.575, .906, new CornerRounding(.253))
+	], 1, { mirroring: true }),
+	Clover4Leaf: () => customPolygon([pnr(.5, .074), pnr(.725, -.099, new CornerRounding(.476))], 4, { mirroring: true }),
+	Clover8Leaf: () => customPolygon([pnr(.5, .036), pnr(.758, -.101, new CornerRounding(.209))], 8),
+	Burst: () => customPolygon([pnr(.5, -.006, new CornerRounding(.006)), pnr(.592, .158, new CornerRounding(.006))], 12),
+	SoftBurst: () => customPolygon([pnr(.193, .277, new CornerRounding(.053)), pnr(.176, .055, new CornerRounding(.053))], 10),
+	Boom: () => customPolygon([pnr(.457, .296, new CornerRounding(.007)), pnr(.5, -.051, new CornerRounding(.007))], 15),
+	SoftBoom: () => customPolygon([
+		pnr(.733, .454),
+		pnr(.839, .437, new CornerRounding(.532)),
+		pnr(.949, .449, new CornerRounding(.439, 1)),
+		pnr(.998, .478, new CornerRounding(.174))
+	], 16, { mirroring: true }),
+	Flower: () => customPolygon([
+		pnr(.37, .187),
+		pnr(.416, .049, new CornerRounding(.381)),
+		pnr(.479, .001, new CornerRounding(.095))
+	], 8, { mirroring: true }),
+	Puffy: () => customPolygon([
+		pnr(.5, .053),
+		pnr(.545, -.04, new CornerRounding(.405)),
+		pnr(.67, -.035, new CornerRounding(.426)),
+		pnr(.717, .066, new CornerRounding(.574)),
+		pnr(.722, .128),
+		pnr(.777, .002, new CornerRounding(.36)),
+		pnr(.914, .149, new CornerRounding(.66)),
+		pnr(.926, .289, new CornerRounding(.66)),
+		pnr(.881, .346),
+		pnr(.94, .344, new CornerRounding(.126)),
+		pnr(1.003, .437, new CornerRounding(.255))
+	], 2, { mirroring: true }).transformed(scale(1, .742)),
+	PuffyDiamond: () => customPolygon([
+		pnr(.87, .13, new CornerRounding(.146)),
+		pnr(.818, .357),
+		pnr(1, .332, new CornerRounding(.853))
+	], 4, { mirroring: true }),
+	PixelCircle: () => customPolygon([
+		pnr(.5, 0),
+		pnr(.704, 0),
+		pnr(.704, .065),
+		pnr(.843, .065),
+		pnr(.843, .148),
+		pnr(.926, .148),
+		pnr(.926, .296),
+		pnr(1, .296)
+	], 2, { mirroring: true }),
+	PixelTriangle: () => customPolygon([
+		pnr(.11, .5),
+		pnr(.113, 0),
+		pnr(.287, 0),
+		pnr(.287, .087),
+		pnr(.421, .087),
+		pnr(.421, .17),
+		pnr(.56, .17),
+		pnr(.56, .265),
+		pnr(.674, .265),
+		pnr(.675, .344),
+		pnr(.789, .344),
+		pnr(.789, .439),
+		pnr(.888, .439)
+	], 1, { mirroring: true }),
+	Bun: () => customPolygon([
+		pnr(.796, .5),
+		pnr(.853, .518, cornerRound100),
+		pnr(.992, .631, cornerRound100),
+		pnr(.968, 1, cornerRound100)
+	], 2, { mirroring: true }),
+	Heart: () => customPolygon([
+		pnr(.5, .268, new CornerRounding(.016)),
+		pnr(.792, -.066, new CornerRounding(.958)),
+		pnr(1.064, .276, new CornerRounding(1)),
+		pnr(.501, .946, new CornerRounding(.129))
+	], 1, { mirroring: true })
+};
+const names = Object.keys(builders);
+const cache = /* @__PURE__ */ new Map();
+/**
+* The 35 Material 3 Expressive shapes, normalized to the unit square. Each shape is built
+* on first access and cached.
+*/
+const MaterialShapes = Object.defineProperties({}, Object.fromEntries(names.map((name) => [name, {
+	enumerable: true,
+	get() {
+		let shape = cache.get(name);
+		if (!shape) {
+			shape = builders[name]().normalized();
+			cache.set(name, shape);
+		}
+		return shape;
+	}
+}])));
+//#endregion
+export { MaterialShapes };
+
+//# sourceMappingURL=material-shapes.js.map

package/dist/shapes/material-shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-shapes.js","names":[],"sources":["../../src/shapes/material-shapes.ts"],"sourcesContent":["/*\n * Port of androidx.compose.material3 MaterialShapes.kt (Apache-2.0, see LICENSE-androidx.md).\n */\nimport { CornerRounding } from './corner-rounding';\nimport { Point, type PointTransformer } from './point';\nimport { RoundedPolygon } from './rounded-polygon';\nimport { circle, rectangle, star } from './shapes';\nimport type { MaterialShapeName } from './generated/material-shape-paths';\n\nexport type { MaterialShapeName };\n\nconst cornerRound15 = new CornerRounding(0.15);\nconst cornerRound20 = new CornerRounding(0.2);\nconst cornerRound30 = new CornerRounding(0.3);\nconst cornerRound50 = new CornerRounding(0.5);\nconst cornerRound100 = new CornerRounding(1);\n\nconst toRadians = (degrees: number) => (degrees / 360) * 2 * Math.PI;\n\n/** Compose `Matrix().rotateZ(degrees)`: rotation about the origin. */\nfunction rotate(degrees: number): PointTransformer {\n  const a = toRadians(degrees);\n  const c = Math.cos(a);\n  const s = Math.sin(a);\n  return (x, y) => [x * c - y * s, x * s + y * c];\n}\n\nfunction scale(sx: number, sy: number): PointTransformer {\n  return (x, y) => [x * sx, y * sy];\n}\n\nconst rotateNeg45 = rotate(-45);\nconst rotateNeg90 = rotate(-90);\nconst rotateNeg135 = rotate(-135);\n\ninterface PointNRound {\n  readonly o: Point;\n  readonly r: CornerRounding;\n}\n\nconst pnr = (x: number, y: number, r: CornerRounding = CornerRounding.Unrounded): PointNRound => ({\n  o: new Point(x, y),\n  r,\n});\n\nconst angleDegrees = (p: Point) => (Math.atan2(p.y, p.x) * 180) / Math.PI;\n\nfunction rotateDegrees(p: Point, angle: number, center: Point): Point {\n  const a = toRadians(angle);\n  const off = p.minus(center);\n  return new Point(\n    off.x * Math.cos(a) - off.y * Math.sin(a),\n    off.x * Math.sin(a) + off.y * Math.cos(a),\n  ).plus(center);\n}\n\nfunction doRepeat(\n  points: readonly PointNRound[],\n  reps: number,\n  center: Point,\n  mirroring: boolean,\n): PointNRound[] {\n  const result: PointNRound[] = [];\n  if (mirroring) {\n    const angles = points.map((p) => angleDegrees(p.o.minus(center)));\n    const distances = points.map((p) => p.o.minus(center).getDistance());\n    const actualReps = reps * 2;\n    const sectionAngle = 360 / actualReps;\n    for (let it = 0; it < actualReps; it++) {\n      for (let index = 0; index < points.length; index++) {\n        const i = it % 2 === 0 ? index : points.length - 1 - index;\n        if (i > 0 || it % 2 === 0) {\n          const a = toRadians(\n            sectionAngle * it +\n              (it % 2 === 0 ? angles[i]! : sectionAngle - angles[i]! + 2 * angles[0]!),\n          );\n          const finalPoint = new Point(Math.cos(a), Math.sin(a)).times(distances[i]!).plus(center);\n          result.push({ o: finalPoint, r: points[i]!.r });\n        }\n      }\n    }\n  } else {\n    const np = points.length;\n    for (let it = 0; it < np * reps; it++) {\n      const point = rotateDegrees(points[it % np]!.o, (Math.floor(it / np) * 360) / reps, center);\n      result.push({ o: point, r: points[it % np]!.r });\n    }\n  }\n  return result;\n}\n\nfunction customPolygon(\n  points: readonly PointNRound[],\n  reps: number,\n  { center = new Point(0.5, 0.5), mirroring = false } = {},\n): RoundedPolygon {\n  const actualPoints = doRepeat(points, reps, center, mirroring);\n  return RoundedPolygon.fromVertices(\n    actualPoints.flatMap((p) => [p.o.x, p.o.y]),\n    {\n      perVertexRounding: actualPoints.map((p) => p.r),\n      centerX: center.x,\n      centerY: center.y,\n    },\n  );\n}\n\nconst builders = {\n  Circle: () => circle({ numVertices: 10 }),\n  Square: () => rectangle({ width: 1, height: 1, rounding: cornerRound30 }),\n  Slanted: () =>\n    customPolygon(\n      [\n        pnr(0.926, 0.97, new CornerRounding(0.189, 0.811)),\n        pnr(-0.021, 0.967, new CornerRounding(0.187, 0.057)),\n      ],\n      2,\n    ),\n  Arch: () =>\n    RoundedPolygon.fromNumVertices(4, {\n      perVertexRounding: [cornerRound100, cornerRound100, cornerRound20, cornerRound20],\n    }).transformed(rotateNeg135),\n  Fan: () =>\n    customPolygon(\n      [\n        pnr(1.004, 1.0, new CornerRounding(0.148, 0.417)),\n        pnr(0.0, 1.0, new CornerRounding(0.151)),\n        pnr(0.0, -0.003, new CornerRounding(0.148)),\n        pnr(0.978, 0.02, new CornerRounding(0.803)),\n      ],\n      1,\n    ),\n  Arrow: () =>\n    customPolygon(\n      [\n        pnr(0.5, 0.892, new CornerRounding(0.313)),\n        pnr(-0.216, 1.05, new CornerRounding(0.207)),\n        pnr(0.499, -0.16, new CornerRounding(0.215, 1.0)),\n        pnr(1.225, 1.06, new CornerRounding(0.211)),\n      ],\n      1,\n    ),\n  SemiCircle: () =>\n    rectangle({\n      width: 1.6,\n      height: 1,\n      perVertexRounding: [cornerRound20, cornerRound20, cornerRound100, cornerRound100],\n    }),\n  Oval: () => circle().transformed(scale(1, 0.64)).transformed(rotateNeg45),\n  Pill: () =>\n    customPolygon(\n      [\n        pnr(0.961, 0.039, new CornerRounding(0.426)),\n        pnr(1.001, 0.428),\n        pnr(1.0, 0.609, new CornerRounding(1.0)),\n      ],\n      2,\n      { mirroring: true },\n    ),\n  Triangle: () =>\n    RoundedPolygon.fromNumVertices(3, { rounding: cornerRound20 }).transformed(rotateNeg90),\n  Diamond: () =>\n    customPolygon(\n      [\n        pnr(0.5, 1.096, new CornerRounding(0.151, 0.524)),\n        pnr(0.04, 0.5, new CornerRounding(0.159)),\n      ],\n      2,\n    ),\n  ClamShell: () =>\n    customPolygon(\n      [\n        pnr(0.171, 0.841, new CornerRounding(0.159)),\n        pnr(-0.02, 0.5, new CornerRounding(0.14)),\n        pnr(0.17, 0.159, new CornerRounding(0.159)),\n      ],\n      2,\n    ),\n  Pentagon: () =>\n    customPolygon(\n      [\n        pnr(0.5, -0.009, new CornerRounding(0.172)),\n        pnr(1.03, 0.365, new CornerRounding(0.164)),\n        pnr(0.828, 0.97, new CornerRounding(0.169)),\n      ],\n      1,\n      { mirroring: true },\n    ),\n  Gem: () =>\n    customPolygon(\n      [\n        pnr(0.499, 1.023, new CornerRounding(0.241, 0.778)),\n        pnr(-0.005, 0.792, new CornerRounding(0.208)),\n        pnr(0.073, 0.258, new CornerRounding(0.228)),\n        pnr(0.433, -0.0, new CornerRounding(0.491)),\n      ],\n      1,\n      { mirroring: true },\n    ),\n  Sunny: () => star(8, { innerRadius: 0.8, rounding: cornerRound15 }),\n  VerySunny: () =>\n    customPolygon(\n      [pnr(0.5, 1.08, new CornerRounding(0.085)), pnr(0.358, 0.843, new CornerRounding(0.085))],\n      8,\n    ),\n  Cookie4Sided: () =>\n    customPolygon(\n      [pnr(1.237, 1.236, new CornerRounding(0.258)), pnr(0.5, 0.918, new CornerRounding(0.233))],\n      4,\n    ),\n  Cookie6Sided: () =>\n    customPolygon(\n      [pnr(0.723, 0.884, new CornerRounding(0.394)), pnr(0.5, 1.099, new CornerRounding(0.398))],\n      6,\n    ),\n  Cookie7Sided: () =>\n    star(7, { innerRadius: 0.75, rounding: cornerRound50 }).transformed(rotateNeg90),\n  Cookie9Sided: () =>\n    star(9, { innerRadius: 0.8, rounding: cornerRound50 }).transformed(rotateNeg90),\n  Cookie12Sided: () =>\n    star(12, { innerRadius: 0.8, rounding: cornerRound50 }).transformed(rotateNeg90),\n  Ghostish: () =>\n    customPolygon(\n      [\n        pnr(0.5, 0, new CornerRounding(1.0)),\n        pnr(1, 0, new CornerRounding(1.0)),\n        pnr(1, 1.14, new CornerRounding(0.254, 0.106)),\n        pnr(0.575, 0.906, new CornerRounding(0.253)),\n      ],\n      1,\n      { mirroring: true },\n    ),\n  Clover4Leaf: () =>\n    customPolygon([pnr(0.5, 0.074), pnr(0.725, -0.099, new CornerRounding(0.476))], 4, {\n      mirroring: true,\n    }),\n  Clover8Leaf: () =>\n    customPolygon([pnr(0.5, 0.036), pnr(0.758, -0.101, new CornerRounding(0.209))], 8),\n  Burst: () =>\n    customPolygon(\n      [pnr(0.5, -0.006, new CornerRounding(0.006)), pnr(0.592, 0.158, new CornerRounding(0.006))],\n      12,\n    ),\n  SoftBurst: () =>\n    customPolygon(\n      [pnr(0.193, 0.277, new CornerRounding(0.053)), pnr(0.176, 0.055, new CornerRounding(0.053))],\n      10,\n    ),\n  Boom: () =>\n    customPolygon(\n      [pnr(0.457, 0.296, new CornerRounding(0.007)), pnr(0.5, -0.051, new CornerRounding(0.007))],\n      15,\n    ),\n  SoftBoom: () =>\n    customPolygon(\n      [\n        pnr(0.733, 0.454),\n        pnr(0.839, 0.437, new CornerRounding(0.532)),\n        pnr(0.949, 0.449, new CornerRounding(0.439, 1.0)),\n        pnr(0.998, 0.478, new CornerRounding(0.174)),\n      ],\n      16,\n      { mirroring: true },\n    ),\n  Flower: () =>\n    customPolygon(\n      [\n        pnr(0.37, 0.187),\n        pnr(0.416, 0.049, new CornerRounding(0.381)),\n        pnr(0.479, 0.001, new CornerRounding(0.095)),\n      ],\n      8,\n      { mirroring: true },\n    ),\n  Puffy: () =>\n    customPolygon(\n      [\n        pnr(0.5, 0.053),\n        pnr(0.545, -0.04, new CornerRounding(0.405)),\n        pnr(0.67, -0.035, new CornerRounding(0.426)),\n        pnr(0.717, 0.066, new CornerRounding(0.574)),\n        pnr(0.722, 0.128),\n        pnr(0.777, 0.002, new CornerRounding(0.36)),\n        pnr(0.914, 0.149, new CornerRounding(0.66)),\n        pnr(0.926, 0.289, new CornerRounding(0.66)),\n        pnr(0.881, 0.346),\n        pnr(0.94, 0.344, new CornerRounding(0.126)),\n        pnr(1.003, 0.437, new CornerRounding(0.255)),\n      ],\n      2,\n      { mirroring: true },\n    ).transformed(scale(1, 0.742)),\n  PuffyDiamond: () =>\n    customPolygon(\n      [\n        pnr(0.87, 0.13, new CornerRounding(0.146)),\n        pnr(0.818, 0.357),\n        pnr(1.0, 0.332, new CornerRounding(0.853)),\n      ],\n      4,\n      { mirroring: true },\n    ),\n  PixelCircle: () =>\n    customPolygon(\n      [\n        pnr(0.5, 0.0),\n        pnr(0.704, 0.0),\n        pnr(0.704, 0.065),\n        pnr(0.843, 0.065),\n        pnr(0.843, 0.148),\n        pnr(0.926, 0.148),\n        pnr(0.926, 0.296),\n        pnr(1.0, 0.296),\n      ],\n      2,\n      { mirroring: true },\n    ),\n  PixelTriangle: () =>\n    customPolygon(\n      [\n        pnr(0.11, 0.5),\n        pnr(0.113, 0.0),\n        pnr(0.287, 0.0),\n        pnr(0.287, 0.087),\n        pnr(0.421, 0.087),\n        pnr(0.421, 0.17),\n        pnr(0.56, 0.17),\n        pnr(0.56, 0.265),\n        pnr(0.674, 0.265),\n        pnr(0.675, 0.344),\n        pnr(0.789, 0.344),\n        pnr(0.789, 0.439),\n        pnr(0.888, 0.439),\n      ],\n      1,\n      { mirroring: true },\n    ),\n  Bun: () =>\n    customPolygon(\n      [\n        pnr(0.796, 0.5),\n        pnr(0.853, 0.518, cornerRound100),\n        pnr(0.992, 0.631, cornerRound100),\n        pnr(0.968, 1.0, cornerRound100),\n      ],\n      2,\n      { mirroring: true },\n    ),\n  Heart: () =>\n    customPolygon(\n      [\n        pnr(0.5, 0.268, new CornerRounding(0.016)),\n        pnr(0.792, -0.066, new CornerRounding(0.958)),\n        pnr(1.064, 0.276, new CornerRounding(1.0)),\n        pnr(0.501, 0.946, new CornerRounding(0.129)),\n      ],\n      1,\n      { mirroring: true },\n    ),\n} satisfies Record<MaterialShapeName, () => RoundedPolygon>;\n\n// The names tuple lives in the generated outlines module (`generated/material-shape-paths.ts`),\n// which `scripts/generate.ts` writes from these builders' keys, so static shapes can list the\n// names without loading the builders.\nconst names = Object.keys(builders) as MaterialShapeName[];\n\nconst cache = new Map<MaterialShapeName, RoundedPolygon>();\n\n/**\n * The 35 Material 3 Expressive shapes, normalized to the unit square. Each shape is built\n * on first access and cached.\n */\nexport const MaterialShapes = Object.defineProperties(\n  {} as Readonly<Record<MaterialShapeName, RoundedPolygon>>,\n  Object.fromEntries(\n    names.map((name) => [\n      name,\n      {\n        enumerable: true,\n        get(): RoundedPolygon {\n          let shape = cache.get(name);\n          if (!shape) {\n            shape = builders[name]().normalized();\n            cache.set(name, shape);\n          }\n          return shape;\n        },\n      },\n    ]),\n  ),\n);\n"],"mappings":"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"}

package/dist/shapes/morph.d.ts

@@ -0,0 +1,25 @@
+import { Cubic, MutableCubic } from "./cubic.js";
+import { RoundedPolygon } from "./rounded-polygon.js";
+//#region src/shapes/morph.d.ts
+/**
+ * Animates between two polygons. The outlines are matched corner to corner, and each matched
+ * pair of cubics is interpolated by `progress` (0 = `start`, 1 = `end`).
+ */
+export declare class Morph {
+  private readonly start;
+  private readonly end;
+  /** Matched start/end cubic pairs. */
+  readonly morphMatch: readonly (readonly [Cubic, Cubic])[];
+  constructor(start: RoundedPolygon, end: RoundedPolygon);
+  /** The bounds containing both shapes (and so every in-between shape). */
+  calculateBounds(bounds?: number[], approximate?: boolean): number[];
+  /** Bounds that contain both shapes at any rotation about their centers. */
+  calculateMaxBounds(bounds?: number[]): number[];
+  /** The in-between shape's cubics. The last anchor is snapped onto the first to close it. */
+  asCubics(progress: number): Cubic[];
+  /** Allocation-free iteration: `mutableCubic` is rewritten for every matched pair. */
+  forEachCubic(progress: number, callback: (cubic: MutableCubic) => void, mutableCubic?: MutableCubic): void;
+  static match(p1: RoundedPolygon, p2: RoundedPolygon): [Cubic, Cubic][];
+}
+//#endregion
+//# sourceMappingURL=morph.d.ts.map

package/dist/shapes/morph.js

@@ -0,0 +1,97 @@
+import { interpolate, positiveModulo } from "./point.js";
+import { Cubic, MutableCubic } from "./cubic.js";
+import { featureMapper } from "./feature-mapping.js";
+import { LengthMeasurer, MeasuredPolygon } from "./polygon-measure.js";
+//#region src/shapes/morph.ts
+/**
+* Animates between two polygons. The outlines are matched corner to corner, and each matched
+* pair of cubics is interpolated by `progress` (0 = `start`, 1 = `end`).
+*/
+var Morph = class Morph {
+	start;
+	end;
+	/** Matched start/end cubic pairs. */
+	morphMatch;
+	constructor(start, end) {
+		this.start = start;
+		this.end = end;
+		this.morphMatch = Morph.match(start, end);
+	}
+	/** The bounds containing both shapes (and so every in-between shape). */
+	calculateBounds(bounds = new Array(4).fill(0), approximate = true) {
+		this.start.calculateBounds(bounds, approximate);
+		const [minX, minY, maxX, maxY] = bounds;
+		this.end.calculateBounds(bounds, approximate);
+		return unionBounds(bounds, minX, minY, maxX, maxY);
+	}
+	/** Bounds that contain both shapes at any rotation about their centers. */
+	calculateMaxBounds(bounds = new Array(4).fill(0)) {
+		this.start.calculateMaxBounds(bounds);
+		const [minX, minY, maxX, maxY] = bounds;
+		this.end.calculateMaxBounds(bounds);
+		return unionBounds(bounds, minX, minY, maxX, maxY);
+	}
+	/** The in-between shape's cubics. The last anchor is snapped onto the first to close it. */
+	asCubics(progress) {
+		const result = [];
+		let firstCubic;
+		let lastCubic;
+		for (const [a, b] of this.morphMatch) {
+			const cubic = new Cubic(a.points.map((p, i) => interpolate(p, b.points[i], progress)));
+			firstCubic ??= cubic;
+			if (lastCubic) result.push(lastCubic);
+			lastCubic = cubic;
+		}
+		if (lastCubic && firstCubic) result.push(Cubic.of(lastCubic.anchor0X, lastCubic.anchor0Y, lastCubic.control0X, lastCubic.control0Y, lastCubic.control1X, lastCubic.control1Y, firstCubic.anchor0X, firstCubic.anchor0Y));
+		return result;
+	}
+	/** Allocation-free iteration: `mutableCubic` is rewritten for every matched pair. */
+	forEachCubic(progress, callback, mutableCubic = new MutableCubic()) {
+		for (const [a, b] of this.morphMatch) {
+			mutableCubic.interpolate(a, b, progress);
+			callback(mutableCubic);
+		}
+	}
+	static match(p1, p2) {
+		const measuredPolygon1 = MeasuredPolygon.measurePolygon(new LengthMeasurer(), p1);
+		const measuredPolygon2 = MeasuredPolygon.measurePolygon(new LengthMeasurer(), p2);
+		const doubleMapper = featureMapper(measuredPolygon1.features, measuredPolygon2.features);
+		const polygon2CutPoint = doubleMapper.map(0);
+		const bs1 = measuredPolygon1;
+		const bs2 = measuredPolygon2.cutAndShift(polygon2CutPoint);
+		const ret = [];
+		let i1 = 0;
+		let i2 = 0;
+		let b1 = bs1.get(i1++);
+		let b2 = bs2.get(i2++);
+		while (b1 && b2) {
+			const b1a = i1 === bs1.size ? 1 : b1.endOutlineProgress;
+			const b2a = i2 === bs2.size ? 1 : doubleMapper.mapBack(positiveModulo(b2.endOutlineProgress + polygon2CutPoint, 1));
+			const minb = Math.min(b1a, b2a);
+			let seg1;
+			let newb1;
+			if (b1a > minb + 1e-6) [seg1, newb1] = b1.cutAtProgress(minb);
+			else [seg1, newb1] = [b1, bs1.get(i1++)];
+			let seg2;
+			let newb2;
+			if (b2a > minb + 1e-6) [seg2, newb2] = b2.cutAtProgress(positiveModulo(doubleMapper.map(minb) - polygon2CutPoint, 1));
+			else [seg2, newb2] = [b2, bs2.get(i2++)];
+			ret.push([seg1.cubic, seg2.cubic]);
+			b1 = newb1;
+			b2 = newb2;
+		}
+		if (b1 || b2) throw new Error("Expected both Polygon's Cubic to be fully matched");
+		return ret;
+	}
+};
+function unionBounds(bounds, minX, minY, maxX, maxY) {
+	bounds[0] = Math.min(minX, bounds[0]);
+	bounds[1] = Math.min(minY, bounds[1]);
+	bounds[2] = Math.max(maxX, bounds[2]);
+	bounds[3] = Math.max(maxY, bounds[3]);
+	return bounds;
+}
+//#endregion
+export { Morph };
+
+//# sourceMappingURL=morph.js.map

package/dist/shapes/morph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph.js","names":[],"sources":["../../src/shapes/morph.ts"],"sourcesContent":["/*\n * Port of androidx.graphics.shapes Morph.kt (Apache-2.0, see LICENSE-androidx.md).\n */\nimport { Cubic, MutableCubic } from './cubic';\nimport { featureMapper } from './feature-mapping';\nimport { AngleEpsilon, interpolate, positiveModulo } from './point';\nimport { LengthMeasurer, MeasuredPolygon } from './polygon-measure';\nimport type { RoundedPolygon } from './rounded-polygon';\n\n/**\n * Animates between two polygons. The outlines are matched corner to corner, and each matched\n * pair of cubics is interpolated by `progress` (0 = `start`, 1 = `end`).\n */\nexport class Morph {\n  /** Matched start/end cubic pairs. */\n  readonly morphMatch: readonly (readonly [Cubic, Cubic])[];\n\n  constructor(\n    private readonly start: RoundedPolygon,\n    private readonly end: RoundedPolygon,\n  ) {\n    this.morphMatch = Morph.match(start, end);\n  }\n\n  /** The bounds containing both shapes (and so every in-between shape). */\n  calculateBounds(bounds: number[] = new Array(4).fill(0), approximate = true): number[] {\n    this.start.calculateBounds(bounds, approximate);\n    const [minX, minY, maxX, maxY] = bounds as [number, number, number, number];\n    this.end.calculateBounds(bounds, approximate);\n    return unionBounds(bounds, minX, minY, maxX, maxY);\n  }\n\n  /** Bounds that contain both shapes at any rotation about their centers. */\n  calculateMaxBounds(bounds: number[] = new Array(4).fill(0)): number[] {\n    this.start.calculateMaxBounds(bounds);\n    const [minX, minY, maxX, maxY] = bounds as [number, number, number, number];\n    this.end.calculateMaxBounds(bounds);\n    return unionBounds(bounds, minX, minY, maxX, maxY);\n  }\n\n  /** The in-between shape's cubics. The last anchor is snapped onto the first to close it. */\n  asCubics(progress: number): Cubic[] {\n    const result: Cubic[] = [];\n    let firstCubic: Cubic | undefined;\n    let lastCubic: Cubic | undefined;\n    for (const [a, b] of this.morphMatch) {\n      const cubic = new Cubic(a.points.map((p, i) => interpolate(p, b.points[i]!, progress)));\n      firstCubic ??= cubic;\n      if (lastCubic) result.push(lastCubic);\n      lastCubic = cubic;\n    }\n    if (lastCubic && firstCubic) {\n      result.push(\n        Cubic.of(\n          lastCubic.anchor0X,\n          lastCubic.anchor0Y,\n          lastCubic.control0X,\n          lastCubic.control0Y,\n          lastCubic.control1X,\n          lastCubic.control1Y,\n          firstCubic.anchor0X,\n          firstCubic.anchor0Y,\n        ),\n      );\n    }\n    return result;\n  }\n\n  /** Allocation-free iteration: `mutableCubic` is rewritten for every matched pair. */\n  forEachCubic(\n    progress: number,\n    callback: (cubic: MutableCubic) => void,\n    mutableCubic: MutableCubic = new MutableCubic(),\n  ): void {\n    for (const [a, b] of this.morphMatch) {\n      mutableCubic.interpolate(a, b, progress);\n      callback(mutableCubic);\n    }\n  }\n\n  static match(p1: RoundedPolygon, p2: RoundedPolygon): [Cubic, Cubic][] {\n    const measuredPolygon1 = MeasuredPolygon.measurePolygon(new LengthMeasurer(), p1);\n    const measuredPolygon2 = MeasuredPolygon.measurePolygon(new LengthMeasurer(), p2);\n\n    // Maps progress on either shape to the matching progress on the other.\n    const doubleMapper = featureMapper(measuredPolygon1.features, measuredPolygon2.features);\n\n    // Cut the second outline where progress 0 of the first one maps to, and rotate it so both\n    // outlines start together.\n    const polygon2CutPoint = doubleMapper.map(0);\n    const bs1 = measuredPolygon1;\n    const bs2 = measuredPolygon2.cutAndShift(polygon2CutPoint);\n\n    const ret: [Cubic, Cubic][] = [];\n    let i1 = 0;\n    let i2 = 0;\n    let b1 = bs1.get(i1++);\n    let b2 = bs2.get(i2++);\n    while (b1 && b2) {\n      // Ending progress of each current cubic, from shape 1's perspective.\n      const b1a = i1 === bs1.size ? 1 : b1.endOutlineProgress;\n      const b2a =\n        i2 === bs2.size\n          ? 1\n          : doubleMapper.mapBack(positiveModulo(b2.endOutlineProgress + polygon2CutPoint, 1));\n      const minb = Math.min(b1a, b2a);\n      // Whichever cubic extends past the one that ends first is cut there.\n      let seg1;\n      let newb1;\n      if (b1a > minb + AngleEpsilon) [seg1, newb1] = b1.cutAtProgress(minb);\n      else [seg1, newb1] = [b1, bs1.get(i1++)];\n      let seg2;\n      let newb2;\n      if (b2a > minb + AngleEpsilon) {\n        [seg2, newb2] = b2.cutAtProgress(\n          positiveModulo(doubleMapper.map(minb) - polygon2CutPoint, 1),\n        );\n      } else {\n        [seg2, newb2] = [b2, bs2.get(i2++)];\n      }\n      ret.push([seg1.cubic, seg2.cubic]);\n      b1 = newb1;\n      b2 = newb2;\n    }\n    if (b1 || b2) throw new Error(\"Expected both Polygon's Cubic to be fully matched\");\n    return ret;\n  }\n}\n\nfunction unionBounds(\n  bounds: number[],\n  minX: number,\n  minY: number,\n  maxX: number,\n  maxY: number,\n): number[] {\n  bounds[0] = Math.min(minX, bounds[0]!);\n  bounds[1] = Math.min(minY, bounds[1]!);\n  bounds[2] = Math.max(maxX, bounds[2]!);\n  bounds[3] = Math.max(maxY, bounds[3]!);\n  return bounds;\n}\n"],"mappings":"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"}

package/dist/shapes/path.d.ts

@@ -0,0 +1,33 @@
+import { Cubic } from "./cubic.js";
+import { RoundedPolygon } from "./rounded-polygon.js";
+import { Morph } from "./morph.js";
+//#region src/shapes/path.d.ts
+export interface PathOptions {
+  /**
+   * Rotates the path about the rotation pivot so its first point sits at this angle, in
+   * degrees (clockwise from +x, as y points down). 0 leaves the path unrotated. Compose rotates
+   * about the origin and re-centers the outline afterwards; SVG has no such step, so this
+   * port rotates about the pivot directly.
+   */
+  startAngle?: number;
+  /** Draws the outline twice before closing, for phased partial drawing. */
+  repeatPath?: boolean;
+  closePath?: boolean;
+  /** Scales the path, e.g. to map a normalized unit shape onto a viewBox. */
+  scale?: number;
+  /** Moves the path after scaling. */
+  translateX?: number;
+  translateY?: number;
+}
+export interface MorphPathOptions extends PathOptions {
+  rotationPivotX?: number;
+  rotationPivotY?: number;
+}
+/** SVG path data for a polygon, pivoting any rotation on its center. */
+export declare function polygonToPath(polygon: RoundedPolygon, options?: PathOptions): string;
+/** SVG path data for a morph at `progress`. */
+export declare function morphToPath(morph: Morph, progress: number, options?: MorphPathOptions): string;
+/** SVG path data for a list of connected cubics. */
+export declare function cubicsToPath(cubics: readonly Cubic[], options?: MorphPathOptions): string;
+//#endregion
+//# sourceMappingURL=path.d.ts.map

package/dist/shapes/path.js

@@ -0,0 +1,47 @@
+//#region src/shapes/path.ts
+/** SVG path data for a polygon, pivoting any rotation on its center. */
+function polygonToPath(polygon, options = {}) {
+	return pathFromCubics(polygon.cubics, {
+		...options,
+		rotationPivotX: polygon.centerX,
+		rotationPivotY: polygon.centerY
+	});
+}
+/** SVG path data for a morph at `progress`. */
+function morphToPath(morph, progress, options = {}) {
+	return pathFromCubics(morph.asCubics(progress), options);
+}
+const fmt = (n) => {
+	const r = Math.round(Number(n.toFixed(9)) * 1e4) / 1e4;
+	return Object.is(r, -0) ? "0" : String(r);
+};
+/** SVG path data for a list of connected cubics. */
+function cubicsToPath(cubics, options = {}) {
+	return pathFromCubics(cubics, options);
+}
+function pathFromCubics(cubics, { startAngle = 0, repeatPath = false, closePath = true, scale = 1, translateX = 0, translateY = 0, rotationPivotX = 0, rotationPivotY = 0 }) {
+	if (cubics.length === 0) return "";
+	let transform = (x, y) => [x * scale + translateX, y * scale + translateY];
+	if (startAngle !== 0) {
+		const first = cubics[0];
+		const a = (-(Math.atan2(first.anchor0Y - rotationPivotY, first.anchor0X - rotationPivotX) * 180 / Math.PI) + startAngle) * Math.PI / 180;
+		const c = Math.cos(a);
+		const s = Math.sin(a);
+		transform = (x, y) => {
+			const dx = x - rotationPivotX;
+			const dy = y - rotationPivotY;
+			return [(rotationPivotX + dx * c - dy * s) * scale + translateX, (rotationPivotY + dx * s + dy * c) * scale + translateY];
+		};
+	}
+	const point = (x, y) => transform(x, y).map(fmt).join(" ");
+	const curve = (cubic) => `C${point(cubic.control0X, cubic.control0Y)} ${point(cubic.control1X, cubic.control1Y)} ${point(cubic.anchor1X, cubic.anchor1Y)}`;
+	const first = cubics[0];
+	const parts = [`M${point(first.anchor0X, first.anchor0Y)}`, ...cubics.map(curve)];
+	if (repeatPath) parts.push(`L${point(first.anchor0X, first.anchor0Y)}`, ...cubics.map(curve));
+	if (closePath) parts.push("Z");
+	return parts.join("");
+}
+//#endregion
+export { cubicsToPath, morphToPath, polygonToPath };
+
+//# sourceMappingURL=path.js.map

package/dist/shapes/path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.js","names":[],"sources":["../../src/shapes/path.ts"],"sourcesContent":["/*\n * Port of androidx.compose.material3 internal/ShapeUtil.kt (Apache-2.0, see\n * LICENSE-androidx.md), writing SVG path data instead of a Compose Path.\n */\nimport type { Cubic } from './cubic';\nimport type { Morph } from './morph';\nimport type { RoundedPolygon } from './rounded-polygon';\n\nexport interface PathOptions {\n  /**\n   * Rotates the path about the rotation pivot so its first point sits at this angle, in\n   * degrees (clockwise from +x, as y points down). 0 leaves the path unrotated. Compose rotates\n   * about the origin and re-centers the outline afterwards; SVG has no such step, so this\n   * port rotates about the pivot directly.\n   */\n  startAngle?: number;\n  /** Draws the outline twice before closing, for phased partial drawing. */\n  repeatPath?: boolean;\n  closePath?: boolean;\n  /** Scales the path, e.g. to map a normalized unit shape onto a viewBox. */\n  scale?: number;\n  /** Moves the path after scaling. */\n  translateX?: number;\n  translateY?: number;\n}\n\nexport interface MorphPathOptions extends PathOptions {\n  rotationPivotX?: number;\n  rotationPivotY?: number;\n}\n\n/** SVG path data for a polygon, pivoting any rotation on its center. */\nexport function polygonToPath(polygon: RoundedPolygon, options: PathOptions = {}): string {\n  return pathFromCubics(polygon.cubics, {\n    ...options,\n    rotationPivotX: polygon.centerX,\n    rotationPivotY: polygon.centerY,\n  });\n}\n\n/** SVG path data for a morph at `progress`. */\nexport function morphToPath(\n  morph: Morph,\n  progress: number,\n  options: MorphPathOptions = {},\n): string {\n  return pathFromCubics(morph.asCubics(progress), options);\n}\n\n// Four decimals stays sub-pixel even for unit-square shapes drawn large, and keeps paths short.\n// The value is first snapped to nine decimals: Node and browsers can differ in the last bits\n// of `Math.sin` / `Math.cos`, which can tip a coordinate sitting on a rounding boundary\n// (0.45625) either way, so a path rendered on the server wouldn't match the one hydrated.\nconst fmt = (n: number) => {\n  const r = Math.round(Number(n.toFixed(9)) * 10000) / 10000;\n  return Object.is(r, -0) ? '0' : String(r);\n};\n\n/** SVG path data for a list of connected cubics. */\nexport function cubicsToPath(cubics: readonly Cubic[], options: MorphPathOptions = {}): string {\n  return pathFromCubics(cubics, options);\n}\n\nfunction pathFromCubics(\n  cubics: readonly Cubic[],\n  {\n    startAngle = 0,\n    repeatPath = false,\n    closePath = true,\n    scale = 1,\n    translateX = 0,\n    translateY = 0,\n    rotationPivotX = 0,\n    rotationPivotY = 0,\n  }: MorphPathOptions,\n): string {\n  if (cubics.length === 0) return '';\n  let transform = (x: number, y: number): [number, number] => [\n    x * scale + translateX,\n    y * scale + translateY,\n  ];\n  if (startAngle !== 0) {\n    const first = cubics[0]!;\n    const angleToFirstCubic =\n      (Math.atan2(first.anchor0Y - rotationPivotY, first.anchor0X - rotationPivotX) * 180) /\n      Math.PI;\n    const a = ((-angleToFirstCubic + startAngle) * Math.PI) / 180;\n    const c = Math.cos(a);\n    const s = Math.sin(a);\n    transform = (x, y) => {\n      const dx = x - rotationPivotX;\n      const dy = y - rotationPivotY;\n      return [\n        (rotationPivotX + dx * c - dy * s) * scale + translateX,\n        (rotationPivotY + dx * s + dy * c) * scale + translateY,\n      ];\n    };\n  }\n  const point = (x: number, y: number) => transform(x, y).map(fmt).join(' ');\n  const curve = (cubic: Cubic) =>\n    `C${point(cubic.control0X, cubic.control0Y)} ${point(cubic.control1X, cubic.control1Y)} ${point(cubic.anchor1X, cubic.anchor1Y)}`;\n\n  const first = cubics[0]!;\n  const parts = [`M${point(first.anchor0X, first.anchor0Y)}`, ...cubics.map(curve)];\n  if (repeatPath) parts.push(`L${point(first.anchor0X, first.anchor0Y)}`, ...cubics.map(curve));\n  if (closePath) parts.push('Z');\n  return parts.join('');\n}\n"],"mappings":";;AAgCA,SAAgB,cAAc,SAAyB,UAAuB,CAAC,GAAW;CACxF,OAAO,eAAe,QAAQ,QAAQ;EACpC,GAAG;EACH,gBAAgB,QAAQ;EACxB,gBAAgB,QAAQ;CAC1B,CAAC;AACH;;AAGA,SAAgB,YACd,OACA,UACA,UAA4B,CAAC,GACrB;CACR,OAAO,eAAe,MAAM,SAAS,QAAQ,GAAG,OAAO;AACzD;AAMA,MAAM,OAAO,MAAc;CACzB,MAAM,IAAI,KAAK,MAAM,OAAO,EAAE,QAAQ,CAAC,CAAC,IAAI,GAAK,IAAI;CACrD,OAAO,OAAO,GAAG,GAAG,EAAE,IAAI,MAAM,OAAO,CAAC;AAC1C;;AAGA,SAAgB,aAAa,QAA0B,UAA4B,CAAC,GAAW;CAC7F,OAAO,eAAe,QAAQ,OAAO;AACvC;AAEA,SAAS,eACP,QACA,EACE,aAAa,GACb,aAAa,OACb,YAAY,MACZ,QAAQ,GACR,aAAa,GACb,aAAa,GACb,iBAAiB,GACjB,iBAAiB,KAEX;CACR,IAAI,OAAO,WAAW,GAAG,OAAO;CAChC,IAAI,aAAa,GAAW,MAAgC,CAC1D,IAAI,QAAQ,YACZ,IAAI,QAAQ,UACd;CACA,IAAI,eAAe,GAAG;EACpB,MAAM,QAAQ,OAAO;EAIrB,MAAM,KAAM,EAFT,KAAK,MAAM,MAAM,WAAW,gBAAgB,MAAM,WAAW,cAAc,IAAI,MAChF,KAAK,MAC0B,cAAc,KAAK,KAAM;EAC1D,MAAM,IAAI,KAAK,IAAI,CAAC;EACpB,MAAM,IAAI,KAAK,IAAI,CAAC;EACpB,aAAa,GAAG,MAAM;GACpB,MAAM,KAAK,IAAI;GACf,MAAM,KAAK,IAAI;GACf,OAAO,EACJ,iBAAiB,KAAK,IAAI,KAAK,KAAK,QAAQ,aAC5C,iBAAiB,KAAK,IAAI,KAAK,KAAK,QAAQ,UAC/C;EACF;CACF;CACA,MAAM,SAAS,GAAW,MAAc,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,GAAG;CACzE,MAAM,SAAS,UACb,IAAI,MAAM,MAAM,WAAW,MAAM,SAAS,EAAE,GAAG,MAAM,MAAM,WAAW,MAAM,SAAS,EAAE,GAAG,MAAM,MAAM,UAAU,MAAM,QAAQ;CAEhI,MAAM,QAAQ,OAAO;CACrB,MAAM,QAAQ,CAAC,IAAI,MAAM,MAAM,UAAU,MAAM,QAAQ,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC;CAChF,IAAI,YAAY,MAAM,KAAK,IAAI,MAAM,MAAM,UAAU,MAAM,QAAQ,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC;CAC5F,IAAI,WAAW,MAAM,KAAK,GAAG;CAC7B,OAAO,MAAM,KAAK,EAAE;AACtB"}

package/dist/shapes/point.d.ts

@@ -0,0 +1,28 @@
+//#region src/shapes/point.d.ts
+/** An immutable 2D point or vector. */
+export declare class Point {
+  readonly x: number;
+  readonly y: number;
+  constructor(x: number, y: number);
+  /** Distance from (0, 0). */
+  getDistance(): number;
+  getDistanceSquared(): number;
+  dotProduct(other: Point): number;
+  dotProductXY(otherX: number, otherY: number): number;
+  /** Whether `other` turns clockwise from this vector (z of the cross product > 0). */
+  clockwise(other: Point): boolean;
+  /** Unit vector in this direction. */
+  getDirection(): Point;
+  negate(): Point;
+  minus(other: Point): Point;
+  plus(other: Point): Point;
+  times(operand: number): Point;
+  div(operand: number): Point;
+  rem(operand: number): Point;
+  rotate90(): Point;
+  transformed(f: PointTransformer): Point;
+}
+/** Maps a point to a new point, e.g. to scale or rotate a shape. */
+export type PointTransformer = (x: number, y: number) => readonly [number, number];
+//#endregion
+//# sourceMappingURL=point.d.ts.map

package/dist/shapes/point.js

@@ -0,0 +1,103 @@
+//#region src/shapes/point.ts
+/** An immutable 2D point or vector. */
+var Point = class Point {
+	x;
+	y;
+	constructor(x, y) {
+		this.x = x;
+		this.y = y;
+	}
+	/** Distance from (0, 0). */
+	getDistance() {
+		return Math.sqrt(this.x * this.x + this.y * this.y);
+	}
+	getDistanceSquared() {
+		return this.x * this.x + this.y * this.y;
+	}
+	dotProduct(other) {
+		return this.x * other.x + this.y * other.y;
+	}
+	dotProductXY(otherX, otherY) {
+		return this.x * otherX + this.y * otherY;
+	}
+	/** Whether `other` turns clockwise from this vector (z of the cross product > 0). */
+	clockwise(other) {
+		return this.x * other.y - this.y * other.x > 0;
+	}
+	/** Unit vector in this direction. */
+	getDirection() {
+		const d = this.getDistance();
+		if (!(d > 0)) throw new Error("Can't get the direction of a 0-length vector");
+		return this.div(d);
+	}
+	negate() {
+		return new Point(-this.x, -this.y);
+	}
+	minus(other) {
+		return new Point(this.x - other.x, this.y - other.y);
+	}
+	plus(other) {
+		return new Point(this.x + other.x, this.y + other.y);
+	}
+	times(operand) {
+		return new Point(this.x * operand, this.y * operand);
+	}
+	div(operand) {
+		return new Point(this.x / operand, this.y / operand);
+	}
+	rem(operand) {
+		return new Point(this.x % operand, this.y % operand);
+	}
+	rotate90() {
+		return new Point(-this.y, this.x);
+	}
+	transformed(f) {
+		const [x, y] = f(this.x, this.y);
+		return new Point(x, y);
+	}
+};
+const Zero = new Point(0, 0);
+const DistanceEpsilon = 1e-4;
+const AngleEpsilon = 1e-6;
+const FloatPi = Math.PI;
+const TwoPi = 2 * Math.PI;
+function distance(x, y) {
+	return Math.sqrt(x * x + y * y);
+}
+function distanceSquared(x, y) {
+	return x * x + y * y;
+}
+/** Unit vector in the direction of (x, y). */
+function directionVector(x, y) {
+	const d = distance(x, y);
+	if (!(d > 0)) throw new Error("Required distance greater than zero");
+	return new Point(x / d, y / d);
+}
+function directionVectorFromAngle(angleRadians) {
+	return new Point(Math.cos(angleRadians), Math.sin(angleRadians));
+}
+function radialToCartesian(radius, angleRadians, center = Zero) {
+	return directionVectorFromAngle(angleRadians).times(radius).plus(center);
+}
+function square(x) {
+	return x * x;
+}
+/** Linearly interpolates between `start` and `stop`. */
+function interpolate(start, stop, fraction) {
+	return (1 - fraction) * start + fraction * stop;
+}
+function interpolatePoint(start, stop, fraction) {
+	return new Point(interpolate(start.x, stop.x, fraction), interpolate(start.y, stop.y, fraction));
+}
+/** Like `num % mod`, but always positive: positiveModulo(-4, 3) = 2. */
+function positiveModulo(num, mod) {
+	return (num % mod + mod) % mod;
+}
+/** Approximates whether the corner at `current` is convex. */
+function convex(previous, current, next) {
+	return current.minus(previous).clockwise(next.minus(current));
+}
+//#endregion
+export { AngleEpsilon, DistanceEpsilon, FloatPi, Point, TwoPi, Zero, convex, directionVector, directionVectorFromAngle, distance, distanceSquared, interpolate, interpolatePoint, positiveModulo, radialToCartesian, square };
+
+//# sourceMappingURL=point.js.map