@jannchie/icons 0.2.0 → 0.4.0

package/dist/src/manga.js

@@ -0,0 +1,81 @@
+import { dot } from "./scene.js";
+import { crisp, rounded } from "./geometry.js";
+import { music } from "./symbols.js";
+//#region src/manga.js
+var BUBBLE = [
+	[3.5, 6],
+	[11, 3],
+	[20.5, 4.5],
+	[21, 12],
+	[17.5, 16],
+	[11.5, 16.5],
+	[
+		4.5,
+		21,
+		"tip"
+	],
+	[6.5, 15.5],
+	[3, 12.5]
+];
+var bubble = (radius) => rounded(BUBBLE.map(([x, y, tip]) => tip ? [
+	x,
+	y,
+	crisp(radius)
+] : [x, y]), Math.min(radius, 1));
+var BUBBLE_CENTER = [12.5, 9.75];
+var [CX, CY] = [12, 10];
+var SPIKES = 11;
+var shoutPoints = () => Array.from({ length: 22 }, (_, i) => {
+	const a = -Math.PI / 2 + i * Math.PI / SPIKES;
+	if (i === 14) return [
+		3.5,
+		21.5,
+		"tip"
+	];
+	const [rx, ry] = i % 2 ? [7.75, 6.25] : [10.25, 8.5];
+	return [
+		+(CX + Math.cos(a) * rx).toFixed(3),
+		+(CY + Math.sin(a) * ry).toFixed(3),
+		i % 2 ? "" : "tip"
+	];
+});
+var shout = (radius) => rounded(shoutPoints().map(([x, y, tip]) => tip ? [
+	x,
+	y,
+	crisp(radius)
+] : [x, y]), Math.min(radius, .75));
+var SHOUT_CENTER = [12.5, 10];
+var question = (cx, cy, s = 1) => [`M${cx - 2 * s} ${cy - 2 * s}A${2 * s} ${2 * s} 0 1 1 ${cx + 1.1 * s} ${cy - .35 * s}C${cx + .5 * s} ${cy + .05 * s} ${cx} ${cy + .5 * s} ${cx} ${cy + 1.25 * s}`, dot(cx, cy + 4 * s)];
+var exclaim = (cx, cy, s = 1) => [`M${cx} ${cy - 4 * s}V${cy + 1.25 * s}`, dot(cx, cy + 4 * s)];
+var CONTENTS = {
+	"empty": {
+		zh: "空",
+		paths: () => []
+	},
+	"question": {
+		zh: "问号",
+		paths: ([x, y]) => question(x, y)
+	},
+	"exclaim": {
+		zh: "感叹号",
+		paths: ([x, y]) => exclaim(x, y)
+	},
+	"interrobang": {
+		zh: "问号 + 感叹号",
+		paths: ([x, y]) => [...question(x - 2, y), ...exclaim(x + 3, y)]
+	},
+	"ellipsis": {
+		zh: "省略号",
+		paths: ([x, y]) => [
+			-4,
+			0,
+			4
+		].map((dx) => dot(x + dx, y + .25, 2.5))
+	},
+	"music": {
+		zh: "音符",
+		paths: ([x, y], radius) => music([x, y], 1.15, radius)
+	}
+};
+//#endregion
+export { BUBBLE_CENTER, CONTENTS, SHOUT_CENTER, bubble, shout };

package/dist/src/marks.js

@@ -7,5 +7,12 @@ var square = (radius) => rounded([
 	[20.5, 20.5],
 	[3.5, 20.5]
 ], radius);
+var tagShape = (radius) => [rounded([
+	[1.5, 12],
+	[7.5, 4.5],
+	[21.5, 4.5],
+	[21.5, 19.5],
+	[7.5, 19.5]
+], Math.min(radius, 2)), circle(6.5, 12, 1.25)];
 //#endregion
-export { ring, square };
+export { ring, square, tagShape };

package/dist/src/maya.js

@@ -16,7 +16,7 @@ var SHELL = [
 		thin: true
 	},
 	{
-		d: "M9 12.31L7.5 8.5M12 12.13V7.5M15 12.31L16.5 8.5",
+		d: "M9 12.31L8.05 9.9M12 12.13V8.5M15 12.31L15.95 9.9",
 		thin: true
 	}
 ];

package/dist/src/modality.js

@@ -39,11 +39,11 @@ var M = {
 		rounded(pts(c, k, [
 			[-.5, -3.5],
 			[1.5, -3.5],
-			[1.5, .5],
-			[-.5, .5]
+			[1.5, 0],
+			[-.5, 0]
 		]), k),
-		`M${at(c, k)([-2, -.5]).join(" ")}A${2.5 * k} ${2.5 * k} 0 0 0 ${at(c, k)([3, -.5]).join(" ")}`,
-		line(c, k, [.5, 2], [.5, 3.5])
+		`M${at(c, k)([-2.5, -.5]).join(" ")}A${3 * k} ${3 * k} 0 0 0 ${at(c, k)([3.5, -.5]).join(" ")}`,
+		line(c, k, [.5, 2.5], [.5, 3.5])
 	],
 	doc: (c, k, r) => [
 		rounded(pts(c, k, [

package/dist/src/money.js

@@ -14,6 +14,11 @@ var RAW = {
 			big("C", 8.5),
 			"M5.5 10.5H13.5",
 			"M5.5 13.5H13.5"
+		],
+		coin: () => [
+			big("C", 8.5),
+			"M5.5 10H13.5",
+			"M5.5 14H13.5"
 		]
 	},
 	yen: {
@@ -63,6 +68,6 @@ var CURRENCIES = Object.fromEntries(Object.entries(RAW).map(([k, v]) => [k, {
 	...v,
 	paths: () => snap(v.paths())
 }]));
-var coin = (key) => snap(RAW[key].paths().map((d) => scale(d, .6)));
+var coin = (key) => snap((RAW[key].coin ?? RAW[key].paths)().map((d) => scale(d, .6)));
 //#endregion
 export { CURRENCIES, coin };

package/dist/src/monitor.js

@@ -1,4 +1,5 @@
-import { blocked } from "./clearance.js";
+import { blocked, rectAroundTop } from "./clearance.js";
+import { rounded } from "./geometry.js";
 import { inset } from "./folder.js";
 //#region src/monitor.js
 var [l, t, r, b] = [
@@ -21,11 +22,28 @@ var screen = [
 ];
 var stand = [`M${pole} ${b}V${base[2]}`, `M${base[0]} ${base[2]}H${base[1]}`];
 var center = [12, (t + b) / 2];
+var plain = (radius) => [rounded(screen, Math.min(radius, 2.5)), ...stand];
 var badge = [r - inset, b - inset];
 function screenAround(shape, stroke) {
 	const right = blocked(shape, "y", r, stroke);
 	const bottom = blocked(shape, "x", b, stroke);
 	const foot = blocked(shape, "x", base[2], stroke);
+	const footEnd = foot ? Math.min(foot[0], base[1]) : base[1];
+	if (bottom && bottom[0] < 14) return {
+		outline: [
+			[pole, base[2]],
+			[
+				pole,
+				b,
+				0
+			],
+			[l, b],
+			[l, t],
+			[r, t],
+			[r, right ? right[0] : b]
+		],
+		stand: [`M${base[0]} ${base[2]}H${footEnd}`]
+	};
 	return {
 		outline: [
 			[bottom ? bottom[0] : r, b],
@@ -34,8 +52,17 @@ function screenAround(shape, stroke) {
 			[r, t],
 			[r, right ? right[0] : b]
 		],
-		stand: [`M${pole} ${b}V${base[2]}`, `M${base[0]} ${base[2]}H${foot ? Math.min(foot[0], base[1]) : base[1]}`]
+		stand: [`M${pole} ${b}V${base[2]}`, `M${base[0]} ${base[2]}H${footEnd}`]
 	};
 }
+var badgeTop = [r - inset, t + inset];
+function aroundTop(shape, radius, stroke) {
+	return [rounded(rectAroundTop(shape, stroke, [
+		l,
+		t,
+		r,
+		b
+	]), radius, false), ...stand];
+}
 //#endregion
-export { badge, center, screen, screenAround, stand };
+export { aroundTop, badge, badgeTop, center, plain, screen, screenAround, stand };

package/dist/src/navy.js

@@ -0,0 +1,32 @@
+import { crisp, rounded } from "./geometry.js";
+//#region src/navy.js
+var WATER = 19.5;
+var hull = (x0, x1, deck, radius, rake = 2) => rounded([
+	[x0, deck],
+	[x1, deck],
+	[x1 - rake, WATER],
+	[x0 + .5, WATER]
+], crisp(radius));
+var block = (deck, pts, radius) => rounded([
+	[pts[0][0], deck],
+	...pts,
+	[pts.at(-1)[0], deck]
+], crisp(radius), false);
+function turret(x, deck, dir, radius, { w = 2.5, h = 3, len = 2.5 } = {}) {
+	const back = x;
+	const front = x + dir * w;
+	const top = deck - h;
+	const [sx, sy] = [front - dir * .5, top];
+	return [rounded([
+		[back, deck],
+		[back, top],
+		[
+			sx,
+			sy,
+			0
+		],
+		[front, deck]
+	], crisp(radius)), `M${sx} ${sy}L${sx + dir * len * Math.cos(Math.PI / 6)} ${sy - len * Math.sin(Math.PI / 6)}`];
+}
+//#endregion
+export { WATER, block, hull, turret };

package/dist/src/notation.js

@@ -71,7 +71,7 @@ var NOTATION = {
 	"treble-clef": {
 		zh: "高音谱号",
 		section: "clef",
-		paths: () => ["M11 14.75C11 12.5 13.5 11.25 15 12.5C16.2 13.5 16.25 17 13.75 17.75C10.75 18.65 7.5 17 7.75 13.75C7.97 10.82 11 9.5 13 7.5C14.5 6 15 4.25 14.25 3C13.65 2 11.5 2.75 11.75 4.25L13.75 19C13.95 20.5 13.25 21.75 11.75 21.75", disc(10.25, 20.75, 1.25)]
+		paths: () => ["M11 14.75C11 12.5 13.5 11.25 15 12.5C16.2 13.5 16.25 17 13.75 17.75C10.75 18.65 7.5 17 7.75 13.75C7.97 10.82 11 9.5 13 7.5C14.5 6 15 4.25 14.25 3C13.65 2 11.5 2.75 11.75 4.25L13.75 19C14 21 12.75 21.75 11.25 21.75C10.25 21.75 9.5 21 9.5 20.25", disc(9.6, 20.1, 1.15)]
 	},
 	"bass-clef": {
 		zh: "低音谱号",

package/dist/src/options.js

@@ -25,18 +25,14 @@ var CORNERS = [
 var WEIGHTS = [
 	{
 		id: "light",
-		stroke: .75
-	},
-	{
-		id: "regular",
 		stroke: 1
 	},
 	{
-		id: "bold",
+		id: "regular",
 		stroke: 1.5
 	},
 	{
-		id: "heavy",
+		id: "bold",
 		stroke: 2
 	}
 ];

package/dist/src/pieces.js

@@ -80,6 +80,7 @@ var XIANGQI = {
 			"M3.75 0.5C3.25 1.25 2.5 2 1.75 2.5",
 			"M3.25 1.3H6.5C6.1 1.9 5.75 2.25 5.25 2.6",
 			"M2 2.75H8.25V5.25H2Z",
+			"M5.125 2.75V5.25",
 			"M4.25 5.25C3.5 6.5 2.25 7.5 0.75 8.1",
 			"M5.25 5.25C5.75 7 5.75 8.75 5 10.25C4.75 10.5 4.25 10.4 3.75 10",
 			"M5.4 6.9C4.5 7.9 3.25 8.6 1.75 9.1",

package/dist/src/plane.js

@@ -0,0 +1,29 @@
+import { crisp } from "./geometry.js";
+import { airframe, nose } from "./aircraft.js";
+//#region src/plane.js
+var plane = (radius) => nose([airframe([
+	[
+		12,
+		2.5,
+		Math.min(radius, 2)
+	],
+	[13.5, 4.5],
+	[13.5, 9],
+	[
+		21.5,
+		13.5,
+		crisp(radius)
+	],
+	[21.5, 15.5],
+	[13.5, 15.5],
+	[13.5, 18.5],
+	[
+		16.5,
+		20.5,
+		crisp(radius)
+	],
+	[16.5, 21.5],
+	[12, 21.5]
+], Math.min(radius, 1))]);
+//#endregion
+export { plane };

package/dist/src/quality.js

@@ -1,5 +1,5 @@
 import { rounded } from "./geometry.js";
-import { line } from "./letters.js";
+import { LABEL, line, snap } from "./letters.js";
 //#region src/quality.js
 var H = 1.2;
 var widthOf = (n) => n > 2 ? .85 : 1.2;
@@ -48,9 +48,9 @@ function quality(text, radius) {
 		[21.5, 5.5],
 		[21.5, 18.5],
 		[2.5, 18.5]
-	], Math.min(radius, 2.5)), ...line(text, [12, 12], widthOf(text.length), GAP, H).map((d) => ({
+	], Math.min(radius, 2.5)), ...snap(line(text, [12, 12], widthOf(text.length), GAP, H, LABEL)).map((d) => ({
 		d,
-		detail: true
+		thin: true
 	}))];
 }
 //#endregion

package/dist/src/rank.js

@@ -0,0 +1,83 @@
+import { rounded } from "./geometry.js";
+//#region src/rank.js
+var [LEFT, RIGHT, RISE, STEP] = [
+	5,
+	19,
+	4.5,
+	3
+];
+var SAG = 3;
+var chevron = (y) => `M${LEFT} ${y + RISE}L12 ${y}L${RIGHT} ${y + RISE}`;
+var rocker = (y) => `M${LEFT} ${y}Q12 ${y + 6} ${RIGHT} ${y}`;
+var eye = (y) => `M${LEFT} ${y + RISE}L12 ${y}L${RIGHT} ${y + RISE}Q12 ${y + RISE + 6} ${LEFT} ${y + RISE}Z`;
+var starAt = (x, y, R) => {
+	const r = R * .45;
+	return {
+		d: `M${Array.from({ length: 10 }, (_, i) => {
+			const a = -Math.PI / 2 + i * Math.PI / 5;
+			const d = i % 2 ? r : R;
+			return [x + Math.cos(a) * d, y + Math.sin(a) * d];
+		}).map((p) => p.map((v) => +v.toFixed(3)).join(" ")).join("L")}Z`,
+		fill: true,
+		detail: true,
+		round: true
+	};
+};
+function enlisted(chevrons, rockers = 0, star = false) {
+	const vSpan = RISE + STEP * (chevrons - 1);
+	const height = vSpan + (rockers ? SAG + STEP * (rockers - 1) : 0);
+	const top = Math.round((12 - height / 2) * 2) / 2;
+	const paths = Array.from({ length: chevrons }, (_, i) => (rockers && i === chevrons - 1 ? eye : chevron)(top + STEP * i));
+	const end = top + vSpan;
+	for (let i = 1; i < rockers; i++) paths.push(rocker(end + STEP * i));
+	if (star) paths.push(starAt(12, (end - RISE + end + SAG) / 2 + .25, 1.5));
+	return paths;
+}
+var BOARD = [
+	[6.5, 21.5],
+	[6.5, 8],
+	[12, 2.5],
+	[17.5, 8],
+	[17.5, 21.5]
+];
+var board = (radius) => rounded(BOARD, Math.min(radius, 1.5));
+var button = {
+	d: "M12 6h0",
+	dot: 2
+};
+var IN = 2;
+var apex = 2.5 + IN * Math.SQRT2;
+var inner = (radius) => ({
+	d: rounded([
+		[8.5, 21.5],
+		[8.5, apex + 5.5 - IN],
+		[12, apex],
+		[15.5, apex + 5.5 - IN],
+		[15.5, 21.5]
+	], Math.min(radius, 1), false),
+	thin: true
+});
+var STAR_Y = [
+	9.75,
+	14,
+	18.25
+];
+var STAR_R = 1.2;
+function officer(tier, stars, radius) {
+	const ys = STAR_Y.slice(0, stars);
+	const paths = [board(radius)];
+	if (tier === "general") paths.push(inner(radius));
+	else paths.push(button);
+	if (tier === "junior") paths.push({
+		d: "M12 8.5V21.5",
+		thin: true
+	});
+	if (tier === "field") paths.push({
+		d: "M9 9V21.5M15 9V21.5",
+		thin: true
+	});
+	paths.push(...ys.map((y) => starAt(12, y, STAR_R)));
+	return paths;
+}
+//#endregion
+export { enlisted, officer };

package/dist/src/rate.js

@@ -1,31 +1,41 @@
 import { dot } from "./scene.js";
-import { glyph, snap } from "./letters.js";
+import { LABEL, advance, glyph, shift, snap } from "./letters.js";
 //#region src/rate.js
-var CROSS = .65;
-var POINT = .3;
-var GAP = .18;
+var H = 7;
+var TOP = 12 - H / 2;
+var CROSS = 4.2;
+var GAP = 1.75;
+var POINT = 1;
+var POINT_GAP = 2;
+var MAX_WIDTH = 21;
+var ASPECT = .95;
 function rate(text) {
 	const chars = ["x", ...text];
-	const widthAt = (h) => chars.reduce((w, c) => w + (c === "x" ? CROSS : c === "." ? POINT : 3.5 / 6) * h, 0) + GAP * h * (chars.length - 1);
-	const h = Math.min(9.5, 19 / widthAt(1));
-	let x = 12 - widthAt(h) / 2;
-	const top = 12 - h / 2;
+	const gapAfter = (i) => chars[i] === "." || chars[i + 1] === "." ? POINT_GAP : GAP;
+	const fixed = chars.reduce((w, c, i) => w + (c === "x" ? CROSS : c === "." ? POINT : 0) + (i < chars.length - 1 ? gapAfter(i) : 0), 0);
+	const units = chars.reduce((w, c) => w + (c === "x" || c === "." ? 0 : advance(c)), 0);
+	const sy = H / 6;
+	const sx = Math.min(sy * ASPECT, (MAX_WIDTH - fixed) / units);
+	let x = 12 - (fixed + units * sx) / 2;
 	const out = [];
-	for (const c of chars) {
+	chars.forEach((c, i) => {
 		if (c === "x") {
-			const s = CROSS * h;
-			const [cx, cy] = [x + s / 2, top + h * .6];
-			out.push(`M${cx - s / 2} ${cy - s / 2}L${cx + s / 2} ${cy + s / 2}`, `M${cx + s / 2} ${cy - s / 2}L${cx - s / 2} ${cy + s / 2}`);
-			x += s;
+			const [cx, cy, h] = [
+				x + CROSS / 2,
+				12,
+				CROSS / 2
+			];
+			out.push(`M${cx - h} ${cy - h}L${cx + h} ${cy + h}`, `M${cx + h} ${cy - h}L${cx - h} ${cy + h}`);
+			x += CROSS;
 		} else if (c === ".") {
-			out.push(dot(x + POINT * h / 2, top + h - .25));
-			x += POINT * h;
+			out.push(dot(x + POINT / 2, 15.25));
+			x += POINT;
 		} else {
-			out.push(glyph(c, x, top, h / 6));
-			x += 3.5 / 6 * h;
+			out.push(glyph(c, x - shift(c, LABEL) * sx, TOP, sx, sy, LABEL));
+			x += advance(c, LABEL) * sx;
 		}
-		x += GAP * h;
-	}
+		x += gapAfter(i);
+	});
 	return snap(out);
 }
 //#endregion

package/dist/src/rating.js

@@ -1,5 +1,6 @@
 import { circle, rounded } from "./geometry.js";
-import { line, textWidth } from "./letters.js";
+import { LABEL, line, snap, textWidth } from "./letters.js";
+import { tagShape } from "./marks.js";
 //#region src/rating.js
 var sq = (x0, y0, x1, y1) => [
 	[x0, y0],
@@ -20,9 +21,9 @@ var FRAMES = {
 	tall: {
 		shape: (r) => rounded(sq(3.5, 2.5, 20.5, 21.5), Math.min(r, 2.5)),
 		box: [
-			7,
+			6.5,
 			5,
-			17,
+			17.5,
 			19
 		]
 	},
@@ -130,6 +131,15 @@ var FRAMES = {
 			18.5,
 			18.5
 		]
+	},
+	tag: {
+		shape: tagShape,
+		box: [
+			10.5,
+			7.5,
+			18.5,
+			16.5
+		]
 	}
 };
 var SYSTEMS = {
@@ -242,29 +252,42 @@ var SYSTEMS = {
 			"12+",
 			"16+"
 		]
+	},
+	sensitivity: {
+		frame: "tag",
+		zh: "图片敏感度",
+		ratings: [
+			"G",
+			"S",
+			"Q",
+			"E"
+		]
 	}
 };
 var GAP = 2;
+var ROW_GAP = 3;
 var PLUS = 3;
 var PLUS_GAP = 2;
 var MAX_SY = 1.2;
 var ASPECT = .95;
 function layout(rows, [x0, y0, x1, y1]) {
 	const extra = (r) => r.plus ? 5 : 0;
-	const sy = Math.min(MAX_SY, (y1 - y0 - GAP * (rows.length - 1)) / (6 * rows.length));
-	const sx = Math.min(sy * ASPECT, ...rows.map((r) => (x1 - x0 - extra(r) - GAP * (r.chars.length - 1)) / textWidth(r.chars, 1, 0)));
+	const sy = Math.min(MAX_SY, (y1 - y0 - ROW_GAP * (rows.length - 1)) / (6 * rows.length));
+	const sx = Math.min(sy * ASPECT, ...rows.map((r) => (x1 - x0 - extra(r) - GAP * (r.chars.length - 1)) / textWidth(r.chars, 1, 0, LABEL)));
 	const h = 6 * sy;
-	const top = (y0 + y1) / 2 - (h * rows.length + GAP * (rows.length - 1)) / 2;
+	const top = (y0 + y1) / 2 - (h * rows.length + ROW_GAP * (rows.length - 1)) / 2;
 	return rows.flatMap((r, i) => {
-		const width = textWidth(r.chars, sx, GAP);
+		const width = textWidth(r.chars, sx, GAP, LABEL);
 		const left = (x0 + x1) / 2 - (width + extra(r)) / 2;
-		const y = top + i * (h + GAP);
-		const out = line(r.chars, [left + width / 2, y + h / 2], sx, GAP, sy);
+		const y = top + i * (h + ROW_GAP);
+		const out = line(r.chars, [left + width / 2, y + h / 2], sx, GAP, sy, LABEL);
+		const row = snap(out);
 		if (r.plus) {
-			const [px, py] = [left + width + PLUS_GAP + PLUS / 2, y + PLUS / 2];
-			out.push(`M${px - PLUS / 2} ${py}H${px + PLUS / 2}M${px} ${py - PLUS / 2}V${py + PLUS / 2}`);
+			const half = (v) => Math.round(v - .5) + .5;
+			const [px, py] = [half(left + width + PLUS_GAP + PLUS / 2), half(y + PLUS / 2)];
+			row.push(`M${px - PLUS / 2} ${py}H${px + PLUS / 2}M${px} ${py - PLUS / 2}V${py + PLUS / 2}`);
 		}
-		return out;
+		return row;
 	});
 }
 function rating(system, text, radius) {

package/dist/src/render.js

@@ -69,7 +69,7 @@ var animateAttrs = (p) => p.frames ? {
 var finalized = /* @__PURE__ */ new Map();
 var hinted = /* @__PURE__ */ new Map();
 function pathsOf(icon, corner, weight, px = 0) {
-	const base = `${icon.name}|${corner.radius}|${weight.stroke}`;
+	const base = `${icon.name}|${corner.sharp && !icon.animation ? "sharp" : corner.radius}|${weight.stroke}`;
 	let paths = finalized.get(base);
 	if (!paths) {
 		const stroke = weight.stroke;
@@ -78,7 +78,7 @@ function pathsOf(icon, corner, weight, px = 0) {
 			stroke,
 			weight: weight.id
 		};
-		paths = icon.animation ? animatedPaths(icon, opts, stroke) : finalize(icon.draw(opts), stroke);
+		paths = icon.animation ? animatedPaths(icon, opts, stroke) : finalize(icon.draw(opts), stroke, { sharp: !!corner.sharp });
 		finalized.set(base, paths);
 	}
 	if (!px || px / 24 >= HINT_MAX_SCALE || icon.animation) return paths;
@@ -108,7 +108,9 @@ var pathAttrs = (p, colors) => {
 		"d": p.d,
 		"stroke-width": p.width ? +p.width.toFixed(3) : void 0,
 		"stroke": color,
-		"fill": p.fill ? color ?? colors?.primary ?? "currentColor" : void 0
+		"fill": p.fill ? color ?? colors?.primary ?? "currentColor" : void 0,
+		"stroke-linecap": p.round ? "round" : void 0,
+		"stroke-linejoin": p.round ? "round" : void 0
 	};
 };
 Object.fromEntries(Object.keys(ROLES).map((r) => [r, `var(--icon-${r}, currentColor)`]));

package/dist/src/resin.js

@@ -1,5 +1,5 @@
 import { crisp, rounded } from "./geometry.js";
-import { line } from "./letters.js";
+import { LABEL, line, snap } from "./letters.js";
 //#region src/resin.js
 var V = [
 	[12, 3],
@@ -44,9 +44,9 @@ var RESIN = Object.fromEntries([
 		0,
 		1,
 		2
-	].flatMap((k) => arrow(k, radius)), ...line(n, [12, 14]).map((d) => ({
+	].flatMap((k) => arrow(k, radius)), ...snap(line(n, [12, 14], 1, 1.5, 1, LABEL)).map((d) => ({
 		d,
-		detail: true
+		thin: true
 	}))]
 }]));
 //#endregion

package/dist/src/scene.js

@@ -5,11 +5,21 @@ var dot = (x, y, size = 2) => ({
 	d: `M${x} ${y}h0`,
 	dot: size
 });
+var eye = (x, y, size = 2) => ({
+	d: `M${x} ${y}h0`,
+	dot: size,
+	round: true,
+	eye: true
+});
 var opening = (cx, w, h) => [
 	[cx - w / 2, GROUND],
 	[cx - w / 2, 20 - h],
 	[cx + w / 2, 20 - h],
 	[cx + w / 2, GROUND]
 ];
+var softEar = (a, t, b, k = 1.3) => {
+	const c = (p) => [p[0] + (t[0] - p[0]) * k, p[1] + (t[1] - p[1]) * k].map((v) => +v.toFixed(3)).join(" ");
+	return `C${c(a)} ${c(b)} ${b.map((v) => +v.toFixed(3)).join(" ")}`;
+};
 //#endregion
-export { GROUND, dot, groundLine, opening };
+export { GROUND, dot, eye, groundLine, opening, softEar };

package/dist/src/sensor.js

@@ -0,0 +1,53 @@
+import { LABEL, line, snap, textWidth } from "./letters.js";
+//#region src/sensor.js
+var L = 2.5;
+var [X0, Y0, X1, Y1] = [
+	2.5,
+	5.5,
+	21.5,
+	18.5
+];
+var cropMarks = () => [
+	`M${X0} ${Y0 + L}V${Y0}H${X0 + L}`,
+	`M${X1 - L} ${Y0}H${X1}V${Y0 + L}`,
+	`M${X1} ${Y1 - L}V${Y1}H${X1 - L}`,
+	`M${X0 + L} ${Y1}H${X0}V${Y1 - L}`
+];
+var SPAN = 14;
+var GAP = 2;
+var SY = 5 / 6;
+var label = (text) => {
+	const sx = Math.min(1, (SPAN - GAP * (text.length - 1)) / textWidth(text, 1, 0, LABEL));
+	return snap(line(text, [12, 12], sx, GAP, SY, LABEL)).map((d) => ({
+		d,
+		thin: true
+	}));
+};
+var SENSORS = {
+	"medium-format": {
+		zh: "中画幅",
+		paths: () => label("MF")
+	},
+	"full-frame": {
+		zh: "全画幅",
+		paths: () => label("FF")
+	},
+	"aps-c": {
+		zh: "APS-C 画幅",
+		paths: () => label("APSC")
+	},
+	"mft": {
+		zh: "M4/3 画幅",
+		paths: () => label("M43")
+	},
+	"one-inch": {
+		zh: "1 英寸",
+		paths: () => snap([...line("1", [10.5, 12], 1, GAP, SY, LABEL), "M13.5 9.5V11.5M15.5 9.5V11.5"]).map((d) => ({
+			d,
+			thin: true
+		}))
+	}
+};
+var sensor = (key) => [...cropMarks(), ...SENSORS[key].paths()];
+//#endregion
+export { SENSORS, cropMarks, sensor };