cineview 1.0.0 → 1.0.1

package/dist/components/Animate/animateSemantics.d.ts

@@ -13,7 +13,6 @@ export interface NormalizedAnimateTimeline {
     driver: 'scene' | 'clock';
     delay: number;
     after?: string;
-    zoneId?: string;
     phase?: {
         start?: number;
         end?: number;

package/dist/components/{CineView/CineView.d.ts → Cineview/Cineview.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { AnimationType, CineViewRef, DragModeConfig, SceneProps, ScrollMode } from '../../types';
+import { AnimationType, CineviewRef, DragModeConfig, SceneProps, ScrollMode } from '../../types';
 type SceneAuthoringCompatProps = SceneProps & {
     mode?: ScrollMode;
     slideDirection?: 'x' | 'y';
@@ -23,16 +23,14 @@ export declare function resolveRootSceneStackMode(sceneProps: Pick<SceneAuthorin
  * script-tag consumers using only drag shouldn't carry it).
  * Not re-exported from barrel: public API remains only `CineView` + `mode` prop.
  */
-export declare const CineViewDragEngine: React.ForwardRefExoticComponent<import('../..').CineViewBaseProps & DragModeConfig & {
+export declare const CineviewDragEngine: React.ForwardRefExoticComponent<import('../..').CineviewBaseProps & DragModeConfig & {
     mode?: "drag";
     callbacks?: import('../..').DragModeCallbacks;
 } & {
-    zoneTrigger?: undefined;
     sceneSizing?: undefined;
     enterMargin?: undefined;
     exitMargin?: undefined;
-    debug?: undefined;
-} & React.RefAttributes<CineViewRef>>;
+} & React.RefAttributes<CineviewRef>>;
 export {};
 /**
  * ⚠️ Mode dispatcher is NOT in this file, see `CineViewDispatch.tsx`.

package/dist/components/Cineview/CineviewDispatch.d.ts

@@ -0,0 +1,2 @@
+import { CineviewProps, CineviewRef } from '../../types';
+export declare const Cineview: import('react').ForwardRefExoticComponent<CineviewProps & import('react').RefAttributes<CineviewRef>>;

package/dist/components/Cineview/DirectScrollCineview.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { CineviewRef, CineviewScrollModeProps } from '../../types';
+export declare const DirectScrollCineView: React.ForwardRefExoticComponent<Omit<CineviewScrollModeProps, "mode"> & {
+    mode?: "scroll";
+} & React.RefAttributes<CineviewRef>>;
+export declare const DirectScrollCineview: React.ForwardRefExoticComponent<Omit<CineviewScrollModeProps, "mode"> & {
+    mode?: "scroll";
+} & React.RefAttributes<CineviewRef>>;

package/dist/components/{CineView → Cineview}/directScrollHelpers.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { AnimationType, CineViewBaseProps, ScrollTimelineState, SceneProps } from '../../types';
+import { AnimationType, CineviewBaseProps, ScrollTimelineState, SceneProps } from '../../types';
 export type SceneAuthoringCompatProps = SceneProps & {
     sceneId?: string;
     sceneHeight?: number | string;
@@ -34,6 +34,8 @@ export declare const TAKEOVER_PROGRESS_SNAP_EPSILON_PX = 0.01;
 export declare const CENTER_LOCK_BOUNDARY_EPSILON_PX = 0.5;
 export declare function isScrollDebugEnabled(explicit?: boolean): boolean;
 export declare function clamp(value: number, min: number, max: number): number;
+/** Keep authored Scene identity independent of its current position in the list. */
+export declare function getSceneIdentity(scene: React.ReactElement, index: number): string;
 export declare function normalizeWheelDeltaPx(delta: number, deltaMode: number, viewportSpan: number): number;
 export declare function normalizeTouchDeltaPx(delta: number): number;
 export declare function shouldDeferToNestedScrollable(target: EventTarget | null, root: HTMLElement, direction: 'x' | 'y', deltaPx: number): boolean;
@@ -56,7 +58,7 @@ export declare function isEditableOrInteractiveScrollKeyTarget(target: EventTarg
 export declare function shouldIgnoreGlobalScrollKey(event: KeyboardEvent): boolean;
 export declare function isSceneElement(node: React.ReactNode): node is React.ReactElement<SceneAuthoringCompatProps>;
 export declare function isLegacyDisplayNameSceneElement(node: React.ReactNode): boolean;
-export declare function resolveDesignDimensions(designWidth: CineViewBaseProps['designWidth'] | undefined): {
+export declare function resolveDesignDimensions(designWidth: CineviewBaseProps['designWidth'] | undefined): {
     designSize: number;
 };
 export declare function getSceneTransitionConfig(sceneProps: SceneAuthoringCompatProps): {

package/dist/components/Cineview/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Cineview component exports
+ */
+export { Cineview } from './CineviewDispatch';
+export type { CineviewPreloadTarget, CineviewProps, CineviewRef } from '../../types';

package/dist/components/{CineView → Cineview}/preloadTargets.d.ts

@@ -1,4 +1,4 @@
-import { CineViewPreloadTarget } from '../../types';
+import { CineviewPreloadTarget } from '../../types';
 interface ScenePreloadTargetProps {
     sceneId?: string;
     scroll?: {
@@ -12,7 +12,7 @@ interface ScenePreloadSceneLike {
     props: ScenePreloadTargetProps;
 }
 export declare function getScenePreloadImages(sceneProps: ScenePreloadTargetProps): string[];
-export declare function resolveScenePreloadTargetImages(scenes: ScenePreloadSceneLike[], targets?: CineViewPreloadTarget[], options?: {
+export declare function resolveScenePreloadTargetImages(scenes: ScenePreloadSceneLike[], targets?: CineviewPreloadTarget[], options?: {
     includeZoneIds?: boolean;
 }): string[];
 export {};

package/dist/components/{CineView → Cineview}/regroupCallbacks.d.ts

@@ -1,10 +1,10 @@
-import { CineViewCommonCallbacks, CineViewDragCallbacks, CineViewScrollCallbacks } from '../../types';
+import { CineviewCommonCallbacks, CineviewDragCallbacks, CineviewScrollCallbacks } from '../../types';
 /** Superset of every flat callback key a consumer might pass (any mode). */
-export type FlatCallbacks = CineViewCommonCallbacks & CineViewDragCallbacks & CineViewScrollCallbacks;
+export type FlatCallbacks = CineviewCommonCallbacks & CineviewDragCallbacks & CineviewScrollCallbacks;
 /** Internal grouped shape the runtime reads from. */
 export interface GroupedCallbacks {
-    common?: CineViewCommonCallbacks;
-    drag?: CineViewDragCallbacks;
-    scroll?: CineViewScrollCallbacks;
+    common?: CineviewCommonCallbacks;
+    drag?: CineviewDragCallbacks;
+    scroll?: CineviewScrollCallbacks;
 }
 export declare function regroupCallbacks(flat: FlatCallbacks | undefined): GroupedCallbacks;

package/dist/components/{CineView/useCineViewImperativeApi.d.ts → Cineview/useCineviewImperativeApi.d.ts}

@@ -1,5 +1,5 @@
 import { ForwardedRef, MutableRefObject } from 'react';
-import { CineViewRef } from '../../types';
+import { CineviewRef } from '../../types';
 import { GroupedCallbacks } from './regroupCallbacks';
 interface SceneActionsPort {
     goToScene: (index: number, animated?: boolean) => void;
@@ -9,7 +9,7 @@ interface PreloadActionsPort {
     startPreload: () => Promise<void>;
 }
 interface UseCineViewImperativeApiParams {
-    ref: ForwardedRef<CineViewRef>;
+    ref: ForwardedRef<CineviewRef>;
     currentSceneRef: MutableRefObject<number>;
     scenesRef: MutableRefObject<React.ReactElement[]>;
     sceneActionsRef: MutableRefObject<SceneActionsPort>;
@@ -17,5 +17,5 @@ interface UseCineViewImperativeApiParams {
     measureViewportRef: MutableRefObject<(() => void) | null>;
     resolvedCallbacksRef: MutableRefObject<GroupedCallbacks>;
 }
-export declare function useCineViewImperativeApi({ ref, currentSceneRef, scenesRef, sceneActionsRef, preloadActionsRef, measureViewportRef, resolvedCallbacksRef, }: UseCineViewImperativeApiParams): CineViewRef;
+export declare function useCineviewImperativeApi({ ref, currentSceneRef, scenesRef, sceneActionsRef, preloadActionsRef, measureViewportRef, resolvedCallbacksRef, }: UseCineViewImperativeApiParams): CineviewRef;
 export {};

package/dist/components/{CineView → Cineview}/useScrollZoneRegistry.d.ts

@@ -1,9 +1,9 @@
 import { MutableRefObject } from 'react';
 import { SceneScrollRuntimeContextValue, SceneScrollTimelineState, SceneScrollTimelineStore } from '../Scene/sceneScrollRuntime';
 import { SceneScrollAnimationRegistration } from '../Scene/sceneScrollBudget';
+import { CineviewErrorDetail } from '../../types';
 export interface ScrollZoneRegistration {
     sceneIndex: number;
-    trigger: 'center-lock';
     element: HTMLElement | null;
 }
 export type ScrollZoneRegistryRef = MutableRefObject<Map<string, ScrollZoneRegistration>>;
@@ -14,6 +14,7 @@ interface UseScrollZoneRegistryParams {
     scrollOffsetRef: MutableRefObject<number>;
     measureSceneLayoutsRef: MutableRefObject<(() => void) | null>;
     updateSceneRenderSnapshotsRef: MutableRefObject<(nativeOffset: number) => void>;
+    onError?: (detail: CineviewErrorDetail) => void;
 }
 export interface ScrollZoneRegistryPort {
     zoneRegistryRef: ScrollZoneRegistryRef;
@@ -30,5 +31,5 @@ export interface ScrollZoneRegistryPort {
         store: ScrollTimelineStore;
     };
 }
-export declare function useScrollZoneRegistry({ scrollOffsetRef, measureSceneLayoutsRef, updateSceneRenderSnapshotsRef, }: UseScrollZoneRegistryParams): ScrollZoneRegistryPort;
+export declare function useScrollZoneRegistry({ scrollOffsetRef, measureSceneLayoutsRef, updateSceneRenderSnapshotsRef, onError, }: UseScrollZoneRegistryParams): ScrollZoneRegistryPort;
 export {};

package/dist/components/Scene/sceneScrollBudget.d.ts

@@ -31,6 +31,8 @@ export interface ResolvedSceneScrollSequence {
     budgets: Record<string, SceneScrollAnimationBudget>;
     totalDurationMs: number;
     totalBudgetPx: number;
+    /** Phase declarations ignored because their dependency timing has no finite solution. */
+    invalidPhaseIds?: string[];
 }
 export declare function resolveSceneScrollAnimationBudgets(registrations: Map<string, SceneScrollAnimationRegistration>): ResolvedSceneScrollSequence;
 export declare function areResolvedSceneScrollSequencesEqual(left: ResolvedSceneScrollSequence, right: ResolvedSceneScrollSequence): boolean;

package/dist/components/Scene/sceneScrollRuntime.d.ts

@@ -33,7 +33,6 @@ export interface SceneScrollTimelineState {
 export interface SceneScrollRuntimeContextValue {
     registerZone: (zoneId: string, config: {
         sceneIndex: number;
-        trigger: 'center-lock';
     }) => void;
     unregisterZone: (zoneId: string, sceneIndex: number) => void;
     setZoneElement: (zoneId: string, sceneIndex: number, element: HTMLElement | null) => void;

package/dist/components/Scene/useSceneAnimationRegistry.d.ts

@@ -1,10 +1,10 @@
 import { AnimateRegistrationInfo, AnimateTimelineLane, FrozenAnimationRegistrySnapshot } from '../../animations/registry';
 import { ParsedAnimationVariant } from '../../types';
-import { CineViewRuntimeContextValue } from '../runtime/runtimeContext';
+import { CineviewRuntimeContextValue } from '../runtime/runtimeContext';
 interface UseSceneAnimationRegistryParams {
     sceneIndex: number;
     baseDuration: number;
-    reportError?: CineViewRuntimeContextValue['reportError'];
+    reportError?: CineviewRuntimeContextValue['reportError'];
     onStableSnapshot?: (snapshot: FrozenAnimationRegistrySnapshot, revision: number, enterVariantsByAnimateId: ReadonlyMap<string, ParsedAnimationVariant>) => void;
 }
 export interface ScenePreparationLease {

package/dist/components/Scene/useSceneScrollTakeover.d.ts

@@ -6,7 +6,6 @@ interface SceneScrollTakeoverConfig {
     mode: ScrollMode;
     scroll?: {
         zoneId?: string;
-        trigger?: 'center-lock';
     };
     elementRef: RefObject<HTMLElement | null>;
 }

package/dist/components/runtime/runtimeContext.d.ts

@@ -1,5 +1,5 @@
 import { ScrollMode } from '../../types';
-export interface CineViewRuntimeContextValue {
+export interface CineviewRuntimeContextValue {
     mode: ScrollMode;
     reportError?: (detail: {
         code: string;
@@ -10,5 +10,5 @@ export interface CineViewRuntimeContextValue {
     scrollExitMargin?: number;
     prefersReducedMotion?: boolean;
 }
-export declare const CineViewRuntimeContext: import('react').Context<CineViewRuntimeContextValue | null>;
-export declare function useCineViewRuntimeContext(): CineViewRuntimeContextValue | null;
+export declare const CineviewRuntimeContext: import('react').Context<CineviewRuntimeContextValue | null>;
+export declare function useCineviewRuntimeContext(): CineviewRuntimeContextValue | null;

package/dist/components/runtime/scrollSceneFrameStore.d.ts

@@ -1,5 +1,5 @@
 import { ScrollTimelineState } from '../../types';
-import { ScrollInputDirection } from '../CineView/directScrollHelpers';
+import { ScrollInputDirection } from '../Cineview/directScrollHelpers';
 /**
  * Continuous values for one scroll Scene. This channel is deliberately
  * separate from the React render snapshot: the native scroll controller is the

package/dist/context/{CineViewContext.d.ts → CineviewContext.d.ts}

@@ -1,25 +1,25 @@
 import { default as React } from 'react';
-export interface CineViewContextValue {
+export interface CineviewContextValue {
     /** px2vw single-ruler ratio: `viewportWidth / size`. Only useAnimateScroll gate margin conversion reads this. */
     scale: number;
     /** px2vw single-ruler conversion: design px → physical px (`size * scale`). Shared by all length values. */
     convert: (size: number) => number;
 }
-declare const CineViewContext: React.Context<CineViewContextValue | null>;
-export { CineViewContext };
-export interface CineViewProviderProps {
+declare const CineviewContext: React.Context<CineviewContextValue | null>;
+export { CineviewContext };
+export interface CineviewProviderProps {
     /** Design spec size baseline (design px). Single conversion ruler site-wide: `scale = viewportWidth / designSize`. */
     designSize?: number;
     children: React.ReactNode;
 }
-export declare const CineViewProvider: React.FC<CineViewProviderProps>;
+export declare const CineviewProvider: React.FC<CineviewProviderProps>;
 /**
- * Use CineView context
+ * Use Cineview context
  */
-export declare const useCineViewContext: () => CineViewContextValue | null;
+export declare const useCineviewContext: () => CineviewContextValue | null;
 /**
  * Use size conversion function
  * Convenience hook for directly obtaining the convert function (px2vw single ruler) in components.
- * Returns stable identity function (no conversion) when used outside CineView, with one-time dev warning.
+ * Returns stable identity function (no conversion) when used outside Cineview, with one-time dev warning.
  */
 export declare const useConvertSize: () => ((size: number) => number);

package/dist/dev/PerfPanel.d.ts

@@ -4,7 +4,7 @@ export interface PerfPanelProps {
     position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     /** 是否默认展开 */
     defaultExpanded?: boolean;
-    /** Public CineView ref (usually captured from callbacks.onReady). */
+    /** Public Cineview ref (usually captured from callbacks.onReady). */
     source?: PerformanceSource | null;
     /** Disable polling while the panel is hidden. */
     enabled?: boolean;

package/dist/dev/usePerfMonitor.d.ts

@@ -1,9 +1,9 @@
-import { CineViewRef, PerformanceMetrics } from '../types';
-/** Public CineView ref methods consumed by development tools. */
-export type PerformanceSource = Pick<CineViewRef, 'getPerformanceMetrics'>;
+import { CineviewRef, PerformanceMetrics } from '../types';
+/** Public Cineview ref methods consumed by development tools. */
+export type PerformanceSource = Pick<CineviewRef, 'getPerformanceMetrics'>;
 export interface PerfStats {
     current: PerformanceMetrics;
     history: readonly PerformanceMetrics[];
 }
-/** Subscribe to shared, 500ms snapshots from a CineView ref with `monitor` enabled. */
+/** Subscribe to shared, 500ms snapshots from a Cineview ref with `monitor` enabled. */
 export declare function usePerfMonitor(source: PerformanceSource | null | undefined, enabled?: boolean): PerfStats | null;

package/dist/entry-drag.d.ts

@@ -1,14 +1,14 @@
 // 由 scripts/build-all.mjs 生成，请勿手改。
-// 拖拽专用入口的类型面：与全量入口的唯一差异是 `CineView` 不接受 `mode`
+// 拖拽专用入口的类型面：与全量入口的唯一差异是 `Cineview` 不接受 `mode`
 // （本产物只含拖拽引擎；需要另一种模式请用 "cineview/scroll"，
 // 需要运行时按 mode 切换请用 "cineview"）。
 import type { ForwardRefExoticComponent, RefAttributes } from 'react';
-import type { CineViewProps, CineViewRef } from './index';
+import type { CineviewProps, CineviewRef } from './index';
 
 export * from './index';
 
-export declare type CineViewDragProps = Omit<Extract<CineViewProps, { mode?: 'drag' }>, 'mode'>;
+export declare type CineviewDragProps = Omit<Extract<CineviewProps, { mode?: 'drag' }>, 'mode'>;
 
-export declare const CineView: ForwardRefExoticComponent<
-    CineViewDragProps & RefAttributes<CineViewRef>
+export declare const Cineview: ForwardRefExoticComponent<
+    CineviewDragProps & RefAttributes<CineviewRef>
 >;

package/dist/entry-scroll.d.ts

@@ -1,14 +1,14 @@
 // 由 scripts/build-all.mjs 生成，请勿手改。
-// 滚动专用入口的类型面：与全量入口的唯一差异是 `CineView` 不接受 `mode`
+// 滚动专用入口的类型面：与全量入口的唯一差异是 `Cineview` 不接受 `mode`
 // （本产物只含滚动引擎；需要另一种模式请用 "cineview/drag"，
 // 需要运行时按 mode 切换请用 "cineview"）。
 import type { ForwardRefExoticComponent, RefAttributes } from 'react';
-import type { CineViewProps, CineViewRef } from './index';
+import type { CineviewProps, CineviewRef } from './index';
 
 export * from './index';
 
-export declare type CineViewScrollProps = Omit<Extract<CineViewProps, { mode: 'scroll' }>, 'mode'>;
+export declare type CineviewScrollProps = Omit<Extract<CineviewProps, { mode: 'scroll' }>, 'mode'>;
 
-export declare const CineView: ForwardRefExoticComponent<
-    CineViewScrollProps & RefAttributes<CineViewRef>
+export declare const Cineview: ForwardRefExoticComponent<
+    CineviewScrollProps & RefAttributes<CineviewRef>
 >;

package/dist/hooks/useFirstSceneEnter.d.ts

@@ -1,9 +1,9 @@
-import { CineViewErrorCode } from '../types';
+import { CineviewErrorCode } from '../types';
 /**
  * Global first-screen cold-start gate. Mode-agnostic: owns the two decoupled
  * booleans that govern when the first mounted scene is allowed to play its
  * one-shot enter pass, plus the priority-asset / timeout / preventDefault /
- * static-reveal coordination that used to live inline in CineView.
+ * static-reveal coordination that used to live inline in Cineview.
  *
  * Two-boolean model (intentionally NOT a 3-state enum — see project memory):
  * - `firstSceneEnterActive` — the WINDOW flag. While true, the first scene is
@@ -41,7 +41,7 @@ export interface UseFirstSceneEnterParams {
      * the consumer handled it (preventDefault) — in which case the scene is left
      * at its initial visual for consumer-driven recovery instead of static reveal.
      */
-    emitRecoverableError: (code: CineViewErrorCode, message: string, context?: Record<string, unknown>) => boolean;
+    emitRecoverableError: (code: CineviewErrorCode, message: string, context?: Record<string, unknown>) => boolean;
     /** Lazily read preload counts for the timeout error context. */
     getPreloadCounts: () => {
         loadedCount: number;

package/dist/hooks/usePrefersReducedMotion.d.ts

@@ -6,7 +6,7 @@
  * `false`: SSR has no media query, and rendering the reduced variant into HTML that
  * a full-motion client then hydrates would be the wrong default.
  *
- * Read this once at the CineView root and pass it down the runtime context — one
+ * Read this once at the Cineview root and pass it down the runtime context — one
  * matchMedia subscription per root, not one per Animate.
  */
 export declare function usePrefersReducedMotion(): boolean;

package/dist/hooks/useSceneManager.d.ts

@@ -45,6 +45,7 @@ export interface SceneManagerState {
     scrollTransitionSnapshot: ScrollTransitionSnapshot | null;
 }
 export interface SceneManagerActions {
+    reconcileSceneList: (index: number) => void;
     goToScene: (index: number, animated?: boolean) => void;
     nextScene: () => void;
     prevScene: () => void;

package/dist/index.d.ts

@@ -14,4 +14,4 @@
  * See `src/entry-drag.ts` / `src/entry-scroll.ts`.
  */
 export * from './public-api';
-export { CineView } from './components/CineView';
+export { Cineview } from './components/Cineview';

package/dist/public-api.d.ts

@@ -9,4 +9,4 @@ export type { AnimateVideoProps } from './components/Animate/AnimateVideo';
 export declare const Animate: (props: AnimateProps) => ReactNode;
 export declare const Position: ForwardRefExoticComponent<PositionProps & RefAttributes<HTMLDivElement>>;
 export declare const Scene: ForwardRefExoticComponent<SceneProps & RefAttributes<HTMLDivElement>>;
-export type { SlideDirection, ScrollMode, SceneAnchor, SceneStackMode, DragThresholdConfig, DragTimelineUnit, SceneDragConfig, DragModeConfig, ScrollModeConfig, ScrollbarConfig, A11yConfig, SceneChangeDetail, CineViewErrorCode, CineViewErrorDetail, DragDetail, DragStartDetail, DragBlockedDetail, DragEndDetail, ZoneDetail, ZoneProgressDetail, SceneVisibilityDetail, CineViewCommonCallbacks, CineViewDragCallbacks, CineViewScrollCallbacks, DragModeCallbacks, ScrollModeCallbacks, CineViewCallbacks, PresetAnimation, CustomAnimation, ComposedAnimation, AnimationType, CineViewBaseProps, CineViewDragModeProps, CineViewScrollModeProps, CineViewProps, PerformanceMetrics, CineViewRef, CineViewScrollRef, CineViewPreloadTarget, AnimateProps, AnimateStaggerConfig, AnimateRenderState, AnimatePhase, AnimateTimelineLane, AnimateTimelineSource, AnimateTimelineFrame, AnimateTimeline, PositionProps, ContainerProps, SceneProps, } from './types';
+export type { SlideDirection, ScrollMode, SceneAnchor, SceneStackMode, DragThresholdConfig, DragTimelineUnit, SceneDragConfig, DragModeConfig, ScrollModeConfig, ScrollbarConfig, A11yConfig, SceneChangeDetail, CineviewErrorCode, CineviewErrorDetail, DragDetail, DragStartDetail, DragBlockedDetail, DragEndDetail, ZoneDetail, ZoneProgressDetail, SceneVisibilityDetail, CineviewCommonCallbacks, CineviewDragCallbacks, CineviewScrollCallbacks, DragModeCallbacks, ScrollModeCallbacks, CineviewCallbacks, PresetAnimation, CustomAnimation, ComposedAnimation, AnimationType, CineviewBaseProps, CineviewDragModeProps, CineviewScrollModeProps, CineviewProps, PerformanceMetrics, CineviewRef, CineviewScrollRef, CineviewPreloadTarget, AnimateProps, AnimateStaggerConfig, AnimateRenderState, AnimatePhase, AnimateTimelineLane, AnimateTimelineSource, AnimateTimelineFrame, AnimateTimeline, PositionProps, ContainerProps, SceneProps, } from './types';