@segnavia/react 0.19.0 → 0.20.0

package/dist/elements.d.ts

@@ -1,6 +1,6 @@
-import { CaptionProps, CaptionsProps, CounterProps, FullscreenProps, MuteProps, NotesProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
+import { CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, MuteProps, NotesProps, PageProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
 import { SegnaviaPlayer } from "@segnavia/frame/player";
-import { SegnaviaStage, SegnaviaThumbnail } from "@segnavia/frame";
+import { SegnaviaDocument, SegnaviaPage, SegnaviaPaper, 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 {
@@ -19,6 +19,9 @@ export declare const ELEMENTS: {
   readonly player: ElementDescriptor<SegnaviaPlayer, PlayerProps, "segnavia-player">;
   readonly stage: ElementDescriptor<SegnaviaStage, StageProps, "segnavia-stage">;
   readonly thumbnail: ElementDescriptor<SegnaviaThumbnail, ThumbnailProps, "segnavia-thumbnail">;
+  readonly page: ElementDescriptor<SegnaviaPage, PageProps, "segnavia-page">;
+  readonly paper: ElementDescriptor<SegnaviaPaper, PaperProps, "segnavia-paper">;
+  readonly document: ElementDescriptor<SegnaviaDocument, DocumentProps, "segnavia-document">;
   readonly play: ElementDescriptor<SegnaviaPlay, PlayProps, "segnavia-play">;
   readonly step: ElementDescriptor<SegnaviaStep, StepProps, "segnavia-step">;
   readonly track: ElementDescriptor<SegnaviaTrack, TrackProps, "segnavia-track">;

package/dist/elements.js

@@ -30,12 +30,31 @@ const ELEMENTS = {
 	}),
 	thumbnail: element(HEADLESS_ELEMENTS.thumbnail, [
 		"deck",
+		"page",
+		"print",
 		"index",
 		"resolveSlide",
 		"base",
 		"css",
 		"mountMargin"
 	], { onSegnaviaThumbnailError: "segnavia-thumbnail-error" }),
+	page: element(HEADLESS_ELEMENTS.page, [
+		"page",
+		"css",
+		"cspExtra"
+	], {}),
+	paper: element(HEADLESS_ELEMENTS.paper, [
+		"paper",
+		"side",
+		"css",
+		"cspExtra"
+	], {}),
+	document: element(HEADLESS_ELEMENTS.document, [
+		"css",
+		"cspExtra",
+		"pages",
+		"print"
+	], {}),
 	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, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
+import { CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, MuteProps, NotesProps, PageProps, PaperProps, 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, SavePrintMomentInput } from "@segnavia/frame/authoring";
@@ -21,6 +21,15 @@ export declare const Stage: import("react").ForwardRefExoticComponent<StageProps
 export declare const Thumbnail: import("react").ForwardRefExoticComponent<ThumbnailProps & {
   children?: ReactNode;
 } & import("react").RefAttributes<import("@segnavia/frame").SegnaviaThumbnail>>;
+export declare const Page: import("react").ForwardRefExoticComponent<PageProps & {
+  children?: ReactNode;
+} & import("react").RefAttributes<import("@segnavia/frame").SegnaviaPage>>;
+export declare const Paper: import("react").ForwardRefExoticComponent<PaperProps & {
+  children?: ReactNode;
+} & import("react").RefAttributes<import("@segnavia/frame").SegnaviaPaper>>;
+export declare const Document: import("react").ForwardRefExoticComponent<DocumentProps & {
+  children?: ReactNode;
+} & import("react").RefAttributes<import("@segnavia/frame").SegnaviaDocument>>;
 export declare const Play: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<import("@segnavia/frame/controls").SegnaviaPlay>, "children"> & {
   children?: ReactNode;
 } & {
@@ -131,4 +140,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, SavePrintMomentInput, SegnaviaIntrinsicElements, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps };
+export type { AuthoringController, AuthoringErrorDetail, AuthoringHandlers, AuthoringOptions, CaptionProps, CaptionsProps, CounterProps, DirtyChangeDetail, DocumentProps, FullscreenProps, MuteProps, NotesProps, PageProps, PaperProps, PlayProps, PlayerProps, RailProps, SaveNotesInput, SavePrintMomentInput, SegnaviaIntrinsicElements, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps };

package/dist/index.js

@@ -37,6 +37,9 @@ function createComponent(descriptor) {
 const Player = createComponent(ELEMENTS.player);
 const Stage = createComponent(ELEMENTS.stage);
 const Thumbnail = createComponent(ELEMENTS.thumbnail);
+const Page = createComponent(ELEMENTS.page);
+const Paper = createComponent(ELEMENTS.paper);
+const Document = createComponent(ELEMENTS.document);
 const Play = createComponent(ELEMENTS.play);
 const Step = createComponent(ELEMENTS.step);
 const Track = createComponent(ELEMENTS.track);
@@ -86,4 +89,4 @@ function useAuthoring(player, handlers, options) {
 	return controller;
 }
 //#endregion
-export { Caption, Captions, Counter, Fullscreen, Mute, Notes, Play, Player, Rail, Stage, Step, Thumbnail, Time, Track, createComponent, useAuthoring, useDeckController };
+export { Caption, Captions, Counter, Document, Fullscreen, Mute, Notes, Page, Paper, 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, SegnaviaThumbnail, StageReserve } from "@segnavia/frame";
+import { ControllerOptions, DeckController, FittedSize, HostTransition, PageInput, PrintInput, SegnaviaDocument, SegnaviaPage, SegnaviaPaper, 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'> & {
@@ -51,6 +51,8 @@ export interface StageProps extends ElementProps<SegnaviaStage> {
 }
 export interface ThumbnailProps extends ElementProps<SegnaviaThumbnail> {
   deck?: SegnaviaThumbnail['deck'];
+  page?: PageInput | null;
+  print?: PrintInput | null;
   index?: number;
   resolveSlide?: ControllerOptions['resolveSlide'];
   base?: string;
@@ -58,6 +60,27 @@ export interface ThumbnailProps extends ElementProps<SegnaviaThumbnail> {
   mountMargin?: number;
   onSegnaviaThumbnailError?: CustomEventProp<unknown>;
 }
+export interface PageProps extends ElementProps<SegnaviaPage> {
+  page?: PageInput | null;
+  css?: string;
+  cspExtra?: string;
+  src?: string;
+  unstyled?: boolean;
+}
+export interface PaperProps extends ElementProps<SegnaviaPaper> {
+  paper?: number;
+  side?: SegnaviaPaper['side'];
+  css?: string;
+  cspExtra?: string;
+  unstyled?: boolean;
+}
+export interface DocumentProps extends ElementProps<SegnaviaDocument> {
+  pages?: PageInput[];
+  print?: PrintInput | null;
+  css?: string;
+  cspExtra?: string;
+  unstyled?: boolean;
+}
 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.19.0",
+  "version": "0.20.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -26,7 +26,7 @@
     }
   },
   "dependencies": {
-    "@segnavia/frame": "0.19.0"
+    "@segnavia/frame": "0.20.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",