@q9labsai/chalk-react-native 4.1.10 → 4.1.12

package/dist/components/Entrance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Entrance.d.ts","sourceRoot":"","sources":["../../src/components/Entrance.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvE,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAczJ"}
+{"version":3,"file":"Entrance.d.ts","sourceRoot":"","sources":["../../src/components/Entrance.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvE,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAczJ"}

package/dist/components/logo/Logo.d.ts

@@ -0,0 +1,11 @@
+export type LogoMotion = "orbit-burst" | "none";
+export type LogoVariant = "mark" | "wordmark";
+export interface LogoProps {
+    readonly accessibilityLabel?: string | null;
+    readonly color?: string;
+    readonly height?: number;
+    readonly motion?: LogoMotion;
+    readonly variant?: LogoVariant;
+}
+export declare function Logo({ accessibilityLabel, color, height, motion, variant }: LogoProps): React.JSX.Element;
+//# sourceMappingURL=Logo.d.ts.map

package/dist/components/logo/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/Logo.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,MAAM,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;CAChC;AAoLD,wBAAgB,IAAI,CAAC,EAAE,kBAA4B,EAAE,KAAqB,EAAE,MAAuB,EAAE,MAAuB,EAAE,OAAyB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiHvL"}

package/dist/components/native-space-view/SpaceTopBar.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpaceTopBar.android.d.ts","sourceRoot":"","sources":["../../../src/components/native-space-view/SpaceTopBar.android.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBnI;AAED,OAAO,EAAE,kBAAkB,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"SpaceTopBar.android.d.ts","sourceRoot":"","sources":["../../../src/components/native-space-view/SpaceTopBar.android.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBnI;AAED,OAAO,EAAE,kBAAkB,IAAI,WAAW,EAAE,CAAC"}

package/dist/index.d.ts

@@ -2,6 +2,8 @@ export { Chalk } from "./components/Chalk";
 export type { ChalkFeatures, ChalkProps, ChalkTheme, ChalkThemeTokens, SpaceLayout } from "./components/Chalk";
 export { Entrance } from "./components/Entrance";
 export type { EntranceProps, EntranceSettings } from "./components/Entrance";
+export { Logo } from "./components/logo/Logo";
+export type { LogoMotion, LogoProps, LogoVariant } from "./components/logo/Logo";
 export { ChalkProvider, useSpaceClient } from "./context/space-client-context";
 export type { ChalkProviderProps } from "./context/space-client-context";
 export { useCan, useChat, useConnection, useMedia, useParticipants, useReactions, useSelf, useWhiteboard } from "./hooks/space-hooks";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACtI,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAC3G,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5H,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACtI,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAC3G,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5H,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -2,6 +2,7 @@ import {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   buildChalkInviteLink,
   useCan,
   useChat,
@@ -12,7 +13,7 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-MMBE2BVK.js";
+} from "./chunk-FVHH65FR.js";
 import {
   THEME_PALETTES,
   THEME_TEXTURES,
@@ -34,6 +35,7 @@ export {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   THEME_PALETTES,
   THEME_TEXTURES,
   Theme,

package/dist/ios-pad.js

@@ -2,6 +2,7 @@ import {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   buildChalkInviteLink,
   useCan,
   useChat,
@@ -12,7 +13,7 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-MMBE2BVK.js";
+} from "./chunk-FVHH65FR.js";
 import {
   THEME_PALETTES,
   THEME_TEXTURES,
@@ -34,6 +35,7 @@ export {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   THEME_PALETTES,
   THEME_TEXTURES,
   Theme,

package/dist/ios-phone.js

@@ -2,6 +2,7 @@ import {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   buildChalkInviteLink,
   useCan,
   useChat,
@@ -12,7 +13,7 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-MMBE2BVK.js";
+} from "./chunk-FVHH65FR.js";
 import {
   THEME_PALETTES,
   THEME_TEXTURES,
@@ -34,6 +35,7 @@ export {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   THEME_PALETTES,
   THEME_TEXTURES,
   Theme,

package/dist/ios.js

@@ -2,6 +2,7 @@ import {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   buildChalkInviteLink,
   useCan,
   useChat,
@@ -12,7 +13,7 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-MMBE2BVK.js";
+} from "./chunk-FVHH65FR.js";
 import {
   THEME_PALETTES,
   THEME_TEXTURES,
@@ -34,6 +35,7 @@ export {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   THEME_PALETTES,
   THEME_TEXTURES,
   Theme,

package/dist/macos.js

@@ -2,6 +2,7 @@ import {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   buildChalkInviteLink,
   useCan,
   useChat,
@@ -12,7 +13,7 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-MMBE2BVK.js";
+} from "./chunk-FVHH65FR.js";
 import {
   THEME_PALETTES,
   THEME_TEXTURES,
@@ -34,6 +35,7 @@ export {
   Chalk,
   ChalkProvider,
   Entrance,
+  Logo,
   THEME_PALETTES,
   THEME_TEXTURES,
   Theme,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@q9labsai/chalk-react-native",
-  "version": "4.1.10",
+  "version": "4.1.12",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -150,9 +150,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@q9labsai/chalk-client": "^4.1.10",
-    "@q9labsai/chalk-whiteboard": "^4.1.10",
-    "@q9labsai/facehash": "^4.1.10"
+    "@q9labsai/chalk-client": "^4.1.12",
+    "@q9labsai/chalk-whiteboard": "^4.1.12",
+    "@q9labsai/facehash": "^4.1.12"
   },
   "devDependencies": {
     "@types/node": "^26.2.0",

package/src/components/Entrance.test.tsx

@@ -1,6 +1,7 @@
 import { describe, expect, it, vi } from "vitest";
 
 vi.mock("./EntranceView", () => ({ EntranceView: "EntranceView" }));
+vi.mock("./logo/Logo", () => ({ Logo: "Logo" }));
 vi.mock("react-native", () => ({ Image: "Image" }));
 
 import { Entrance } from "./Entrance";
@@ -16,4 +17,10 @@ describe("Entrance", () => {
 
     expect(element.props.onCancel).toBe(onCancel);
   });
+
+  it("uses the SDK wordmark when no custom logo URL is supplied", () => {
+    const element = Entrance({ onJoin: vi.fn(), spaceName: "Space" });
+
+    expect(element.props.logo).toMatchObject({ type: "Logo", props: { height: 32, variant: "wordmark" } });
+  });
 });

package/src/components/Entrance.tsx

@@ -1,5 +1,6 @@
 import { EntranceView } from "./EntranceView";
 import { Image } from "react-native";
+import { Logo } from "./logo/Logo";
 
 export type EntranceDefaults = {
   readonly microphone?: boolean;
@@ -31,7 +32,7 @@ export function Entrance({ spaceName, logoUrl, defaultDisplayName, defaults, err
       initialAudioEnabled={defaults?.microphone ?? true}
       initialVideoEnabled={defaults?.camera ?? true}
       joinDisabled={joining}
-      logo={logoUrl ? <Image accessibilityLabel="Chalk" source={{ uri: logoUrl }} style={{ height: 32, width: 120 }} /> : undefined}
+      logo={logoUrl ? <Image accessibilityLabel="Chalk" source={{ uri: logoUrl }} style={{ height: 32, width: 120 }} /> : <Logo height={32} variant="wordmark" />}
       onCancel={onCancel}
       onJoin={({ displayName, microphoneEnabled, cameraEnabled }) => void onJoin({ displayName, microphone: microphoneEnabled, camera: cameraEnabled })}
       spaceName={spaceName}

package/src/components/logo/Logo.test.tsx

@@ -0,0 +1,144 @@
+// @vitest-environment happy-dom
+import type { ReactElement, ReactNode } from "react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import { act, renderHook } from "../../test-support/test-renderer";
+
+const mocks = vi.hoisted(() => {
+  const animationStops: ReturnType<typeof vi.fn>[] = [];
+  const createAnimation = (config?: unknown) => {
+    const stop = vi.fn();
+    animationStops.push(stop);
+    return { config, start: vi.fn(), stop };
+  };
+  class AnimatedValue {
+    readonly initial: number;
+    readonly setValue = vi.fn();
+    readonly stopAnimation = vi.fn();
+    constructor(initial: number) {
+      this.initial = initial;
+    }
+    interpolate(input: unknown): { readonly input: unknown } {
+      return { input };
+    }
+  }
+
+  return {
+    accessibilityInfo: {
+      addEventListener: vi.fn(() => ({ remove: vi.fn() })),
+      isReduceMotionEnabled: vi.fn(() => Promise.resolve(false)),
+    },
+    animationStops,
+    animation: {
+      delay: vi.fn((duration: number) => createAnimation({ duration })),
+      loop: vi.fn((animation: unknown) => createAnimation({ animation })),
+      parallel: vi.fn((animations: readonly unknown[]) => createAnimation({ animations })),
+      sequence: vi.fn((animations: readonly unknown[]) => createAnimation({ animations })),
+      timing: vi.fn((_value: unknown, config: unknown) => createAnimation(config)),
+      Value: AnimatedValue,
+    },
+  };
+});
+
+vi.mock("react-native", () => ({ AccessibilityInfo: mocks.accessibilityInfo, Animated: { ...mocks.animation, createAnimatedComponent: (component: unknown) => component }, Pressable: "Pressable" }));
+vi.mock("react-native-svg", () => ({ Defs: "Defs", Ellipse: "Ellipse", G: "G", LinearGradient: "LinearGradient", Path: "Path", Stop: "Stop", Text: "SvgText", default: "Svg" }));
+
+import { Logo } from "./Logo";
+
+describe("Logo", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    mocks.animationStops.length = 0;
+    mocks.accessibilityInfo.isReduceMotionEnabled.mockResolvedValue(false);
+  });
+
+  it("uses the canonical mark geometry and keeps the wordmark static", () => {
+    const { result } = renderHook(() => Logo({ accessibilityLabel: "Brand", color: "#123456", height: 96 }));
+    const pressable = result.current;
+    const svg = findElement(pressable, "Svg");
+
+    expect(svg).toMatchObject({ props: { accessibilityLabel: "Brand", accessible: true, color: "#123456", height: 96, viewBox: "0 0 200 80", width: 240 } });
+    expect(findElements(svg, "Path")).toHaveLength(4);
+    expect(findElements(svg, "Ellipse")).toHaveLength(4);
+    expect(findElements(svg, "SvgText")).toMatchObject([{ props: { fill: "currentColor", children: "chalk" } }]);
+    expect(findElements(svg, "G")).toHaveLength(5);
+    expect(findElements(svg, "SvgText")[0].props).not.toHaveProperty("rotation");
+  });
+
+  it("renders the mark fallback without adding an announced button", () => {
+    const { result } = renderHook(() => Logo({ accessibilityLabel: null, height: 24, motion: "none", variant: "mark" }));
+    const pressable = result.current;
+    const svg = findElement(pressable, "Svg");
+
+    expect(pressable.props).toMatchObject({ accessible: false });
+    expect(svg).toMatchObject({ props: { accessible: false, height: 24, viewBox: "0 0 68 80", width: 20.4 } });
+    expect(findElements(svg, "SvgText")).toHaveLength(0);
+  });
+
+  it("uses orbit by default and switches only the sticks to burst while active", async () => {
+    const { result } = renderHook(() => Logo({}));
+    await act(async () => await Promise.resolve());
+
+    const initialTimingCount = mocks.animation.timing.mock.calls.length;
+    act(() => {
+      result.current.props.onHoverIn();
+    });
+
+    expect(mocks.animation.timing.mock.calls.length).toBeGreaterThan(initialTimingCount);
+    expect(mocks.animation.timing.mock.calls.slice(initialTimingCount).map(([, config]) => (config as { readonly toValue: number }).toValue)).toEqual(expect.arrayContaining([-14, -9, -4, -14, 14, -6, 11, 12, 1.14, 1.16, 1.13]));
+    expect(findElements(result.current, "SvgText")[0].props).not.toHaveProperty("rotation");
+
+    act(() => {
+      result.current.props.onHoverOut();
+    });
+    expect(mocks.animation.timing.mock.calls.length).toBeGreaterThan(initialTimingCount + 12);
+  });
+
+  it("does not start animations when reduced motion is enabled and removes the listener", async () => {
+    mocks.accessibilityInfo.isReduceMotionEnabled.mockResolvedValue(true);
+    const { result, unmount } = renderHook(() => Logo({}));
+    await act(async () => await Promise.resolve());
+
+    expect(mocks.animation.timing).not.toHaveBeenCalled();
+    unmount();
+    expect(mocks.accessibilityInfo.addEventListener.mock.results[0]?.value.remove).toHaveBeenCalledTimes(1);
+    expect(findElements(result.current, "Svg")).toHaveLength(1);
+  });
+
+  it("stops the active orbit when the logo unmounts", async () => {
+    const { unmount } = renderHook(() => Logo({}));
+    await act(async () => await Promise.resolve());
+
+    unmount();
+
+    expect(mocks.animationStops.some((stop) => stop.mock.calls.length > 0)).toBe(true);
+  });
+});
+
+function findElement(node: ReactNode, type: string): ReactElement<{ readonly children?: ReactNode; readonly [key: string]: unknown }> {
+  if (isElement(node) && node.type === type) return node;
+  if (!isElement(node)) throw new Error(`Expected ${type}`);
+  const children = Array.isArray(node.props.children) ? node.props.children : [node.props.children];
+  for (const child of children) {
+    if (isElement(child) && child.type === type) return child;
+    if (isElement(child)) {
+      try {
+        return findElement(child, type);
+      } catch {
+        continue;
+      }
+    }
+  }
+  throw new Error(`Expected ${type}`);
+}
+
+function findElements(node: ReactNode, type: string): ReactElement<{ readonly children?: ReactNode; readonly [key: string]: unknown }>[] {
+  if (!isElement(node)) return [];
+  const matches = node.type === type ? [node] : [];
+  const children = Array.isArray(node.props.children) ? node.props.children : [node.props.children];
+  return matches.concat(children.flatMap((child) => findElements(child, type)));
+}
+
+function isElement(node: ReactNode): node is ReactElement<{ readonly children?: ReactNode; readonly [key: string]: unknown }> {
+  return typeof node === "object" && node !== null && "type" in node && "props" in node;
+}