@unityevolv/ofiskit-ui-map 0.1.0

package/dist/index.js

@@ -0,0 +1,45 @@
+/**
+ * The office you can see.
+ *
+ * React DOM, built on unitykit, and deliberately not platform-agnostic: this is
+ * the package that holds the web-only half, so everything below it can run on a
+ * phone. In this app the map fills the window; in unityofis the same components
+ * render inside the app shell, which adds the header and the switchers and
+ * changes nothing here.
+ *
+ * Nothing here chooses a colour. Every surface is a kit component with a
+ * theme-aware background, because the office background is whatever an author
+ * generated and nothing legible can be guaranteed on top of it.
+ */
+export { ThemeProvider, useTheme } from './theme.js';
+export { AnnouncerProvider, useAnnounce } from './Announcer.js';
+export { KnockDock, OutgoingKnock, } from './Knocks.js';
+export { MaximiseButton, OfficeMap, RoomListView, ViewToggle, useMaximised, } from './OfficeMap.js';
+export { CallAudio } from './CallAudio.js';
+export { CallControls } from './CallControls.js';
+export { CallTiles, TILES_VISIBLE } from './CallTiles.js';
+export { REACTION_VISIBLE_MS, speakerOrder, useCallMedia, useReactions, useSpeakerOrder, } from './useCall.js';
+export { ReactionFloat, ReactionPicker, describeReaction, } from './Reactions.js';
+/**
+ * Showing a screen, and the two questions that sometimes come first.
+ *
+ * The pickers are a seam rather than a feature: on the web the browser asks, and a
+ * desktop host supplies its own list of screens and windows because its browser
+ * cannot. Nothing here knows Electron exists.
+ */
+export { ScreenSourcePicker, ShareStage, SharingBanner, TakeOverDialog, describeShare, } from './Share.js';
+export { useShare, useShareView } from './useShare.js';
+export { createSounds } from './sounds.js';
+export { useSounds } from './useSounds.js';
+export { tileLayout, VIDEO_ASPECT } from './tileLayout.js';
+export { Control, controlClasses } from './controls.js';
+export { DevicePanel, PermissionPrimer } from './DevicePanel.js';
+export { RoomBar } from './RoomBar.js';
+export { StatusControl } from './StatusControl.js';
+export { PersonAvatar } from './PersonAvatar.js';
+export { OVERFLOW_COLUMNS, OVERFLOW_ROWS, OverflowAvatar, } from './Overflow.js';
+export { StatusDot, describeStatus, statusLabel, STATUS_LOOKS } from './status.js';
+export { useClientEvents, useIdleReporting, useMeasured, useMediaQuery, useOffice, usePersisted, useReducedMotion, } from './hooks.js';
+export { fitCanvas, readingOrder, roomInDirection, tilePlacement, toPixels, } from './layout.js';
+export { placeInRoom, tokensFor, } from './placement.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAgC,MAAM,YAAY,CAAA;AAElF,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE/D,OAAO,EACL,SAAS,EACT,aAAa,GAKd,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,cAAc,EACd,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,GAGb,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAuB,MAAM,gBAAgB,CAAA;AAC9E,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,GAKhB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,GAGjB,MAAM,gBAAgB,CAAA;AACvB;;;;;;GAMG;AACH,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,GAGd,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAoC,MAAM,eAAe,CAAA;AACxF,OAAO,EAAE,YAAY,EAAe,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,SAAS,EAAyB,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAmB,MAAM,iBAAiB,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,cAAc,EAAqB,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAyB,MAAM,kBAAkB,CAAA;AACvF,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAA;AACxE,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,cAAc,GAEf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAuB,MAAM,aAAa,CAAA;AAEvG,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,MAAM,YAAY,CAAA;AAEnB,OAAO,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,aAAa,EACb,QAAQ,GAET,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,WAAW,EACX,SAAS,GAKV,MAAM,gBAAgB,CAAA"}

package/dist/layout.d.ts

@@ -0,0 +1,65 @@
+import { type CanvasShape, type Rect } from '@unityevolv/ofiskit-template';
+/**
+ * Turning the template's normalized geometry into pixels.
+ *
+ * Everything in a template is 0..1 against the canvas, so the layout holds at
+ * any width. What changes per screen is where the canvas itself sits, and that
+ * is the only thing this file works out.
+ */
+export interface CanvasBox {
+    /** Offset of the canvas inside its container. */
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+/**
+ * Fit the canvas into the space available, letterboxed rather than cropped.
+ *
+ * Cropping would be prettier on an awkward screen and is not an option: a room
+ * drawn at the edge of the canvas would be cut off, and somebody would be
+ * standing in a room nobody can click.
+ */
+export declare function fitCanvas(shape: CanvasShape, container: {
+    width: number;
+    height: number;
+}): CanvasBox;
+/** A normalized rectangle, in pixels, positioned inside the canvas. */
+export declare function toPixels(rect: Rect, canvas: CanvasBox): {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+/**
+ * Where the call tiles go, which the canvas shape decides.
+ *
+ * A landscape office has width to spare and height at a premium, so the tiles
+ * go across the top. A square or portrait one is the other way round, so they
+ * go down the right. The author sees this in the builder preview, so the
+ * decision is visible before anybody is in the room.
+ */
+export declare function tilePlacement(shape: CanvasShape): 'top' | 'right';
+/**
+ * Reading order for keyboard navigation.
+ *
+ * Left to right, top to bottom, as the canvas is drawn. Sorting by row first
+ * with a tolerance stops two rooms whose tops differ by a pixel being read in
+ * the wrong order, which is the difference between a tab order that makes sense
+ * and one that jumps around the screen.
+ */
+export declare function readingOrder<T extends {
+    rect: Rect;
+}>(rooms: readonly T[]): T[];
+/**
+ * The nearest room in a direction, for the arrow keys.
+ *
+ * Measured from centre to centre, only considering rooms that are genuinely in
+ * that direction, and preferring ones that are close on the other axis too, so
+ * pressing right moves to the room beside you rather than one diagonally across
+ * the office that happens to be nearer.
+ */
+export declare function roomInDirection<T extends {
+    rect: Rect;
+}>(rooms: readonly T[], from: T, direction: 'left' | 'right' | 'up' | 'down'): T | null;
+//# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAExF;;;;;;GAMG;AAEH,MAAM,WAAW,SAAS;IACxB,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3C,SAAS,CAgBX;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS;;;;;EAOrD;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,OAAO,CAEjE;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,CAAC,EAAE,CAM/E;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,EACtD,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAC1C,CAAC,GAAG,IAAI,CA8BV"}

package/dist/layout.js

@@ -0,0 +1,93 @@
+import { CANVAS_RATIO } from '@unityevolv/ofiskit-template';
+/**
+ * Fit the canvas into the space available, letterboxed rather than cropped.
+ *
+ * Cropping would be prettier on an awkward screen and is not an option: a room
+ * drawn at the edge of the canvas would be cut off, and somebody would be
+ * standing in a room nobody can click.
+ */
+export function fitCanvas(shape, container) {
+    const ratio = CANVAS_RATIO[shape];
+    if (container.width <= 0 || container.height <= 0) {
+        return { left: 0, top: 0, width: 0, height: 0 };
+    }
+    const byWidth = container.width / ratio <= container.height;
+    const width = byWidth ? container.width : container.height * ratio;
+    const height = byWidth ? container.width / ratio : container.height;
+    return {
+        left: (container.width - width) / 2,
+        top: (container.height - height) / 2,
+        width,
+        height,
+    };
+}
+/** A normalized rectangle, in pixels, positioned inside the canvas. */
+export function toPixels(rect, canvas) {
+    return {
+        left: canvas.left + rect.x * canvas.width,
+        top: canvas.top + rect.y * canvas.height,
+        width: rect.width * canvas.width,
+        height: rect.height * canvas.height,
+    };
+}
+/**
+ * Where the call tiles go, which the canvas shape decides.
+ *
+ * A landscape office has width to spare and height at a premium, so the tiles
+ * go across the top. A square or portrait one is the other way round, so they
+ * go down the right. The author sees this in the builder preview, so the
+ * decision is visible before anybody is in the room.
+ */
+export function tilePlacement(shape) {
+    return shape === 'landscape' ? 'top' : 'right';
+}
+/**
+ * Reading order for keyboard navigation.
+ *
+ * Left to right, top to bottom, as the canvas is drawn. Sorting by row first
+ * with a tolerance stops two rooms whose tops differ by a pixel being read in
+ * the wrong order, which is the difference between a tab order that makes sense
+ * and one that jumps around the screen.
+ */
+export function readingOrder(rooms) {
+    const ROW_TOLERANCE = 0.08;
+    return [...rooms].sort((a, b) => {
+        const sameRow = Math.abs(a.rect.y - b.rect.y) < ROW_TOLERANCE;
+        return sameRow ? a.rect.x - b.rect.x : a.rect.y - b.rect.y;
+    });
+}
+/**
+ * The nearest room in a direction, for the arrow keys.
+ *
+ * Measured from centre to centre, only considering rooms that are genuinely in
+ * that direction, and preferring ones that are close on the other axis too, so
+ * pressing right moves to the room beside you rather than one diagonally across
+ * the office that happens to be nearer.
+ */
+export function roomInDirection(rooms, from, direction) {
+    const centre = (rect) => ({ x: rect.x + rect.width / 2, y: rect.y + rect.height / 2 });
+    const origin = centre(from.rect);
+    let best = null;
+    let bestScore = Number.POSITIVE_INFINITY;
+    for (const room of rooms) {
+        if (room === from)
+            continue;
+        const target = centre(room.rect);
+        const dx = target.x - origin.x;
+        const dy = target.y - origin.y;
+        const goes = direction === 'left' ? dx < -0.001 : direction === 'right' ? dx > 0.001 : direction === 'up' ? dy < -0.001 : dy > 0.001;
+        if (!goes)
+            continue;
+        // Distance along the direction, plus a penalty for drifting off to the
+        // side. The penalty is what makes this feel like moving through a grid.
+        const along = direction === 'left' || direction === 'right' ? Math.abs(dx) : Math.abs(dy);
+        const across = direction === 'left' || direction === 'right' ? Math.abs(dy) : Math.abs(dx);
+        const score = along + across * 2;
+        if (score < bestScore) {
+            bestScore = score;
+            best = room;
+        }
+    }
+    return best;
+}
+//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

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

package/dist/placement.d.ts

@@ -0,0 +1,70 @@
+import type { PublicPresence } from '@unityevolv/ofiskit-realtime-client';
+import { type AvatarSize, type CanvasShape, type Rect, type Room } from '@unityevolv/ofiskit-template';
+/**
+ * Putting people into a room's cells.
+ *
+ * User areas are **display slots, not seats**. Capacity is a separate,
+ * office-level number, so a room can perfectly well hold more people than it has
+ * cells — and when it does, the last cell becomes a counter rather than the
+ * layout breaking or avatars piling on top of each other.
+ */
+/** One avatar to draw: usually a person, sometimes one of their devices. */
+export interface Token {
+    key: string;
+    person: PublicPresence;
+    /** Set when this avatar is one device of a person drawn once per device. */
+    deviceId?: string;
+    /** Linked to another avatar for the same person, so the pair reads as one. */
+    linked: boolean;
+}
+/**
+ * Which of somebody's devices get an avatar of their own.
+ *
+ * One avatar per person is the answer almost always, because **presence is per
+ * user**: somebody with a laptop and a phone open is one person standing in one
+ * room, and drawing them twice would say the opposite of what the rest of the
+ * product says. The device badge is how you tell they are on a phone.
+ *
+ * The exception is a call. Two devices in one call are two real legs in the mesh,
+ * each with its own camera and microphone, and each takes a place in it — so they
+ * are drawn as two linked avatars. That predicate needs call state, which is why
+ * this is a parameter rather than a rule written in here, and why the caller that
+ * passes one arrives with the call stories.
+ */
+export type DevicesToDraw = (person: PublicPresence) => PublicPresence['devices'];
+/**
+ * Expand the people in a room into the avatars to draw.
+ *
+ * Arrival order, so somebody who has been in the corner of a room for an hour is
+ * still in that corner after four other people have come and gone.
+ */
+export declare function tokensFor(people: readonly PublicPresence[], devicesToDraw?: DevicesToDraw): Token[];
+export interface PlacedAvatar {
+    token: Token;
+    /** Normalized against the canvas, like everything else in a template. */
+    rect: Rect;
+}
+export interface Placement {
+    placed: PlacedAvatar[];
+    /** The cell the counter goes in, when there are more people than cells. */
+    overflowAt: Rect | null;
+    /** Everyone the counter stands for. */
+    overflow: Token[];
+    /** The size of one cell, normalized, for sizing the avatars. */
+    cell: {
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Lay a room's avatars out over its user areas.
+ *
+ * Cells are filled in the order the author placed the areas, and within an area
+ * left to right then top to bottom, which is how somebody reads the picture.
+ *
+ * When there are more people than cells, the **last** cell becomes a counter.
+ * Four cells and twelve people shows three faces and a `+9`, rather than
+ * shrinking everyone to nothing or spilling outside the room.
+ */
+export declare function placeInRoom(room: Room, people: readonly PublicPresence[], shape: CanvasShape, avatarSize: AvatarSize, devicesToDraw?: DevicesToDraw): Placement;
+//# sourceMappingURL=placement.d.ts.map

package/dist/placement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../src/placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,IAAI,EACT,KAAK,IAAI,EACV,MAAM,8BAA8B,CAAA;AAErC;;;;;;;GAOG;AAEH,4EAA4E;AAC5E,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,cAAc,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8EAA8E;IAC9E,MAAM,EAAE,OAAO,CAAA;CAChB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,cAAc,KAAK,cAAc,CAAC,SAAS,CAAC,CAAA;AAKjF;;;;;GAKG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,aAAa,GAAE,aAA2B,GACzC,KAAK,EAAE,CAuBT;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,yEAAyE;IACzE,IAAI,EAAE,IAAI,CAAA;CACX;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,2EAA2E;IAC3E,UAAU,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,EAAE,CAAA;IACjB,gEAAgE;IAChE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CACxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,CAAC,EAAE,aAAa,GAC5B,SAAS,CA4CX"}

package/dist/placement.js

@@ -0,0 +1,83 @@
+import { avatarUnit, } from '@unityevolv/ofiskit-template';
+/** One avatar per person. What the map uses until calls exist. */
+const asOnePerson = () => [];
+/**
+ * Expand the people in a room into the avatars to draw.
+ *
+ * Arrival order, so somebody who has been in the corner of a room for an hour is
+ * still in that corner after four other people have come and gone.
+ */
+export function tokensFor(people, devicesToDraw = asOnePerson) {
+    const tokens = [];
+    for (const person of people) {
+        const separately = devicesToDraw(person);
+        // One device drawn separately is still just the person, so it gets the plain
+        // avatar rather than a link to nothing.
+        if (separately.length > 1) {
+            for (const device of separately) {
+                tokens.push({
+                    key: `${person.userId}:${device.deviceId}`,
+                    person,
+                    deviceId: device.deviceId,
+                    linked: true,
+                });
+            }
+        }
+        else {
+            tokens.push({ key: person.userId, person, linked: false });
+        }
+    }
+    return tokens;
+}
+/**
+ * Lay a room's avatars out over its user areas.
+ *
+ * Cells are filled in the order the author placed the areas, and within an area
+ * left to right then top to bottom, which is how somebody reads the picture.
+ *
+ * When there are more people than cells, the **last** cell becomes a counter.
+ * Four cells and twelve people shows three faces and a `+9`, rather than
+ * shrinking everyone to nothing or spilling outside the room.
+ */
+export function placeInRoom(room, people, shape, avatarSize, devicesToDraw) {
+    const unit = avatarUnit(shape, avatarSize);
+    const tokens = tokensFor(people, devicesToDraw);
+    const cells = [];
+    for (const area of room.areas) {
+        for (let row = 0; row < area.rows; row += 1) {
+            for (let column = 0; column < area.columns; column += 1) {
+                cells.push({
+                    x: area.x + column * unit.width,
+                    y: area.y + row * unit.height,
+                    width: unit.width,
+                    height: unit.height,
+                });
+            }
+        }
+    }
+    if (cells.length === 0 || tokens.length === 0) {
+        return { placed: [], overflowAt: null, overflow: [], cell: unit };
+    }
+    if (tokens.length <= cells.length) {
+        return {
+            placed: tokens.flatMap((token, index) => {
+                const rect = cells[index];
+                return rect ? [{ token, rect }] : [];
+            }),
+            overflowAt: null,
+            overflow: [],
+            cell: unit,
+        };
+    }
+    const shown = cells.length - 1;
+    return {
+        placed: tokens.slice(0, shown).flatMap((token, index) => {
+            const rect = cells[index];
+            return rect ? [{ token, rect }] : [];
+        }),
+        overflowAt: cells[shown] ?? null,
+        overflow: tokens.slice(shown),
+        cell: unit,
+    };
+}
+//# sourceMappingURL=placement.js.map

package/dist/placement.js.map

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

package/dist/sounds.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The office's sounds: a knock at the door, and a chime when somebody arrives.
+ *
+ * Made here with the Web Audio API rather than played from files. There is no audio
+ * file to ship, license or fetch — this repository never reaches anything it does not
+ * contain — and each sound is a few lines of arithmetic that can be tuned in place.
+ *
+ * Both are short and quiet on purpose. A notification sound in an office is heard by
+ * everybody near the person's desk, and a sound that is too long or too loud is one
+ * people turn off, after which it tells nobody anything.
+ */
+export interface Sounds {
+    /** Somebody is knocking on the door of the room you are in. */
+    knock(): void;
+    /** Somebody walked into the room you are in, or you were let into one. */
+    chime(): void;
+    /** Send the sounds to the speaker chosen for calls, where the browser can. */
+    useSpeaker(deviceId: string | undefined): void;
+}
+/**
+ * The browser's sounds, made on demand.
+ *
+ * The audio context is created on the first sound rather than up front: browsers
+ * refuse to start one before the page has been interacted with, and by the time
+ * there is somebody to knock, the person has at least pressed "Walk in". If the
+ * browser still refuses, or has no Web Audio at all, the sound is silently skipped —
+ * a missing chime is never worth an error.
+ */
+export declare function createSounds(): Sounds;
+//# sourceMappingURL=sounds.d.ts.map

package/dist/sounds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sounds.d.ts","sourceRoot":"","sources":["../src/sounds.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,MAAM;IACrB,+DAA+D;IAC/D,KAAK,IAAI,IAAI,CAAA;IACb,0EAA0E;IAC1E,KAAK,IAAI,IAAI,CAAA;IACb,8EAA8E;IAC9E,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/C;AAOD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAmCrC"}

package/dist/sounds.js

@@ -0,0 +1,125 @@
+/**
+ * The office's sounds: a knock at the door, and a chime when somebody arrives.
+ *
+ * Made here with the Web Audio API rather than played from files. There is no audio
+ * file to ship, license or fetch — this repository never reaches anything it does not
+ * contain — and each sound is a few lines of arithmetic that can be tuned in place.
+ *
+ * Both are short and quiet on purpose. A notification sound in an office is heard by
+ * everybody near the person's desk, and a sound that is too long or too loud is one
+ * people turn off, after which it tells nobody anything.
+ */
+/** The loudest either sound gets. Well under full scale: this is a nudge, not an alarm. */
+const VOLUME = 0.35;
+/**
+ * The browser's sounds, made on demand.
+ *
+ * The audio context is created on the first sound rather than up front: browsers
+ * refuse to start one before the page has been interacted with, and by the time
+ * there is somebody to knock, the person has at least pressed "Walk in". If the
+ * browser still refuses, or has no Web Audio at all, the sound is silently skipped —
+ * a missing chime is never worth an error.
+ */
+export function createSounds() {
+    let context = null;
+    let speaker;
+    const ready = () => {
+        const Context = globalThis.AudioContext;
+        if (!Context)
+            return null;
+        try {
+            context ??= new Context();
+            if (context.state === 'suspended')
+                void context.resume().catch(() => { });
+            if (speaker && typeof context.setSinkId === 'function') {
+                void context.setSinkId(speaker).catch(() => { });
+            }
+            return context;
+        }
+        catch {
+            return null;
+        }
+    };
+    return {
+        knock() {
+            const audio = ready();
+            if (audio)
+                knockAt(audio, audio.currentTime);
+        },
+        chime() {
+            const audio = ready();
+            if (audio)
+                chimeAt(audio, audio.currentTime);
+        },
+        useSpeaker(deviceId) {
+            speaker = deviceId;
+            if (context && deviceId && typeof context.setSinkId === 'function') {
+                void context.setSinkId(deviceId).catch(() => { });
+            }
+        },
+    };
+}
+/**
+ * Two knuckle taps on a wooden door: knock-knock.
+ *
+ * Each tap is a low tone that drops in pitch as it dies — the body of the door —
+ * over a short burst of filtered noise, which is the knuckle. Two of them, a little
+ * under a fifth of a second apart, is what reads as a knock rather than a thud.
+ */
+function knockAt(audio, start) {
+    for (const offset of [0, 0.17]) {
+        const at = start + offset;
+        const body = audio.createOscillator();
+        body.type = 'triangle';
+        body.frequency.setValueAtTime(180, at);
+        body.frequency.exponentialRampToValueAtTime(70, at + 0.09);
+        const bodyGain = audio.createGain();
+        bodyGain.gain.setValueAtTime(0.0001, at);
+        bodyGain.gain.exponentialRampToValueAtTime(VOLUME, at + 0.004);
+        bodyGain.gain.exponentialRampToValueAtTime(0.0001, at + 0.14);
+        body.connect(bodyGain).connect(audio.destination);
+        body.start(at);
+        body.stop(at + 0.15);
+        const noise = audio.createBufferSource();
+        noise.buffer = noiseBuffer(audio, 0.04);
+        const knuckle = audio.createBiquadFilter();
+        knuckle.type = 'lowpass';
+        knuckle.frequency.value = 1200;
+        const noiseGain = audio.createGain();
+        noiseGain.gain.setValueAtTime(VOLUME * 0.6, at);
+        noiseGain.gain.exponentialRampToValueAtTime(0.0001, at + 0.04);
+        noise.connect(knuckle).connect(noiseGain).connect(audio.destination);
+        noise.start(at);
+        noise.stop(at + 0.05);
+    }
+}
+/**
+ * A short, bright "bling": two bell-like notes a fifth apart, the second a beat
+ * behind the first, both fading over about half a second.
+ */
+function chimeAt(audio, start) {
+    for (const [frequency, offset] of [
+        [1046.5, 0],
+        [1568, 0.09],
+    ]) {
+        const at = start + offset;
+        const tone = audio.createOscillator();
+        tone.type = 'sine';
+        tone.frequency.setValueAtTime(frequency, at);
+        const gain = audio.createGain();
+        gain.gain.setValueAtTime(0.0001, at);
+        gain.gain.exponentialRampToValueAtTime(VOLUME * 0.7, at + 0.01);
+        gain.gain.exponentialRampToValueAtTime(0.0001, at + 0.55);
+        tone.connect(gain).connect(audio.destination);
+        tone.start(at);
+        tone.stop(at + 0.6);
+    }
+}
+function noiseBuffer(audio, seconds) {
+    const buffer = audio.createBuffer(1, Math.max(1, Math.floor(audio.sampleRate * seconds)), audio.sampleRate);
+    const samples = buffer.getChannelData(0);
+    for (let index = 0; index < samples.length; index += 1)
+        samples[index] = Math.random() * 2 - 1;
+    return buffer;
+}
+//# sourceMappingURL=sounds.js.map

package/dist/sounds.js.map

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

package/dist/status.d.ts

@@ -0,0 +1,47 @@
+import type { Status } from '@unityevolv/ofiskit-realtime-client';
+/**
+ * One visual language for status, used on the map, in the list, on the room bar,
+ * on a video tile and next to a name.
+ *
+ * The rule that shapes this file: **nothing is conveyed by colour alone.** Every
+ * status is a different shape as well as a different colour, so it survives
+ * being looked at by somebody who cannot tell green from amber, and it survives
+ * being printed, screenshotted or rendered on a projector that eats saturation.
+ *
+ * Colours are token classes rather than values, so both themes come from the
+ * kit and this file never knows either exists.
+ */
+export interface StatusLook {
+    /** What a screen reader says, and what a tooltip shows. */
+    label: string;
+    /** A token-backed text colour class; the shape inherits it. */
+    tone: string;
+    /** Drawn inside a 12x12 viewBox, in `currentColor`. */
+    shape: React.ReactNode;
+}
+export declare const STATUS_LOOKS: Record<Status, StatusLook>;
+export interface StatusDotProps {
+    status: Status;
+    size?: number;
+    /**
+     * Whether to name the status for assistive technology.
+     *
+     * Off where the surrounding text already says it, which is most places in a
+     * list; on where the dot is the only thing carrying the meaning.
+     */
+    labelled?: boolean;
+    className?: string;
+}
+export declare function StatusDot({ status, size, labelled, className }: StatusDotProps): import("react").JSX.Element;
+export declare function statusLabel(status: Status): string;
+/**
+ * Status and custom status as one sentence.
+ *
+ * What a screen reader hears next to a name, and what a tooltip shows. Built in
+ * one place so the map, the list and a tile never word it differently.
+ */
+export declare function describeStatus(status: Status, custom?: {
+    text: string;
+    emoji?: string;
+}): string;
+//# sourceMappingURL=status.d.ts.map

package/dist/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../src/status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AAEjE;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,UAAU;IACzB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAA;IACZ,uDAAuD;IACvD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAID,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAiFnD,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,IAAS,EAAE,QAAe,EAAE,SAAS,EAAE,EAAE,cAAc,+BAgB1F;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAElD;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAIhG"}