@jannchie/icons 0.2.0 → 0.4.0

package/dist/src/icons/unit-frame-friendly.js

@@ -0,0 +1,5 @@
+import { FRAMES } from "../unit.js";
+//#region src/icons/unit-frame-friendly.js
+var unit_frame_friendly_default = ({ radius }) => FRAMES["friendly"].paths(radius);
+//#endregion
+export { unit_frame_friendly_default as default };

package/dist/src/icons/unit-frame-hostile.js

@@ -0,0 +1,5 @@
+import { FRAMES } from "../unit.js";
+//#region src/icons/unit-frame-hostile.js
+var unit_frame_hostile_default = ({ radius }) => FRAMES["hostile"].paths(radius);
+//#endregion
+export { unit_frame_hostile_default as default };

package/dist/src/icons/unit-frame-neutral.js

@@ -0,0 +1,5 @@
+import { FRAMES } from "../unit.js";
+//#region src/icons/unit-frame-neutral.js
+var unit_frame_neutral_default = ({ radius }) => FRAMES["neutral"].paths(radius);
+//#endregion
+export { unit_frame_neutral_default as default };

package/dist/src/icons/unit-frame-unknown.js

@@ -0,0 +1,5 @@
+import { FRAMES } from "../unit.js";
+//#region src/icons/unit-frame-unknown.js
+var unit_frame_unknown_default = ({ radius }) => FRAMES["unknown"].paths(radius);
+//#endregion
+export { unit_frame_unknown_default as default };

package/dist/src/icons/unit-headquarters.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-headquarters.js
+var unit_headquarters_default = ({ radius }) => [unitFrame(radius), ...UNIT["headquarters"].paths(radius)];
+//#endregion
+export { unit_headquarters_default as default };

package/dist/src/icons/unit-infantry.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-infantry.js
+var unit_infantry_default = ({ radius }) => [unitFrame(radius), ...UNIT["infantry"].paths(radius)];
+//#endregion
+export { unit_infantry_default as default };

package/dist/src/icons/unit-maintenance.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-maintenance.js
+var unit_maintenance_default = ({ radius }) => [unitFrame(radius), ...UNIT["maintenance"].paths(radius)];
+//#endregion
+export { unit_maintenance_default as default };

package/dist/src/icons/unit-mechanized.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-mechanized.js
+var unit_mechanized_default = ({ radius }) => [unitFrame(radius), ...UNIT["mechanized"].paths(radius)];
+//#endregion
+export { unit_mechanized_default as default };

package/dist/src/icons/unit-medical.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-medical.js
+var unit_medical_default = ({ radius }) => [unitFrame(radius), ...UNIT["medical"].paths(radius)];
+//#endregion
+export { unit_medical_default as default };

package/dist/src/icons/unit-military-police.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-military-police.js
+var unit_military_police_default = ({ radius }) => [unitFrame(radius), ...UNIT["military-police"].paths(radius)];
+//#endregion
+export { unit_military_police_default as default };

package/dist/src/icons/unit-missile.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-missile.js
+var unit_missile_default = ({ radius }) => [unitFrame(radius), ...UNIT["missile"].paths(radius)];
+//#endregion
+export { unit_missile_default as default };

package/dist/src/icons/unit-mortar.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-mortar.js
+var unit_mortar_default = ({ radius }) => [unitFrame(radius), ...UNIT["mortar"].paths(radius)];
+//#endregion
+export { unit_mortar_default as default };

package/dist/src/icons/unit-mountain.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-mountain.js
+var unit_mountain_default = ({ radius }) => [unitFrame(radius), ...UNIT["mountain"].paths(radius)];
+//#endregion
+export { unit_mountain_default as default };

package/dist/src/icons/unit-recon.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-recon.js
+var unit_recon_default = ({ radius }) => [unitFrame(radius), ...UNIT["recon"].paths(radius)];
+//#endregion
+export { unit_recon_default as default };

package/dist/src/icons/unit-self-propelled-artillery.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-self-propelled-artillery.js
+var unit_self_propelled_artillery_default = ({ radius }) => [unitFrame(radius), ...UNIT["self-propelled-artillery"].paths(radius)];
+//#endregion
+export { unit_self_propelled_artillery_default as default };

package/dist/src/icons/unit-signal.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-signal.js
+var unit_signal_default = ({ radius }) => [unitFrame(radius), ...UNIT["signal"].paths(radius)];
+//#endregion
+export { unit_signal_default as default };

package/dist/src/icons/unit-special-forces.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-special-forces.js
+var unit_special_forces_default = ({ radius }) => [unitFrame(radius), ...UNIT["special-forces"].paths(radius)];
+//#endregion
+export { unit_special_forces_default as default };

package/dist/src/icons/unit-supply.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-supply.js
+var unit_supply_default = ({ radius }) => [unitFrame(radius), ...UNIT["supply"].paths(radius)];
+//#endregion
+export { unit_supply_default as default };

package/dist/src/icons/unit-transport.js

@@ -0,0 +1,5 @@
+import { UNIT, unitFrame } from "../unit.js";
+//#region src/icons/unit-transport.js
+var unit_transport_default = ({ radius }) => [unitFrame(radius), ...UNIT["transport"].paths(radius)];
+//#endregion
+export { unit_transport_default as default };

package/dist/src/icons/user-admin.js

@@ -0,0 +1,7 @@
+import { success } from "../tone.js";
+import { shield } from "../symbols.js";
+import { withSymbol } from "../user.js";
+//#region src/icons/user-admin.js
+var user_admin_default = ({ radius }) => withSymbol("shield", shield, success, radius);
+//#endregion
+export { user_admin_default as default };

package/dist/src/icons/user-check.js

@@ -0,0 +1,10 @@
+import { success } from "../tone.js";
+import { circle } from "../geometry.js";
+//#region src/icons/user-check.js
+var user_check_default = () => [
+	circle(9, 8, 3.5),
+	"M2.5 20A6.5 6 0 0 1 15.5 20",
+	...success(["M16 10.5L17.75 12.25L21 8.75"])
+];
+//#endregion
+export { user_check_default as default };

package/dist/src/icons/user-circle.js

@@ -0,0 +1,9 @@
+import { circle } from "../geometry.js";
+//#region src/icons/user-circle.js
+var user_circle_default = () => [
+	circle(12, 9.5, 3),
+	"M4.876 17.500A11.400 11.400 0 0 1 19.124 17.500A9 9 0 0 1 4.876 17.500Z",
+	"M4.876 17.500A9 9 0 1 1 19.124 17.500"
+];
+//#endregion
+export { user_circle_default as default };

package/dist/src/icons/user-cog.js

@@ -0,0 +1,25 @@
+import { accent } from "../tone.js";
+import { affine } from "../transform.js";
+import { circle } from "../geometry.js";
+import settings_default from "./settings.js";
+//#region src/icons/user-cog.js
+var K = .45;
+var [cx, cy] = [18, 16.5];
+var R = 8.6 * K;
+var user_cog_default = (opts) => [
+	circle(9, 8, 3.5),
+	"M2.5 20A6.5 6 0 0 1 15.5 20",
+	{
+		d: circle(cx, cy, R),
+		cut: true,
+		hidden: true,
+		occlude: true
+	},
+	...accent(settings_default(opts).map((d) => ({
+		d: affine(d, K, K, cx - 12 * K, cy - 12 * K),
+		cut: true,
+		detail: true
+	})))
+];
+//#endregion
+export { user_cog_default as default };

package/dist/src/icons/user-commenter.js

@@ -0,0 +1,6 @@
+import chat_default from "./chat.js";
+import { withIcon } from "../user.js";
+//#region src/icons/user-commenter.js
+var user_commenter_default = (opts) => withIcon(chat_default, opts);
+//#endregion
+export { user_commenter_default as default };

package/dist/src/icons/user-contractor.js

@@ -0,0 +1,23 @@
+import { crisp, rounded } from "../geometry.js";
+import { withPaths } from "../user.js";
+//#region src/icons/user-contractor.js
+var user_contractor_default = ({ radius }) => withPaths([rounded([
+	[14.5, 12.5],
+	[
+		19.5,
+		12.5,
+		crisp(radius)
+	],
+	[
+		21.5,
+		14.5,
+		crisp(radius)
+	],
+	[21.5, 21.5],
+	[14.5, 21.5]
+], Math.min(radius, 1)), {
+	d: "M16.5 16.5H19.5M16.5 19H19.5",
+	thin: true
+}]);
+//#endregion
+export { user_contractor_default as default };

package/dist/src/icons/user-editor.js

@@ -0,0 +1,6 @@
+import edit_default from "./edit.js";
+import { withIcon } from "../user.js";
+//#region src/icons/user-editor.js
+var user_editor_default = (opts) => withIcon(edit_default, opts);
+//#endregion
+export { user_editor_default as default };

package/dist/src/icons/user-freelancer.js

@@ -0,0 +1,6 @@
+import laptop_default from "./laptop.js";
+import { withIcon } from "../user.js";
+//#region src/icons/user-freelancer.js
+var user_freelancer_default = (opts) => withIcon(laptop_default, opts);
+//#endregion
+export { user_freelancer_default as default };

package/dist/src/icons/user-full-time.js

@@ -0,0 +1,7 @@
+import { info } from "../tone.js";
+import { clock } from "../symbols.js";
+import { withSymbol } from "../user.js";
+//#region src/icons/user-full-time.js
+var user_full_time_default = ({ radius }) => withSymbol("clock", clock, info, radius);
+//#endregion
+export { user_full_time_default as default };

package/dist/src/icons/user-guest.js

@@ -0,0 +1,6 @@
+import help_default from "./help.js";
+import { withIcon } from "../user.js";
+//#region src/icons/user-guest.js
+var user_guest_default = (opts) => withIcon(help_default, opts);
+//#endregion
+export { user_guest_default as default };

package/dist/src/icons/user-intern.js

@@ -0,0 +1,6 @@
+import graduation_cap_default from "./graduation-cap.js";
+import { withIcon } from "../user.js";
+//#region src/icons/user-intern.js
+var user_intern_default = (opts) => withIcon(graduation_cap_default, opts);
+//#endregion
+export { user_intern_default as default };

package/dist/src/icons/user-minus.js

@@ -0,0 +1,10 @@
+import { danger } from "../tone.js";
+import { circle } from "../geometry.js";
+//#region src/icons/user-minus.js
+var user_minus_default = () => [
+	circle(9, 8, 3.5),
+	"M2.5 20A6.5 6 0 0 1 15.5 20",
+	...danger(["M16 10.5H21"])
+];
+//#endregion
+export { user_minus_default as default };

package/dist/src/icons/user-owner.js

@@ -0,0 +1,7 @@
+import { warning } from "../tone.js";
+import crown_default from "./crown.js";
+import { withIcon } from "../user.js";
+//#region src/icons/user-owner.js
+var user_owner_default = (opts) => withIcon(crown_default, opts, warning);
+//#endregion
+export { user_owner_default as default };

package/dist/src/icons/user-part-time.js

@@ -0,0 +1,11 @@
+import { info } from "../tone.js";
+import { circle } from "../geometry.js";
+import { BADGE, withPaths } from "../user.js";
+//#region src/icons/user-part-time.js
+var [x, y] = BADGE;
+var user_part_time_default = () => withPaths([`${circle(x, y, 3.5)}Z`, {
+	d: `M${x} ${y - 3.5}A3.5 3.5 0 0 0 ${x} ${y + 3.5}Z`,
+	fill: true
+}], info);
+//#endregion
+export { user_part_time_default as default };

package/dist/src/icons/user-remote.js

@@ -0,0 +1,16 @@
+import { rounded } from "../geometry.js";
+import { BADGE, withPaths } from "../user.js";
+//#region src/icons/user-remote.js
+var [x] = BADGE;
+var user_remote_default = ({ radius }) => withPaths([rounded([
+	[x, 12.5],
+	[21.5, 15.5],
+	[21.5, 21.5],
+	[14.5, 21.5],
+	[14.5, 15.5]
+], Math.min(radius, 1)), {
+	d: `M${x - 1} 21.5V19H${x + 1}V21.5`,
+	thin: true
+}]);
+//#endregion
+export { user_remote_default as default };

package/dist/src/icons/user-temp.js

@@ -0,0 +1,5 @@
+import { withPaths } from "../user.js";
+//#region src/icons/user-temp.js
+var user_temp_default = () => withPaths(["M15.5 12.5H20.5V14L18 17L20.5 20V21.5H15.5V20L18 17L15.5 14Z"]);
+//#endregion
+export { user_temp_default as default };

package/dist/src/icons/user-viewer.js

@@ -0,0 +1,6 @@
+import eye_default from "./eye.js";
+import { withIcon } from "../user.js";
+//#region src/icons/user-viewer.js
+var user_viewer_default = (opts) => withIcon(eye_default, opts);
+//#endregion
+export { user_viewer_default as default };

package/dist/src/icons/user-x.js

@@ -0,0 +1,10 @@
+import { danger } from "../tone.js";
+import { circle } from "../geometry.js";
+//#region src/icons/user-x.js
+var user_x_default = () => [
+	circle(9, 8, 3.5),
+	"M2.5 20A6.5 6 0 0 1 15.5 20",
+	...danger(["M16.25 8.25L20.75 12.75M20.75 8.25L16.25 12.75"])
+];
+//#endregion
+export { user_x_default as default };

package/dist/src/icons/voicemail.js

@@ -0,0 +1,4 @@
+//#region src/icons/voicemail.js
+var voicemail_default = () => ["M7 15.5A3.5 3.5 0 1 1 7 8.5A3.5 3.5 0 1 1 7 15.5H17A3.5 3.5 0 1 1 17 8.5A3.5 3.5 0 1 1 17 15.5"];
+//#endregion
+export { voicemail_default as default };

package/dist/src/icons/volume-low.js

@@ -0,0 +1,12 @@
+import { rounded } from "../geometry.js";
+import { speaker } from "../media.js";
+//#region src/icons/volume-low.js
+var [cx, cy, r] = [
+	12.5,
+	12,
+	3.5
+];
+var d = r * Math.SQRT1_2;
+var volume_low_default = ({ radius }) => [rounded(speaker, radius), `M${cx + d} ${cy - d}A${r} ${r} 0 0 1 ${cx + d} ${cy + d}`];
+//#endregion
+export { volume_low_default as default };

package/dist/src/icons/washing-machine.js

@@ -0,0 +1,21 @@
+import { dot } from "../scene.js";
+import { circle, rounded } from "../geometry.js";
+//#region src/icons/washing-machine.js
+var washing_machine_default = ({ radius }) => [
+	rounded([
+		[3.5, 2.5],
+		[20.5, 2.5],
+		[20.5, 21.5],
+		[3.5, 21.5]
+	], Math.min(radius, 2)),
+	"M3.5 8.5H20.5",
+	dot(6.5, 5.5, 1.5),
+	dot(9.5, 5.5, 1.5),
+	circle(12, 15, 3.75),
+	{
+		d: "M10.25 15.5C11 14.75 11.5 14.75 12 15.25C12.5 15.75 13 15.75 13.75 15",
+		thin: true
+	}
+];
+//#endregion
+export { washing_machine_default as default };

package/dist/src/icons/waves.js

@@ -0,0 +1,17 @@
+//#region src/icons/waves.js
+var wave = (y) => {
+	const h = 19 / 4;
+	let d = `M2.5 ${y}`;
+	for (let i = 0; i < 4; i++) {
+		const [x0, k] = [2.5 + i * h, i % 2 ? 1 : -1];
+		d += `C${x0 + h * .36} ${y + k * 2} ${x0 + h * .64} ${y + k * 2} ${x0 + h} ${y}`;
+	}
+	return d;
+};
+var waves_default = () => [
+	wave(7),
+	wave(12),
+	wave(17)
+];
+//#endregion
+export { waves_default as default };

package/dist/src/icons/webhook.js

@@ -0,0 +1,13 @@
+import { dot } from "../scene.js";
+//#region src/icons/webhook.js
+var nodes = [
+	[12, 4.5],
+	[19.5, 17.5],
+	[4.5, 17.5]
+];
+var webhook_default = () => [...nodes.map((a, i) => {
+	const b = nodes[(i + 1) % 3];
+	return `M${a[0]} ${a[1]}A16 16 0 0 0 ${b[0]} ${b[1]}`;
+}), ...nodes.map(([x, y]) => dot(x, y, 4.5))];
+//#endregion
+export { webhook_default as default };

package/dist/src/laundry.js

@@ -1,7 +1,7 @@
 import { dot } from "./scene.js";
 import { danger } from "./tone.js";
 import { circle, rounded } from "./geometry.js";
-import { glyph, line } from "./letters.js";
+import { LABEL, glyph, line, snap } from "./letters.js";
 import { ring, square } from "./marks.js";
 //#region src/laundry.js
 var cross = danger(["M3.5 3.5L20.5 20.5", "M20.5 3.5L3.5 20.5"]);
@@ -28,9 +28,9 @@ function tub(radius, bars = 0) {
 	for (let i = 0; i < bars; i++) paths.push(`M5.5 ${bottom + 3 * (i + 1)}H18.5`);
 	return paths;
 }
-var temp = (t) => (r) => [...tub(r), ...line(t, [12, 12.75], .8).map((d) => ({
+var temp = (t) => (r) => [...tub(r), ...snap(line(t, [12, 12.75], .8, 1.5, .8, LABEL)).map((d) => ({
 	d,
-	detail: true
+	thin: true
 }))];
 var triangle = (radius) => rounded([
 	[12, 3],

package/dist/src/lens.js

@@ -0,0 +1,14 @@
+import { rounded } from "./geometry.js";
+//#region src/lens.js
+var fmt = (n) => +n.toFixed(3);
+function lens(top, bulge, radius) {
+	const r = Math.min(radius, 1);
+	const [fx, fy] = top.at(-1);
+	const half = 12 - fy;
+	const R = (half * half + bulge * bulge) / (2 * bulge);
+	const upper = rounded(top, r, false);
+	const lower = rounded(top.map(([x, y]) => [x, 24 - y]).reverse(), r, false).replace(/^M[^A-Za-z]+/, "");
+	return `${upper}A${fmt(R)} ${fmt(R)} 0 0 1 ${fx} ${24 - fy}${lower}Z`;
+}
+//#endregion
+export { lens };

package/dist/src/letters.js

@@ -42,6 +42,44 @@ var GLYPHS = {
 	"+": "M.25 3H3.25M1.75 1.5V4.5",
 	"-": "M.5 3H3"
 };
+var LABEL_GLYPHS = {
+	A: "M0 7V1L1 0H2.5L3.5 1V7M0 3.5H3.5",
+	B: "M0 0H2.5L3.5 1V2.5L2.5 3.5L3.5 4.5V6L2.5 7H0ZM0 3.5H2.5",
+	C: "M3.5 0H1L0 1V6L1 7H3.5",
+	D: "M0 0H2L3.5 1.5V5.5L2 7H0Z",
+	E: "M3.5 0H0V7H3.5M0 3.5H2.75",
+	F: "M3.5 0H0V7M0 3.5H2.75",
+	G: "M3.5 0H1L0 1V6L1 7H3.5V3.5H2",
+	H: "M0 0V7M3.5 0V7M0 3.5H3.5",
+	I: "M0 0H3.5M1.75 0V7M0 7H3.5",
+	J: "M3.5 0V6L2.5 7H1L0 6",
+	K: "M0 0V7M0 3.5H1.25L3.5 0M1.25 3.5L3.5 7",
+	L: "M0 0V7H3.5",
+	M: "M0 7V0L1.75 2.5L3.5 0V7",
+	N: "M0 7V0L3.5 7V0",
+	O: "M1 0H2.5L3.5 1V6L2.5 7H1L0 6V1Z",
+	P: "M0 7V0H2.5L3.5 1V2.5L2.5 3.5H0",
+	Q: "M1 0H2.5L3.5 1V6L2.5 7H1L0 6V1ZM2.25 5.25L3.5 7",
+	R: "M0 7V0H2.5L3.5 1V2.5L2.5 3.5H0M2.5 3.5L3.5 4.5V7",
+	S: "M3.5 0H1L0 1V2.5L1 3.5H2.5L3.5 4.5V6L2.5 7H0",
+	T: "M0 0H3.5M1.75 0V7",
+	U: "M0 0V6L1 7H2.5L3.5 6V0",
+	V: "M0 0V2.5L1.75 7L3.5 2.5V0",
+	W: "M0 0V7L1.75 4.5L3.5 7V0",
+	X: "M0 0L3.5 7M3.5 0L0 7",
+	Y: "M0 0L1.75 3.5L3.5 0M1.75 3.5V7",
+	Z: "M0 0H3.5L0 7H3.5",
+	0: "M1 0H2.5L3.5 1V6L2.5 7H1L0 6V1Z",
+	1: "M1 1L2.25 0V7",
+	2: "M0 1L1 0H2.5L3.5 1V2.5L2.5 3.5H1L0 4.5V7H3.5",
+	3: "M0 0H2.5L3.5 1V2.5L2.5 3.5H1M2.5 3.5L3.5 4.5V6L2.5 7H0",
+	4: "M2.5 7V0L0 4.5H3.5",
+	5: "M3.5 0H0V3.5H2.5L3.5 4.5V6L2.5 7H0",
+	6: "M3 0H1L0 1V6L1 7H2.5L3.5 6V4.5L2.5 3.5H0",
+	7: "M0 0H3.5V1L1.5 7",
+	8: "M1 0H2.5L3.5 1V2.5L2.5 3.5H1L0 2.5V1ZM1 3.5L0 4.5V6L1 7H2.5L3.5 6V4.5L2.5 3.5",
+	9: "M3.5 3.5H1L0 2.5V1L1 0H2.5L3.5 1V6L2.5 7H.5"
+};
 var place = (d, dx, dy, sx = 1, sy = 1) => affine(d, sx, sy, dx, dy);
 var half = (v) => Math.ceil(+(v - 1).toFixed(6)) + .5;
 function axisMap(lines) {
@@ -99,8 +137,6 @@ function snap(paths) {
 	});
 	return Array.isArray(paths) ? res : res[0];
 }
-var crispGlyph = (...args) => snap(glyph(...args));
-var glyph = (c, x, y, scale = 1, sy = scale) => place(GLYPHS[c], x, y, scale, sy);
 var NARROW = {
 	"1": {
 		advance: 2,
@@ -111,29 +147,52 @@ var NARROW = {
 		shift: .5
 	}
 };
-var advance = (c) => NARROW[c]?.advance ?? W;
-var textWidth = (str, sx = 1, gap = 1.5) => [...str].reduce((w, c, i) => w + advance(c) * sx + (i ? gap : 0), 0);
-function lineAt(str, [x, y], sx = 1, gap = 1.5, sy = sx) {
+var ROUND = {
+	glyphs: GLYPHS,
+	sy: 1,
+	narrow: NARROW
+};
+var LABEL = {
+	glyphs: LABEL_GLYPHS,
+	sy: 6 / 7,
+	narrow: {
+		"1": {
+			advance: 2,
+			shift: .75
+		},
+		"-": NARROW["-"]
+	}
+};
+function glyph(c, x, y, scale = 1, sy = scale, font = ROUND) {
+	const d = font.glyphs[c];
+	return d ? place(d, x, y, scale, sy * font.sy) : place(GLYPHS[c], x, y, scale, sy);
+}
+var crispGlyph = (...args) => snap(glyph(...args));
+var advance = (c, font = ROUND) => font.narrow[c]?.advance ?? W;
+var shift = (c, font = ROUND) => font.narrow[c]?.shift ?? 0;
+var textWidth = (str, sx = 1, gap = 1.5, font = ROUND) => [...str].reduce((w, c, i) => w + advance(c, font) * sx + (i ? gap : 0), 0);
+function lineAt(str, [x, y], sx = 1, gap = 1.5, sy = sx, font = ROUND) {
 	return [...str].flatMap((c) => {
-		const d = c === " " ? [] : [glyph(c, x - (NARROW[c]?.shift ?? 0) * sx, y, sx, sy)];
-		x += advance(c) * sx + gap;
+		const d = c === " " ? [] : [glyph(c, x - shift(c, font) * sx, y, sx, sy, font)];
+		x += advance(c, font) * sx + gap;
 		return d;
 	});
 }
-var line = (str, [cx, cy], sx = 1, gap = 1.5, sy = sx) => lineAt(str, [cx - textWidth(str, sx, gap) / 2, cy - 3 * sy], sx, gap, sy);
-var GAP = 1.75;
+var line = (str, [cx, cy], sx = 1, gap = 1.5, sy = sx, font = ROUND) => lineAt(str, [cx - textWidth(str, sx, gap, font) / 2, cy - 3 * sy], sx, gap, sy, font);
+var GAP = 2.5;
 function label(text, { left, right, top }) {
 	const chars = [...text.toUpperCase()];
 	const n = chars.length;
-	const span = right - left;
-	const sx = n > 3 ? .75 : 1;
+	const widen = n > 3 ? 2.5 : 1;
+	const [l, r] = [left - widen, right + widen];
+	const gap = n > 1 ? GAP : 0;
+	const sx = Math.min(1, (r - l - gap * (n - 1)) / (W * n));
 	const w = W * sx;
-	const gap = n > 1 ? Math.min((span - w * n) / (n - 1), GAP) : 0;
-	const start = left + (span - (w * n + gap * (n - 1))) / 2;
-	return chars.map((c, i) => ({
-		d: place(GLYPHS[c], start + i * (w + gap), top, sx),
-		detail: true
-	}));
+	const start = l + (r - l - (w * n + gap * (n - 1))) / 2;
+	return snap(chars.map((c, i) => ({
+		d: place(LABEL_GLYPHS[c] ?? GLYPHS[c], start + i * (w + gap), top, sx),
+		thin: true
+	})));
 }
 //#endregion
-export { advance, crispGlyph, glyph, label, line, lineAt, snap, textWidth };
+export { LABEL, ROUND, advance, crispGlyph, glyph, label, line, lineAt, shift, snap, textWidth };

package/dist/src/license.js

@@ -1,5 +1,5 @@
 import { circle, rounded } from "./geometry.js";
-import { line, textWidth } from "./letters.js";
+import { LABEL, line, snap, textWidth } from "./letters.js";
 //#region src/license.js
 var SEAL = [
 	17,
@@ -23,11 +23,11 @@ var paper = (radius) => rounded([
 ], Math.min(radius, 2));
 var GAP = 2;
 function license(text, radius) {
-	const sx = Math.min(.8, (13 - GAP * (text.length - 1)) / textWidth(text));
+	const sx = Math.min(.8, (13 - GAP * (text.length - 1)) / textWidth(text, 1, 1.5, LABEL));
 	return [
 		paper(radius),
 		...seal(),
-		...line(text, [12, 8], sx, GAP, 5 / 6).map((d) => ({
+		...snap(line(text, [12, 8], sx, GAP, 5 / 6, LABEL)).map((d) => ({
 			d,
 			thin: true
 		}))

package/dist/src/loading.js

@@ -161,13 +161,13 @@ var LOADING = {
 	},
 	spinner: {
 		duration: 900,
-		frames: 24,
+		frames: 72,
 		t0: 0,
 		draw: ({ t }) => [arc(9, 360 * t - 90, 360 * t + 180)]
 	},
 	ring: {
 		duration: 1600,
-		frames: 32,
+		frames: 96,
 		t0: .5,
 		draw: ({ t }) => {
 			const sweep = 30 + 220 * swell(t);
@@ -177,7 +177,7 @@ var LOADING = {
 	},
 	arcs: {
 		duration: 1500,
-		frames: 30,
+		frames: 90,
 		t0: 0,
 		draw: ({ t }) => [arc(9, 360 * t - 90, 360 * t + 30), arc(5, -360 * t + 90, -360 * t + 210)]
 	},