@ankhorage/zora 3.2.0 → 3.3.1

package/src/patterns/content-rail/useContentRailReducedMotion.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { AccessibilityInfo } from 'react-native';
+
+import type { ContentRailMotion } from './types';
+
+export function useContentRailReducedMotion(motion: ContentRailMotion): boolean {
+  const [systemReducedMotion, setSystemReducedMotion] = React.useState(false);
+
+  React.useEffect(() => {
+    if (motion !== 'system') return;
+
+    let active = true;
+    void AccessibilityInfo.isReduceMotionEnabled().then((enabled) => {
+      if (active) setSystemReducedMotion(enabled);
+    });
+    const subscription = AccessibilityInfo.addEventListener(
+      'reduceMotionChanged',
+      setSystemReducedMotion,
+    );
+
+    return () => {
+      active = false;
+      subscription.remove();
+    };
+  }, [motion]);
+
+  return motion === 'reduced' || (motion === 'system' && systemReducedMotion);
+}

package/src/registry.ts

@@ -72,6 +72,7 @@ import {
 import { ChatListItem } from './patterns/chat-list-item';
 import { CollectionEditor } from './patterns/collection-editor';
 import { ConfirmDialog } from './patterns/confirm-dialog';
+import { ContentRail } from './patterns/content-rail';
 import { DisclosureSection } from './patterns/disclosure-section';
 import { EmptyState } from './patterns/empty-state';
 import { FilterBar } from './patterns/filter-bar';
@@ -206,6 +207,7 @@ const _ZORA_COMPONENT_REGISTRY = {
   ChatListItem,
   CollectionEditor,
   ConfirmDialog,
+  ContentRail,
   DisclosureSection,
   EmptyState,
   FilterBar,