@diffenderfer-games/hub 2.0.0-next.1 → 2.0.0-next.11

package/dist/avatar-pixi.js

@@ -0,0 +1,299 @@
+import { C as frameBox, I as toCode, g as expressionFromEmote } from "./shared/svg-markup.js";
+import { a as paintNodes, n as defaultLayer } from "./shared/pose-key.js";
+import { c as drawToCanvas, o as animator, r as layout, t as overlays } from "./shared/overlays.js";
+import { t as liveCanvas } from "./shared/live-canvas.js";
+//#region src/avatar/adapters/pixi-types.ts
+/** Re-uploads a texture after its canvas changed (Pixi 8 and 7). */
+function refresh(texture) {
+	if (texture.source) texture.source.update();
+	else texture.update?.();
+}
+//#endregion
+//#region src/avatar/adapters/pixi-avatar.ts
+/** A live avatar sprite: `pixiAvatar(pixi, seat.look, { size: 64, animator })`. */
+function pixiAvatar(pixi, like, opts = {}) {
+	const resolution = opts.resolution ?? 2;
+	const live = liveCanvas(like, opts, resolution);
+	live.draw(opts.pose);
+	const texture = pixi.Texture.from(live.canvas);
+	const view = new pixi.Sprite(texture);
+	view.anchor.set(.5);
+	view.scale.set(1 / resolution);
+	return {
+		view,
+		update(t) {
+			const pose = typeof t === "number" ? opts.animator?.pose(t) : t;
+			if (live.draw(pose ?? opts.pose)) refresh(texture);
+		},
+		setLook(next) {
+			live.setLook(next);
+			opts.animator?.setLook(next);
+			if (live.draw(opts.pose)) refresh(texture);
+		},
+		destroy() {
+			view.destroy();
+			texture.destroy(true);
+		}
+	};
+}
+/** A still avatar texture (Pixi 7 games use this from a bitmap-like canvas). */
+function avatarTexture(pixi, like, opts = {}) {
+	return pixi.Texture.from(drawToCanvas(like, opts));
+}
+//#endregion
+//#region src/avatar/adapters/pixi-crowd.ts
+/**
+* `createCrowd` (§3.11): the world's whole avatar layer in Pixi 8. One
+* y-sorted container; most avatars are atlas frames (shared page textures,
+* so Pixi batches them), and up to `liveMax` flagged ones (nearest, hovered,
+* talking, friends; the world decides) are live vector avatars with full
+* expressions. Name tags and bubbles are cached textures, re-rendered only
+* when their text changes. Baking is time-sliced; an avatar without a baked
+* frame yet shows the silhouette.
+*/
+const EMOTE_MS = 2500;
+const CYCLE = {
+	walk: 520,
+	run: 320,
+	dance: 900,
+	jump: 700,
+	cheer: 600,
+	idle: 2400
+};
+/** The walker's stubby legs step quicker: a bouncy waddle. */
+const WALKER_CYCLE = {
+	...CYCLE,
+	walk: 340,
+	run: 240,
+	idle: 2800
+};
+/** A crowd over an atlas: `createCrowd(pixi, { atlas, container })`. */
+function createCrowd(pixi, opts) {
+	const { atlas, container } = opts;
+	const overlayLayer = opts.overlays ?? container;
+	const displayScale = opts.displayScale ?? 1;
+	container.sortableChildren = true;
+	overlayLayer.sortableChildren = true;
+	const liveMax = opts.liveMax ?? 6;
+	const figure = opts.figure ?? "blob";
+	const cycles = figure === "walker" ? WALKER_CYCLE : CYCLE;
+	const [, liveTop, , liveHeight] = frameBox({
+		frame: "full",
+		figure
+	});
+	const entries = /* @__PURE__ */ new Map();
+	const pageTextures = [];
+	const frameTextures = /* @__PURE__ */ new Map();
+	const overlayTextures = /* @__PURE__ */ new Map();
+	/** Where the name plate sits above the feet (rig units), cached per look, pose and prop. */
+	const nameplates = /* @__PURE__ */ new Map();
+	const nameplateY = (look, body, status) => {
+		const key = `${toCode(look)}|${body}|${status ?? ""}`;
+		let plateY = nameplates.get(key);
+		if (plateY === void 0) {
+			plateY = layout(look, {
+				figure,
+				pose: {
+					body,
+					status
+				}
+			}).nameplate.y;
+			nameplates.set(key, plateY);
+		}
+		return plateY;
+	};
+	const overlayTexture = (key, overlay) => {
+		const hit = overlayTextures.get(key);
+		if (hit) return hit;
+		const [left, top, w, h] = overlay.box;
+		const resolution = 2;
+		const made = defaultLayer(Math.ceil(w * resolution), Math.ceil(h * resolution));
+		if (!made || !("getContext" in made.canvas)) return null;
+		made.ctx.scale(resolution, resolution);
+		made.ctx.translate(-left, -top);
+		paintNodes(made.ctx, overlay.nodes);
+		const out = {
+			texture: pixi.Texture.from(made.canvas),
+			ax: -left / w,
+			ay: -top / h
+		};
+		overlayTextures.set(key, out);
+		return out;
+	};
+	const textureFor = (page, left, top, w, h) => {
+		const sources = atlas.sources;
+		while (pageTextures.length < sources.length) {
+			const source = sources[pageTextures.length];
+			if (!source || !("getContext" in source)) return null;
+			pageTextures.push(pixi.Texture.from(source));
+		}
+		const base = pageTextures[page]?.source;
+		if (!base) return null;
+		const key = `${String(page)}:${String(left)}:${String(top)}`;
+		let tex = frameTextures.get(key);
+		if (!tex) {
+			tex = new pixi.Texture({
+				source: base,
+				frame: new pixi.Rectangle(left, top, w, h)
+			});
+			frameTextures.set(key, tex);
+		}
+		return tex;
+	};
+	const placeOverlay = (slot, key, make, atX, atY) => {
+		if (key === "") {
+			if (slot.sprite) slot.sprite.visible = false;
+			return;
+		}
+		let sprite = slot.sprite;
+		if (slot.key !== key || !sprite) {
+			const overlay = make();
+			const made = overlay ? overlayTexture(key, overlay) : null;
+			if (!made) return;
+			if (!sprite) {
+				sprite = new pixi.Sprite(made.texture);
+				overlayLayer.addChild(sprite);
+			}
+			slot.sprite = sprite;
+			sprite.texture = made.texture;
+			sprite.anchor.set(made.ax, made.ay);
+			sprite.scale.set(.5);
+			slot.key = key;
+		}
+		sprite.visible = true;
+		sprite.x = atX;
+		sprite.y = atY;
+		sprite.zIndex = 1e6 + atY;
+	};
+	return {
+		set(id, member) {
+			const key = String(id);
+			const entry = entries.get(key);
+			if (entry) {
+				if (member.emote && member.emote !== entry.member.emote) {
+					entry.emoteAt = -1;
+					const face = expressionFromEmote(member.emote);
+					if (face) entry.anim.express(face);
+				}
+				if (member.look !== entry.member.look) entry.live?.setLook(member.look);
+				entry.member = member;
+				return;
+			}
+			const sprite = new pixi.Sprite();
+			container.addChild(sprite);
+			entries.set(key, {
+				member,
+				sprite,
+				tag: {
+					sprite: null,
+					key: ""
+				},
+				bubble: {
+					sprite: null,
+					key: ""
+				},
+				emoteAt: member.emote ? -1 : 0,
+				hasFrame: false,
+				live: null,
+				body: null,
+				anim: animator(member.look, { seed: key })
+			});
+		},
+		remove(id) {
+			const entry = entries.get(String(id));
+			if (!entry) return;
+			entry.sprite.destroy();
+			entry.tag.sprite?.destroy();
+			entry.bubble.sprite?.destroy();
+			entry.live?.destroy();
+			entries.delete(String(id));
+		},
+		update(t) {
+			if (atlas.bake(opts.bakeMs ?? 4) > 0) pageTextures.forEach(refresh);
+			const wantsLive = [...entries.values()].filter((e) => e.member.live === true).slice(0, liveMax);
+			const liveSet = new Set(wantsLive);
+			for (const entry of entries.values()) {
+				const m = entry.member;
+				const body = m.body ?? "idle";
+				if (entry.emoteAt === -1) entry.emoteAt = t;
+				const isEmoting = m.emote !== void 0 && t - entry.emoteAt < EMOTE_MS;
+				if (liveSet.has(entry)) {
+					if (!entry.live) {
+						entry.live = pixiAvatar(pixi, m.look, {
+							frame: "full",
+							figure,
+							size: 64,
+							rim: true,
+							shadow: false,
+							animator: entry.anim
+						});
+						container.addChild(entry.live.view);
+					}
+					entry.sprite.visible = false;
+					const view = entry.live.view;
+					if (entry.body !== body) {
+						entry.body = body;
+						entry.anim.setBody(body, { at: t });
+					}
+					entry.live.update({
+						...entry.anim.pose(t),
+						body,
+						status: m.status ?? null,
+						phase: t / (cycles[body] ?? 600) % 1
+					});
+					view.x = m.x;
+					view.y = m.y + (figure === "walker" ? (liveTop + liveHeight / 2) * (64 / liveHeight) : -32);
+					view.zIndex = m.y;
+					view.visible = true;
+				} else {
+					if (entry.live) entry.live.view.visible = false;
+					const frame = atlas.frame({
+						look: m.look,
+						facing: m.facing ?? "S",
+						body,
+						status: m.status ?? null,
+						phase: t / (cycles[body] ?? 600) % 1,
+						face: isEmoting ? "happy" : "neutral"
+					});
+					const shown = frame ?? (entry.hasFrame ? null : atlas.frame({ look: null }));
+					entry.hasFrame || (entry.hasFrame = frame !== null);
+					const tex = shown ? textureFor(shown.page, shown.x, shown.y, shown.w, shown.h) : null;
+					if (tex) {
+						entry.sprite.texture = tex;
+						entry.sprite.visible = true;
+					}
+					if (shown) {
+						entry.sprite.anchor.set(shown.footX / shown.w, shown.footY / shown.h);
+						entry.sprite.scale.set(shown.mirror ? -displayScale : displayScale, displayScale);
+					}
+					entry.sprite.x = m.x;
+					entry.sprite.y = m.y;
+					entry.sprite.zIndex = m.y;
+				}
+				const top = m.y - (m.tagLift ?? 0) + nameplateY(m.look, body, m.status ?? null) * (entry.live?.view.visible === true ? 64 / liveHeight : atlas.scale * displayScale);
+				const tagKey = m.name && !m.tagHidden ? `tag:${m.name}:${m.friend ? 1 : 0}:${m.you ? 1 : 0}` : "";
+				placeOverlay(entry.tag, tagKey, () => m.name ? overlays.nameTag({
+					name: m.name,
+					friend: m.friend === true,
+					you: m.you === true
+				}) : null, m.x, top);
+				const bubbleKey = isEmoting && m.emote ? `emote:${m.emote}` : m.reaction ? `react:${m.reaction}` : m.activity ? `act:${m.activity}` : "";
+				placeOverlay(entry.bubble, bubbleKey, () => {
+					if (isEmoting && m.emote) return overlays.emoteBubble(m.emote);
+					if (m.reaction) return overlays.reactionBubble(m.reaction);
+					return m.activity ? overlays.activityBubble({ game: m.activity }) : null;
+				}, m.x, top - 12);
+			}
+		},
+		destroy() {
+			for (const id of [...entries.keys()]) this.remove(id);
+			for (const tex of frameTextures.values()) tex.destroy(false);
+			for (const tex of pageTextures) tex.destroy(true);
+			for (const o of overlayTextures.values()) o.texture.destroy(true);
+		}
+	};
+}
+//#endregion
+export { avatarTexture, createCrowd, pixiAvatar };
+
+//# sourceMappingURL=avatar-pixi.js.map

package/dist/avatar-pixi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-pixi.js","names":[],"sources":["../src/avatar/adapters/pixi-types.ts","../src/avatar/adapters/pixi-avatar.ts","../src/avatar/adapters/pixi-crowd.ts"],"mappings":"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"}

package/dist/avatar-svg.d.ts

@@ -0,0 +1,4 @@
+import { a as Frame, g as Expression, h as EXPRESSION_NAMES, l as Pose, r as Facing, s as LookLike, u as RenderOptions, x as isExpression } from "./shared/types.js";
+import { a as renderSvg, i as ready, n as describe } from "./shared/describe.js";
+import { AvatarLook, decodeLook, defaultLook, encodeLook } from "@diffenderfer-games/hub-contract/avatar";
+export { type AvatarLook, EXPRESSION_NAMES, type Expression, type Facing, type Frame, type LookLike, type Pose, type RenderOptions, decodeLook, defaultLook, describe, encodeLook, isExpression, ready, renderSvg };

package/dist/avatar-svg.js

@@ -0,0 +1,5 @@
+import { h as EXPRESSION_NAMES, v as isExpression, x as ready } from "./shared/svg-markup.js";
+import { n as renderSvg } from "./shared/svg.js";
+import { n as describe } from "./shared/describe.js";
+import { decodeLook, defaultLook, encodeLook } from "@diffenderfer-games/hub-contract/avatar";
+export { EXPRESSION_NAMES, decodeLook, defaultLook, describe, encodeLook, isExpression, ready, renderSvg };

package/dist/avatar-three.d.ts

@@ -0,0 +1,69 @@
+import { l as Pose, s as LookLike, u as RenderOptions } from "./shared/types.js";
+import { t as Animator } from "./shared/animator.js";
+//#region src/avatar/adapters/three.d.ts
+/**
+ * The slice of three.js {@link avatarCanvasTexture} uses: `import * as THREE
+ * from 'three'`, or an object of the named imports. Generic over the game's
+ * own `CanvasTexture`, inferred from what is passed, so the texture that comes
+ * back is three's own type.
+ */
+interface ThreeTextureNs<TTexture extends ThreeTexture = ThreeTexture> {
+  readonly CanvasTexture: new (canvas: HTMLCanvasElement | OffscreenCanvas) => TTexture;
+  readonly SRGBColorSpace?: string;
+}
+/**
+ * The slice of three.js {@link avatarSprite} uses (the namespace, or the named
+ * imports). The sprite that comes back is three's own `Sprite`, so
+ * `scene.add(sprite)` needs no cast. `TMap` is what the game's
+ * `SpriteMaterial` takes as its `map` (three's `Texture`); it is inferred on
+ * its own so an inline object of the named imports infers too.
+ */
+interface ThreeNs<TTexture extends ThreeTexture = ThreeTexture, TMaterial extends ThreeMaterial = ThreeMaterial, TSprite extends ThreeSprite = ThreeSprite, TMap = TTexture> extends ThreeTextureNs<TTexture> {
+  readonly SpriteMaterial: new (params: {
+    map: TMap;
+    transparent: boolean;
+  }) => TMaterial;
+  readonly Sprite: new (material: TMaterial) => TSprite;
+}
+/** A texture. */
+interface ThreeTexture {
+  needsUpdate: boolean;
+  colorSpace?: string;
+  dispose(): void;
+}
+/** A material. */
+interface ThreeMaterial {
+  dispose(): void;
+}
+/** A sprite. */
+interface ThreeSprite {
+  readonly scale: {
+    set(x: number, y: number, z: number): void;
+  };
+}
+/** Options for the three.js helpers. */
+interface ThreeAvatarOptions extends RenderOptions {
+  readonly animator?: Animator;
+  /** Texture pixels per `size` pixel (default 2). */
+  readonly resolution?: number;
+}
+/** A live avatar texture; `texture` is the game's own `CanvasTexture`. */
+interface ThreeAvatarTexture<TTexture extends ThreeTexture = ThreeTexture> {
+  readonly texture: TTexture;
+  /** Redraws for the animator's pose at `t` (or a given pose), at most 30 times a second. */
+  update(t: number | Pose): void;
+  setLook(like: LookLike): void;
+  dispose(): void;
+}
+/** A `CanvasTexture` showing the avatar. */
+export declare function avatarCanvasTexture<TTexture extends ThreeTexture>(three: ThreeTextureNs<TTexture>, like: LookLike, opts?: ThreeAvatarOptions): ThreeAvatarTexture<TTexture>;
+/** A billboard `Sprite` of the avatar, `height` world units tall (default 1). */
+export declare function avatarSprite<TTexture extends ThreeTexture & TMap, TMaterial extends ThreeMaterial, TSprite extends ThreeSprite, TMap>(three: ThreeNs<TTexture, TMaterial, TSprite, TMap>, like: LookLike, opts?: ThreeAvatarOptions & {
+  readonly height?: number;
+}): {
+  readonly sprite: TSprite;
+  readonly avatar: ThreeAvatarTexture<TTexture>;
+};
+//#endregion
+export type { ThreeAvatarOptions, ThreeAvatarTexture, ThreeNs, ThreeTextureNs };
+//# sourceMappingURL=avatar-three.d.ts.map

package/dist/avatar-three.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-three.d.ts","names":[],"sources":["../src/avatar/adapters/three.ts"],"mappings":";;;;;;;;;UAgBiB,eAAe,iBAAiB,eAAe;WACrD,oBAAoB,QAAQ,oBAAoB,oBAAoB;WACpE;;;;;;;;;UAUM,QACf,iBAAiB,eAAe,cAChC,kBAAkB,gBAAgB,eAClC,gBAAgB,cAAc,aAC9B,OAAO,kBACC,eAAe;WACd,qBAAqB;IAAU,KAAK;IAAM;QAA2B;WACrE,aAAa,UAAU,cAAc;;;UAI/B;EACf;EACA;EACA;;;UAIe;EACf;;;UAIe;WACN;IAAS,IAAI,WAAW,WAAW;;;;UAI7B,2BAA2B;WACjC,WAAW;;WAEX;;;UAIM,mBAAmB,iBAAiB,eAAe;WACzD,SAAS;;EAElB,OAAO,YAAY;EACnB,QAAQ,MAAM;EACd;;;wBAMc,oBAAoB,iBAAiB,cACnD,OAAO,eAAe,WACtB,MAAM,UACN,OAAM,qBACL,mBAAmB;;wBAoCN,aAAa,iBAAiB,eAAe,MAAM,kBAAkB,eAAe,gBAAgB,aAAa,MAC/H,OAAO,QAAQ,UAAU,WAAW,SAAS,OAC7C,MAAM,UACN,OAAM;WAAgC;;WAC1B,QAAQ;WAAkB,QAAQ,mBAAmB"}

package/dist/avatar-three.js

@@ -0,0 +1,49 @@
+import { t as liveCanvas } from "./shared/live-canvas.js";
+//#region src/avatar/adapters/three.ts
+const MIN_FRAME_MS = 1e3 / 30;
+/** A `CanvasTexture` showing the avatar. */
+function avatarCanvasTexture(three, like, opts = {}) {
+	const live = liveCanvas(like, opts, opts.resolution ?? 2);
+	live.draw(opts.pose);
+	const texture = new three.CanvasTexture(live.canvas);
+	if (three.SRGBColorSpace) texture.colorSpace = three.SRGBColorSpace;
+	let last = -Infinity;
+	return {
+		texture,
+		update(t) {
+			if (typeof t === "number") {
+				if (t - last < MIN_FRAME_MS) return;
+				last = t;
+			}
+			const pose = typeof t === "number" ? opts.animator?.pose(t) : t;
+			if (live.draw(pose ?? opts.pose)) texture.needsUpdate = true;
+		},
+		setLook(next) {
+			live.setLook(next);
+			opts.animator?.setLook(next);
+			if (live.draw(opts.pose)) texture.needsUpdate = true;
+		},
+		dispose() {
+			texture.dispose();
+		}
+	};
+}
+/** A billboard `Sprite` of the avatar, `height` world units tall (default 1). */
+function avatarSprite(three, like, opts = {}) {
+	const avatar = avatarCanvasTexture(three, like, opts);
+	const sprite = new three.Sprite(new three.SpriteMaterial({
+		map: avatar.texture,
+		transparent: true
+	}));
+	const h = opts.height ?? 1;
+	const aspect = opts.frame === "full" ? 172 / 206 : 1;
+	sprite.scale.set(h * aspect, h, 1);
+	return {
+		sprite,
+		avatar
+	};
+}
+//#endregion
+export { avatarCanvasTexture, avatarSprite };
+
+//# sourceMappingURL=avatar-three.js.map

package/dist/avatar-three.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-three.js","names":[],"sources":["../src/avatar/adapters/three.ts"],"mappings":";;AAuEA,MAAM,eAAe,MAAO;;AAG5B,SAAgB,oBACd,OACA,MACA,OAA2B,CAAC,GACE;CAC9B,MAAM,OAAO,WAAW,MAAM,MAAM,KAAK,cAAc,CAAC;CACxD,KAAK,KAAK,KAAK,IAAI;CACnB,MAAM,UAAU,IAAI,MAAM,cAAc,KAAK,MAAM;CACnD,IAAI,MAAM,gBACR,QAAQ,aAAa,MAAM;CAE7B,IAAI,OAAO;CACX,OAAO;EACL;EACA,OAAO,GAAG;GACR,IAAI,OAAO,MAAM,UAAU;IACzB,IAAI,IAAI,OAAO,cACb;IAEF,OAAO;GACT;GACA,MAAM,OAAO,OAAO,MAAM,WAAW,KAAK,UAAU,KAAK,CAAC,IAAI;GAC9D,IAAI,KAAK,KAAK,QAAQ,KAAK,IAAI,GAC7B,QAAQ,cAAc;EAE1B;EACA,QAAQ,MAAM;GACZ,KAAK,QAAQ,IAAI;GACjB,KAAK,UAAU,QAAQ,IAAI;GAC3B,IAAI,KAAK,KAAK,KAAK,IAAI,GACrB,QAAQ,cAAc;EAE1B;EACA,UAAU;GACR,QAAQ,QAAQ;EAClB;CACF;AACF;;AAGA,SAAgB,aACd,OACA,MACA,OAA0D,CAAC,GACkB;CAC7E,MAAM,SAAS,oBAAoB,OAAO,MAAM,IAAI;CACpD,MAAM,SAAS,IAAI,MAAM,OAAO,IAAI,MAAM,eAAe;EAAE,KAAK,OAAO;EAAS,aAAa;CAAK,CAAC,CAAC;CACpG,MAAM,IAAI,KAAK,UAAU;CACzB,MAAM,SAAS,KAAK,UAAU,SAAS,MAAM,MAAM;CACnD,OAAO,MAAM,IAAI,IAAI,QAAQ,GAAG,CAAC;CACjC,OAAO;EAAE;EAAQ;CAAO;AAC1B"}

package/dist/avatar.d.ts

@@ -0,0 +1,7 @@
+import { $ as facingFrom, A as isValidLook, B as seededRng, C as canonicalLook, D as encodeLook, E as distinctLooks, F as partsOf, G as toLook, H as deltaE, I as randomLook, J as WALKER_SEAT_DROP, K as sceneToSvg, L as render, M as normaliseHex, N as partById, O as isLookCode, P as partName, Q as defineAvatarElement, R as resolveColour, T as defaultLook, U as lightness, V as contrast, W as toCode, X as overlaySvg, Y as catalog, Z as paintOverlay, _ as PartCategory, a as CATALOG_REVISION, b as Rng, c as DecodedLook, d as LookAccessory, et as layout, f as LookColour, g as PaletteName, h as PALETTES, i as CATALOG, j as lookProblem, k as isTinted, l as FRAME_PRESETS, m as LookProblem, n as AccessorySlot, nt as AvatarElement, o as CatalogEntry, p as LookPart, q as WALKER_HEAD_SCALE, r as AvatarLook, rt as CanvasPlacement, s as DEFAULT_GEN, t as ACCESSORY_SLOTS, tt as lookToward, u as LOOK_CODE_PREFIX, v as Preset, w as decodeLook, x as SECOND_COLOUR_CODE, y as RandomLookOptions, z as sameLook } from "./shared/avatar.js";
+import { S as mix, _ as FaceExtra, a as Frame, b as expressionFromEmote, c as Point, d as StatusProp, f as View, g as Expression, h as EXPRESSION_NAMES, i as Figure, l as Pose, m as EXPRESSIONS, n as BodyPose, o as LookDir, p as BrowParams, r as Facing, s as LookLike, t as Anchor, u as RenderOptions, v as FaceParams, x as isExpression, y as MouthParams } from "./shared/types.js";
+import { t as SceneNode } from "./shared/scene.js";
+import { a as ActivityIcon, c as overlays, i as createAtlas, l as Ctx2D, n as AtlasOptions, o as Overlay, r as AvatarAtlas, s as ReactionGlyph, t as AtlasFrame, u as paintNodes } from "./shared/atlas.js";
+import { c as composeAvatar, i as ready, n as describe, o as Composed, r as onArtReady, s as HEAD_Y, t as avatarEmoji } from "./shared/describe.js";
+import { a as animator, i as Feeling, n as AnimatorOptions, o as REACTIONS, r as At, s as Reaction, t as Animator } from "./shared/animator.js";
+export { ACCESSORY_SLOTS, type AccessorySlot, type ActivityIcon, type Anchor, Animator, type AnimatorOptions, type At, type AtlasFrame, type AtlasOptions, AvatarAtlas, type AvatarElement, type AvatarLook, type BodyPose, type BrowParams, CATALOG, CATALOG_REVISION, type CanvasPlacement, type CatalogEntry, type Composed, type Ctx2D, DEFAULT_GEN, type DecodedLook, EXPRESSIONS, EXPRESSION_NAMES, type Expression, FRAME_PRESETS, type FaceExtra, type FaceParams, type Facing, type Feeling, type Figure, type Frame, HEAD_Y, LOOK_CODE_PREFIX, type LookAccessory, type LookColour, type LookDir, type LookLike, type LookPart, type LookProblem, type MouthParams, type Overlay, PALETTES, type PaletteName, type PartCategory, type Point, type Pose, type Preset, REACTIONS, type RandomLookOptions, type Reaction, type ReactionGlyph, type RenderOptions, type Rng, SECOND_COLOUR_CODE, type SceneNode, type StatusProp, type View, WALKER_HEAD_SCALE, WALKER_SEAT_DROP, animator, avatarEmoji, canonicalLook, catalog, composeAvatar, contrast, createAtlas, decodeLook, defaultLook, defineAvatarElement, deltaE, describe, distinctLooks, encodeLook, expressionFromEmote, facingFrom, isExpression, isLookCode, isTinted, isValidLook, layout, lightness, lookProblem, lookToward, mix, normaliseHex, onArtReady, overlaySvg, overlays, paintNodes, paintOverlay, partById, partName, partsOf, randomLook, ready, render, resolveColour, sameLook, sceneToSvg, seededRng, toCode, toLook };