@segnavia/react 0.7.0 → 0.9.0

package/dist/elements.d.ts

@@ -1,6 +1,6 @@
-import { CaptionProps, CaptionsProps, CounterProps, FullscreenProps, MuteProps, NotesProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, TimeProps, TrackProps } from "./props.js";
+import { CaptionProps, CaptionsProps, CounterProps, FullscreenProps, MuteProps, NotesProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
 import { SegnaviaPlayer } from "@segnavia/frame/player";
-import { SegnaviaStage } from "@segnavia/frame";
+import { SegnaviaStage, SegnaviaThumbnail } from "@segnavia/frame";
 import { SegnaviaCaption, SegnaviaCaptions, SegnaviaCounter, SegnaviaFullscreen, SegnaviaMute, SegnaviaNotes, SegnaviaPlay, SegnaviaRail, SegnaviaStep, SegnaviaTime, SegnaviaTrack } from "@segnavia/frame/controls";
 //#region src/elements.d.ts
 export interface RuntimeElementDescriptor {
@@ -17,6 +17,7 @@ export interface ElementDescriptor<E extends HTMLElement, P extends object> exte
 export declare const ELEMENTS: {
   readonly player: ElementDescriptor<SegnaviaPlayer, PlayerProps>;
   readonly stage: ElementDescriptor<SegnaviaStage, StageProps>;
+  readonly thumbnail: ElementDescriptor<SegnaviaThumbnail, ThumbnailProps>;
   readonly play: ElementDescriptor<SegnaviaPlay, PlayProps>;
   readonly step: ElementDescriptor<SegnaviaStep, StepProps>;
   readonly track: ElementDescriptor<SegnaviaTrack, TrackProps>;

package/dist/elements.js

@@ -28,6 +28,13 @@ const ELEMENTS = {
 		onSegnaviaController: "segnavia-controller",
 		onSegnaviaFit: "segnavia-fit"
 	}),
+	thumbnail: element(HEADLESS_ELEMENTS.thumbnail, [
+		"deck",
+		"index",
+		"resolveSlide",
+		"base",
+		"mountMargin"
+	], { onSegnaviaThumbnailError: "segnavia-thumbnail-error" }),
 	play: element(STYLED_ELEMENTS.play, controlProperties, {}),
 	step: element(STYLED_ELEMENTS.step, controlProperties, {}),
 	track: element(STYLED_ELEMENTS.track, controlProperties, {}),

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { CaptionProps, CaptionsProps, CounterProps, FullscreenProps, MuteProps, NotesProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, TimeProps, TrackProps } from "./props.js";
+import { CaptionProps, CaptionsProps, CounterProps, FullscreenProps, MuteProps, NotesProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
 import { AnyElementDescriptor, ElementFor, PropsFor } from "./elements.js";
 import { SegnaviaIntrinsicElements } from "./jsx.js";
 import { AuthoringController, AuthoringController as AuthoringController$1, AuthoringErrorDetail, AuthoringHandlers, AuthoringHandlers as AuthoringHandlers$1, AuthoringOptions, AuthoringOptions as AuthoringOptions$1, DirtyChangeDetail, SaveNotesInput } from "@segnavia/frame/authoring";
@@ -18,6 +18,9 @@ export declare const Player: import("react").ForwardRefExoticComponent<PlayerPro
 export declare const Stage: import("react").ForwardRefExoticComponent<StageProps & {
   children?: ReactNode;
 } & import("react").RefAttributes<import("@segnavia/frame").SegnaviaStage>>;
+export declare const Thumbnail: import("react").ForwardRefExoticComponent<ThumbnailProps & {
+  children?: ReactNode;
+} & import("react").RefAttributes<import("@segnavia/frame").SegnaviaThumbnail>>;
 export declare const Play: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<import("@segnavia/frame/controls").SegnaviaPlay>, "children"> & {
   children?: ReactNode;
 } & {
@@ -128,4 +131,4 @@ export declare const Rail: import("react").ForwardRefExoticComponent<Omit<import
 export declare function useDeckController(element: ElementWithController | null): DeckController | null;
 export declare function useAuthoring(player: SegnaviaPlayer | null, handlers: AuthoringHandlers$1, options?: AuthoringOptions$1): AuthoringController$1 | null;
 //#endregion
-export type { AuthoringController, AuthoringErrorDetail, AuthoringHandlers, AuthoringOptions, CaptionProps, CaptionsProps, CounterProps, DirtyChangeDetail, FullscreenProps, MuteProps, NotesProps, PlayProps, PlayerProps, RailProps, SaveNotesInput, SegnaviaIntrinsicElements, StageProps, StepProps, TimeProps, TrackProps };
+export type { AuthoringController, AuthoringErrorDetail, AuthoringHandlers, AuthoringOptions, CaptionProps, CaptionsProps, CounterProps, DirtyChangeDetail, FullscreenProps, MuteProps, NotesProps, PlayProps, PlayerProps, RailProps, SaveNotesInput, SegnaviaIntrinsicElements, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps };

package/dist/index.js

@@ -36,6 +36,7 @@ function createComponent(descriptor) {
 }
 const Player = createComponent(ELEMENTS.player);
 const Stage = createComponent(ELEMENTS.stage);
+const Thumbnail = createComponent(ELEMENTS.thumbnail);
 const Play = createComponent(ELEMENTS.play);
 const Step = createComponent(ELEMENTS.step);
 const Track = createComponent(ELEMENTS.track);
@@ -85,4 +86,4 @@ function useAuthoring(player, handlers, options) {
 	return controller;
 }
 //#endregion
-export { Caption, Captions, Counter, Fullscreen, Mute, Notes, Play, Player, Rail, Stage, Step, Time, Track, createComponent, useAuthoring, useDeckController };
+export { Caption, Captions, Counter, Fullscreen, Mute, Notes, Play, Player, Rail, Stage, Step, Thumbnail, Time, Track, createComponent, useAuthoring, useDeckController };

package/dist/props.d.ts

@@ -1,6 +1,6 @@
 import { PlayerControls, PlayerFit, SegnaviaPlayer } from "@segnavia/frame/player";
 import { HTMLAttributes, ReactNode } from "react";
-import { ControllerOptions, DeckController, FittedSize, HostTransition, SegnaviaStage, StageReserve } from "@segnavia/frame";
+import { ControllerOptions, DeckController, FittedSize, HostTransition, SegnaviaStage, SegnaviaThumbnail, StageReserve } from "@segnavia/frame";
 import { PlayerLabels, SegnaviaCaption, SegnaviaCaptions, SegnaviaCounter, SegnaviaFullscreen, SegnaviaMute, SegnaviaNotes, SegnaviaPlay, SegnaviaRail, SegnaviaStep, SegnaviaTime, SegnaviaTrack } from "@segnavia/frame/controls";
 //#region src/props.d.ts
 type ElementProps<E extends HTMLElement> = Omit<HTMLAttributes<E>, 'children'> & {
@@ -49,6 +49,14 @@ export interface StageProps extends ElementProps<SegnaviaStage> {
   onSegnaviaController?: CustomEventProp;
   onSegnaviaFit?: CustomEventProp<FittedSize>;
 }
+export interface ThumbnailProps extends ElementProps<SegnaviaThumbnail> {
+  deck?: SegnaviaThumbnail['deck'];
+  index?: number;
+  resolveSlide?: ControllerOptions['resolveSlide'];
+  base?: string;
+  mountMargin?: number;
+  onSegnaviaThumbnailError?: CustomEventProp<unknown>;
+}
 export type PlayProps = ControlProps<SegnaviaPlay>;
 export type StepProps = ControlProps<SegnaviaStep> & {
   to?: 'previous' | 'next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segnavia/react",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -26,7 +26,7 @@
     }
   },
   "dependencies": {
-    "@segnavia/frame": "0.7.0"
+    "@segnavia/frame": "0.9.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",