feat: add sheet component and docs qa baseline

packages/ui/src/test/a11y.ts

@@ -0,0 +1,15 @@
+const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+
+let prefersReducedMotion = false;
+
+export function matchesMediaQuery(query: string) {
+  return query === REDUCED_MOTION_QUERY ? prefersReducedMotion : false;
+}
+
+export function resetAccessibilityPreferences() {
+  prefersReducedMotion = false;
+}
+
+export function setReducedMotionPreference(nextValue: boolean) {
+  prefersReducedMotion = nextValue;
+}

packages/ui/src/test/setup.ts

@@ -3,7 +3,10 @@ import "@testing-library/jest-dom/vitest";
 import { cleanup } from "@testing-library/react";
 import { afterEach, vi } from "vitest";
 
+import { matchesMediaQuery, resetAccessibilityPreferences } from "./a11y";
+
 afterEach(() => {
+  resetAccessibilityPreferences();
   cleanup();
 });
 
@@ -22,7 +25,7 @@ class PointerEventMock extends MouseEvent {
 Object.defineProperty(window, "matchMedia", {
   writable: true,
   value: vi.fn().mockImplementation((query: string) => ({
-    matches: false,
+    matches: matchesMediaQuery(query),
     media: query,
     onchange: null,
     addEventListener: vi.fn(),