fika-editor 3.2.9 → 3.3.0

package/dist/types/types/slides.d.ts

@@ -156,6 +156,8 @@ export interface ElementSource {
  * source?: OOXML provenance when imported from a retained PPTX package
  */
 interface PPTBaseElement {
+    /** Nested frame ownership; geometry remains in page coordinates. */
+    parentFrameId?: string;
     id: string;
     left: number;
     top: number;
@@ -264,6 +266,22 @@ export interface PPTImageElement extends PPTBaseElement {
     radius?: number;
     colorMask?: string;
     imageType?: ImageType;
+    /** Offline editable QR payload; SVG src remains portable through ordinary image render/export. */
+    qrCode?: {
+        text: string;
+        errorCorrection: 'L' | 'M' | 'Q' | 'H';
+        foreground: string;
+        background: string;
+    };
+    /** Editable photo-frame metadata; native image geometry/clip remain authoritative. */
+    photoFrame?: {
+        layout: string;
+        cell: number;
+        gutter: number;
+        empty: boolean;
+        sourceWidth?: number;
+        sourceHeight?: number;
+    };
 }
 /**
  * Text inside a shape.
@@ -297,6 +315,10 @@ export interface ShapeText {
  * keypoints?: keypoint positions as percentages
  */
 export interface PPTShapeElement extends PPTBaseElement {
+    /** Native rectangular frame container. */
+    frame?: {
+        clipContent: boolean;
+    };
     type: 'shape';
     viewBox: [number, number];
     path: string;
@@ -558,9 +580,40 @@ export type SlideType = 'cover' | 'contents' | 'transition' | 'content' | 'end';
  *   on the canvas, not editable; cleared by the first `slides.update` that
  *   omits or falsifies it.
  */
+/** Persistent page guides, expressed in unscaled document pixels. Never exported as artwork. */
+export interface SlideGuide {
+    id: string;
+    /** x is a vertical guide; y is a horizontal guide. */
+    axis: 'x' | 'y';
+    position: number;
+}
+/** Freeform workspace annotation, deliberately excluded from page artwork and exports. */
+export interface WorkspaceLabel {
+    /** Workspace-only section or local comment thread; omitted for plain labels. */
+    kind?: 'section' | 'comment';
+    width?: number;
+    height?: number;
+    pageIds?: string[];
+    resolved?: boolean;
+    replies?: string[];
+    id: string;
+    text: string;
+    x: number;
+    y: number;
+    fontSize: number;
+}
 export interface Slide {
+    workspaceLabels?: WorkspaceLabel[];
+    /** Freeform Myna workspace origin in document pixels; independent of export order. */
+    canvasPosition?: {
+        x: number;
+        y: number;
+    };
+    /** Optional author-assigned page title shown in the Myna workspace. */
+    canvasName?: string;
     id: string;
     elements: PPTElement[];
+    guides?: SlideGuide[];
     notes?: Note[];
     remark?: string;
     background?: SlideBackground;

package/dist/types/utils/applyDesignTheme.d.ts

@@ -1,6 +1,6 @@
 import type { Slide, SlideTheme } from '../types/slides';
 import { type PresetTheme } from '../configs/theme';
-export declare const setSlideTheme: (slide: Slide, theme: PresetTheme, index?: number) => void;
+export declare const setSlideTheme: (slide: Slide, theme: PresetTheme, index?: number, sourceAccents?: readonly string[]) => void;
 /** Shared by the design picker and agent command, with no store/history effects. */
 export declare function applyDesignTheme(slides: readonly Slide[], currentTheme: SlideTheme, preset: PresetTheme): {
     slides: Slide[];

package/dist/types/utils/canvasFit.d.ts

@@ -0,0 +1,17 @@
+export declare const FIT_CANVAS_BOUNDS_EVENT = "fika:fit-canvas-bounds";
+export type CanvasFitRequest = {
+    minX: number;
+    maxX: number;
+    minY: number;
+    maxY: number;
+    leftInset?: number;
+    rightInset?: number;
+    topInset?: number;
+    bottomInset?: number;
+};
+/** Fit document-space bounds into the visible editor area, including rotated bounds. */
+export declare function calculateCanvasFit(bounds: CanvasFitRequest, width: number, height: number): {
+    scale: number;
+    left: number;
+    top: number;
+};

package/dist/types/utils/canvasHitTest.d.ts

@@ -66,6 +66,10 @@ export interface HitRingLayoutOptions {
  */
 export declare function hitRingLayout(width: number, height: number, options?: HitRingLayoutOptions): HitRingLayout;
 export interface VisualHitRect {
+    frameClip?: {
+        x: number;
+        y: number;
+    }[];
     id: string;
     left: number;
     top: number;

package/dist/types/utils/designColorRoles.d.ts

@@ -0,0 +1,10 @@
+import type { PresetTheme } from '../configs/theme';
+import type { PPTElement, Slide } from '../types/slides';
+/** Keep neutral surfaces, pale panels and saturated accents in distinct roles. */
+export declare function designColorRoles(theme: PresetTheme, sourceAccents: readonly string[]): {
+    fill: (color: string) => string;
+    ink: (surface: string, original?: string) => string;
+};
+/** Find the painted panel below a text object; preserve white lettering on badges. */
+export declare function textSurface(slide: Slide, el: PPTElement, fallback: string): string;
+export declare function retintInlineText(html: string, surface: string, ink: (surface: string, original?: string) => string): string;

package/dist/types/utils/element.d.ts

@@ -102,6 +102,7 @@ export declare const rotatePoint: (point: Point, center: Point, angle: number) =
  * @param angle Rotation in degrees
  */
 export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLineElement>, center: Point, angle: number) => {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -123,6 +124,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -145,6 +147,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -164,6 +167,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -185,10 +189,25 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     radius?: number;
     colorMask?: string;
     imageType?: import("../types/slides").ImageType;
+    qrCode?: {
+        text: string;
+        errorCorrection: 'L' | 'M' | 'Q' | 'H';
+        foreground: string;
+        background: string;
+    };
+    photoFrame?: {
+        layout: string;
+        cell: number;
+        gutter: number;
+        empty: boolean;
+        sourceWidth?: number;
+        sourceHeight?: number;
+    };
     left: number;
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -209,6 +228,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -224,6 +244,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -233,6 +254,9 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     name?: string;
     source?: import("../types/slides").ElementSource;
     effects?: import("../types/slides").PPTElementEffects;
+    frame?: {
+        clipContent: boolean;
+    };
     type: 'shape';
     viewBox: [number, number];
     path: string;
@@ -253,6 +277,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -272,6 +297,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;
@@ -309,6 +335,7 @@ export declare const rotateRectLikeElement: (element: Exclude<PPTElement, PPTLin
     top: number;
     rotate: number;
 } | {
+    parentFrameId?: string;
     id: string;
     lock?: boolean;
     groupId?: string;

package/dist/types/utils/elementPaint.d.ts

@@ -0,0 +1,129 @@
+import type { Gradient, ImageElementClip, ImageElementFilters, LineStyleType, PPTElementOutline, PPTElementShadow, PPTImageElement, PPTLineElement, SlideBackgroundImageSize } from '../types/slides';
+/** Line elements store stroke thickness in `width` (not a bounding-box width). */
+export declare const lineStrokeWidth: (element: Pick<PPTLineElement, 'width'>) => number;
+export declare const shadowPaint: (shadow?: PPTElementShadow | null) => {
+    shadowColor?: undefined;
+    shadowBlur?: undefined;
+    shadowOffsetX?: undefined;
+    shadowOffsetY?: undefined;
+    shadowOpacity?: undefined;
+} | {
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    shadowOpacity: number;
+};
+export declare const outlineDashArray: (style: LineStyleType | undefined, width: number) => number[] | undefined;
+export declare const lineDashArray: (style: LineStyleType, strokeWidth: number) => number[] | undefined;
+export declare const outlineStrokePaint: (outline?: PPTElementOutline) => {
+    strokeEnabled: false;
+    stroke?: undefined;
+    strokeWidth?: undefined;
+    strokeScaleEnabled?: undefined;
+    lineCap?: undefined;
+    miterLimit?: undefined;
+    dash?: undefined;
+    dashEnabled?: undefined;
+} | {
+    stroke: string;
+    strokeWidth: number;
+    strokeScaleEnabled: boolean;
+    lineCap: 'butt';
+    miterLimit: number;
+    dash: number[];
+    dashEnabled: boolean;
+    strokeEnabled: true;
+};
+export declare const imageOpacity: (filters?: ImageElementFilters) => number;
+export declare const imageCropRect: (clip: ImageElementClip | undefined, imgW: number, imgH: number) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | undefined;
+export declare const imageCornerRadius: (element: PPTImageElement) => number;
+export declare const imageClipKind: (element: PPTImageElement) => 'rect' | 'ellipse' | 'polygon';
+type PathCtx = {
+    beginPath: () => void;
+    moveTo: (x: number, y: number) => void;
+    lineTo: (x: number, y: number) => void;
+    closePath: () => void;
+    rect: (x: number, y: number, width: number, height: number) => void;
+    roundRect: (x: number, y: number, width: number, height: number, radii: number) => void;
+    ellipse: (x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number) => void;
+};
+export declare const drawSvgPolyline: (ctx: Pick<PathCtx, 'moveTo' | 'lineTo' | 'closePath'>, d: string) => void;
+export declare const drawImageClip: (ctx: PathCtx, element: PPTImageElement) => void;
+export declare const imageClipPathData: (element: PPTImageElement) => string | undefined;
+export declare const linearGradientPaint: (width: number, height: number, gradient: Gradient) => {
+    fillLinearGradientStartPoint: {
+        x: number;
+        y: number;
+    };
+    fillLinearGradientEndPoint: {
+        x: number;
+        y: number;
+    };
+    fillLinearGradientColorStops: (string | number)[];
+};
+export declare const radialGradientPaint: (width: number, height: number, gradient: Gradient, origin?: 'center' | 'css') => {
+    fillRadialGradientStartPoint: {
+        x: number;
+        y: number;
+    };
+    fillRadialGradientStartRadius: number;
+    fillRadialGradientEndPoint: {
+        x: number;
+        y: number;
+    };
+    fillRadialGradientEndRadius: number;
+    fillRadialGradientColorStops: (string | number)[];
+};
+export declare const shapeFillPaint: (width: number, height: number, fill: string, gradient?: Gradient) => {
+    fillLinearGradientStartPoint: {
+        x: number;
+        y: number;
+    };
+    fillLinearGradientEndPoint: {
+        x: number;
+        y: number;
+    };
+    fillLinearGradientColorStops: (string | number)[];
+} | {
+    fillRadialGradientStartPoint: {
+        x: number;
+        y: number;
+    };
+    fillRadialGradientStartRadius: number;
+    fillRadialGradientEndPoint: {
+        x: number;
+        y: number;
+    };
+    fillRadialGradientEndRadius: number;
+    fillRadialGradientColorStops: (string | number)[];
+} | {
+    fillEnabled: false;
+    fill?: undefined;
+} | {
+    fillEnabled?: undefined;
+    fill: string;
+};
+export declare const patternCoverPaint: (imgW: number, imgH: number, boxW: number, boxH: number) => {
+    fillPatternScaleX: number;
+    fillPatternScaleY: number;
+    fillPatternX: number;
+    fillPatternY: number;
+    fillPatternRepeat: string;
+};
+export declare const fitRect: (imgW: number, imgH: number, boxW: number, boxH: number, mode: Exclude<SlideBackgroundImageSize, 'repeat'>) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const linePolylinePoints: (element: PPTLineElement) => number[] | null;
+export declare const canvasFromBitmap: (bitmap: ImageBitmap) => HTMLCanvasElement;
+/** Konva's config types list HTMLImageElement; runtime also accepts canvas. */
+export declare const patternImageSource: (bitmap: ImageBitmap) => HTMLImageElement;
+export {};

package/dist/types/utils/frameDomClip.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from 'react';
+import type { PPTElement } from '../types/slides';
+export declare function frameDomClip(element: PPTElement, elements: PPTElement[]): CSSProperties | undefined;

package/dist/types/utils/nestedFrames.d.ts

@@ -0,0 +1,19 @@
+import type { PPTElement, PPTShapeElement } from '../types/slides';
+export type FramePoint = {
+    x: number;
+    y: number;
+};
+export declare const isFrame: (element: PPTElement) => element is PPTShapeElement;
+export declare function frameAncestors(element: PPTElement, elements: readonly PPTElement[]): PPTShapeElement[];
+export declare function frameDescendantIds(elements: readonly PPTElement[], ids: readonly string[]): string[];
+export declare function frameCorners(element: PPTElement): FramePoint[];
+export declare function frameClipPolygon(element: PPTElement, elements: readonly PPTElement[]): FramePoint[] | null;
+export declare function createFrameFromSelection(elements: readonly PPTElement[], ids: readonly string[], frameId: string, name: string): {
+    elements: PPTElement[];
+    selection: string[];
+};
+export declare function reparentFrameElements(elements: readonly PPTElement[], ids: readonly string[], parentFrameId?: string): PPTElement[];
+/** Carry descendants with translated/rotated frames; resizing leaves child sizes unchanged. */
+export declare function reconcileFrameTransforms(previous: readonly PPTElement[], next: readonly PPTElement[]): PPTElement[];
+/** Keep native painter order coherent: a frame's artwork always precedes its children. */
+export declare function normalizeFrameOrder(elements: readonly PPTElement[]): PPTElement[];

package/dist/types/utils/pageGuides.d.ts

@@ -0,0 +1,6 @@
+import type { SlideGuide } from '../types/slides';
+import type { SnapBox, SnapResult } from './snap';
+/** Import may contain unknown metadata. Ignore invalid guides before geometry calculations. */
+export declare function validPageGuides(value: unknown): SlideGuide[];
+/** Explicit guides take priority within six screen pixels, independent of zoom. */
+export declare function snapToPageGuides(box: SnapBox, guides: readonly SlideGuide[], scale: number, base: SnapResult): SnapResult;

package/dist/types/utils/renderMetrics.d.ts

@@ -0,0 +1,2 @@
+/** Opt-in development counters used by the interaction benchmark; no production instrumentation. */
+export declare function recordRender(name: string): void;

package/dist/types/utils/resizeDeck.d.ts

@@ -0,0 +1,11 @@
+import type { Slide } from '../types/slides';
+export interface SlideCanvas {
+    width: number;
+    height: number;
+}
+/** Resize a deck without distorting media or changing reading order.
+ * Uniformly scale content and typography, redistribute available space through
+ * empty tracks, and keep decorative edge shapes attached to their canvas edge.
+ * Overlaps, rotations, z-order and grouped compositions remain intact.
+ */
+export declare function resizeDeckSlides(slides: readonly Slide[], from: SlideCanvas, to: SlideCanvas): Slide[];

package/dist/types/utils/selectInsertedElements.d.ts

@@ -0,0 +1,2 @@
+/** Select inserted elements and hand keyboard interaction back to the canvas. */
+export declare function selectInsertedElements(ids: string[]): void;

package/dist/types/utils/transferPageElements.d.ts

@@ -0,0 +1,3 @@
+import type { Slide } from '../types/slides';
+/** Move a complete selection between page coordinate spaces in one transaction. */
+export declare function transferPageElements(slides: Slide[], sourceId: string, targetId: string, ids: readonly string[], width: number, height: number): Slide[];

package/dist/types/views/Editor/Canvas/MynaRulers.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+import type { PPTElement } from '../../../types/slides';
+import type { MynaViewState } from '../../Myna/viewStore';
+type Props = {
+    canvasRef: RefObject<HTMLDivElement | null>;
+    viewportStyles: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    elementList: PPTElement[];
+    view: MynaViewState;
+};
+/** Editor-only measurement chrome. Guides live in slide coordinates, never export pixels. */
+declare const MynaRulers: import("react").MemoExoticComponent<({ canvasRef, viewportStyles, elementList, view }: Props) => import("react").JSX.Element>;
+export default MynaRulers;

package/dist/types/views/Editor/Canvas/ViewportBackground.d.ts

@@ -1,2 +1,4 @@
-declare const ViewportBackground: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+declare const ViewportBackground: import("react").MemoExoticComponent<({ showGrid }: {
+    showGrid?: boolean;
+}) => import("react").JSX.Element>;
 export default ViewportBackground;

package/dist/types/views/Editor/Canvas/hooks/useDragElement.d.ts

@@ -1,6 +1,7 @@
+import type { MynaViewPreferences } from '../../../Myna/viewStore';
 import type { PPTElement } from '../../../../types/slides';
 import type { AlignmentLineProps } from '../../../../types/edit';
 export default _default;
-declare function _default(elementList: PPTElement[], setElementList: (value: PPTElement[]) => void, _alignmentLines: AlignmentLineProps[], setAlignmentLines: (value: AlignmentLineProps[]) => void, canvasScale: number): {
+declare function _default(elementList: PPTElement[], setElementList: (value: PPTElement[]) => void, _alignmentLines: AlignmentLineProps[], setAlignmentLines: (value: AlignmentLineProps[]) => void, canvasScale: number, mynaView?: MynaViewPreferences): {
     dragElement: (e: MouseEvent | TouchEvent, element: PPTElement) => void;
 };

package/dist/types/views/Editor/Canvas/hooks/useDrop.d.ts

@@ -1,4 +1,4 @@
 export default _default;
 declare function _default(elementRef: {
     current: HTMLElement | null;
-}): void;
+}, onFrameDrop?: (event: DragEvent) => boolean): void;

package/dist/types/views/Editor/Canvas/hooks/useViewportSize.d.ts

@@ -10,4 +10,5 @@ declare function _default(canvasRef: {
     };
     dragViewport: (e: MouseEvent) => void;
     panViewport: (dx: number, dy: number) => void;
+    rebaseViewport: (dx: number, dy: number) => void;
 };

package/dist/types/views/Editor/Canvas/index.d.ts

@@ -1,6 +1,9 @@
 import { type CSSProperties } from 'react';
-declare const Canvas: import("react").MemoExoticComponent<({ className, style }: {
+import type { MynaViewState } from '../../Myna/viewStore';
+declare const Canvas: import("react").MemoExoticComponent<({ className, style, allowOverflow, mynaView }: {
     className?: string;
     style?: CSSProperties;
+    allowOverflow?: boolean;
+    mynaView?: MynaViewState;
 }) => import("react").JSX.Element>;
 export default Canvas;

package/dist/types/views/Editor/EditorHeader/index.d.ts

@@ -1,6 +1,8 @@
-import { type CSSProperties } from 'react';
-declare const EditorHeader: import("react").MemoExoticComponent<({ className, style }: {
+import { type CSSProperties, type ReactNode } from 'react';
+declare const EditorHeader: import("react").MemoExoticComponent<({ className, style, myna, children }: {
     className?: string;
     style?: CSSProperties;
+    myna?: boolean;
+    children?: ReactNode;
 }) => import("react").JSX.Element>;
 export default EditorHeader;

package/dist/types/views/Editor/index.d.ts

@@ -1,2 +1,3 @@
-declare const Editor: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
-export default Editor;
+export default function EditorWithCreationDefaults({ myna }: {
+    myna?: boolean;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaAssetsPanel.d.ts

@@ -0,0 +1,28 @@
+import type { Slide } from '../../types/slides';
+import type { FikaMediaKind } from '../../configs/mediaUpload';
+export interface MynaAssetLabels {
+    hint: string;
+    search: string;
+    all: string;
+    image: string;
+    video: string;
+    audio: string;
+    empty: string;
+    noResults: string;
+    insertFailed: string;
+    insert: (name: string) => string;
+    uses: (count: number) => string;
+}
+export interface MynaAsset {
+    src: string;
+    kind: FikaMediaKind;
+    name: string;
+    poster?: string;
+    ext?: string;
+    uses: number;
+}
+/** Reuse document media without uploading a second copy; source URLs remain durable. */
+export declare function collectMynaAssets(slides: Slide[]): MynaAsset[];
+export default function MynaAssetsPanel({ labels }: {
+    labels: MynaAssetLabels;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaDownload.d.ts

@@ -0,0 +1,4 @@
+/** Snapshot before rendering so page edits cannot leak into an in-flight export. */
+export default function MynaDownload({ onClose }: {
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaDrawer.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+/** Resizable dock; unpinned drawers overlay the stage without resizing the design. */
+export default function MynaDrawer({ id, side, title, onClose, children }: {
+    id: string;
+    side?: 'left' | 'right';
+    title: string;
+    onClose: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaElementsPanel.d.ts

@@ -0,0 +1,12 @@
+import { type ShapePoolItem } from '../../configs/shapes';
+import { type LinePoolItem } from '../../configs/lines';
+import type { ChartType } from '../../types/slides';
+export default function MynaElementsPanel({ onShape, onLine, onChart, onTable, onScribble, onPolygon, onPath }: {
+    onShape: (shape: ShapePoolItem) => void;
+    onLine: (line: LinePoolItem) => void;
+    onChart: (chart: ChartType) => void;
+    onTable: (row: number, col: number) => void;
+    onScribble: () => void;
+    onPolygon: () => void;
+    onPath: () => void;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaFrameTitles.d.ts

@@ -0,0 +1,6 @@
+import type { PPTElement } from '../../types/slides';
+export default function MynaFrameTitles({ elements, scale, drag }: {
+    elements: PPTElement[];
+    scale: number;
+    drag: (event: MouseEvent | TouchEvent, element: PPTElement) => void;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaFramesHierarchy.d.ts

@@ -0,0 +1 @@
+export default function MynaFramesHierarchy(): import("react").JSX.Element;

package/dist/types/views/Myna/MynaFramesPanel.d.ts

@@ -0,0 +1,6 @@
+/** Native clipped images keep all existing render/export/crop/group operations available. */
+export default function MynaFramesPanel({ query, kind, compact }: {
+    query?: string;
+    kind?: 'all' | 'frames' | 'grids';
+    compact?: boolean;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaHeader.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+/** A single document bar with the editor's existing file and language controls. */
+export default function MynaHeader({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaInspector.d.ts

@@ -0,0 +1,2 @@
+/** Context-sensitive surface over the native editing engine and its history. */
+export default function MynaInspector(): import("react").JSX.Element;

package/dist/types/views/Myna/MynaLayersPanel.d.ts

@@ -0,0 +1 @@
+export default function MynaLayersPanel(): import("react").JSX.Element;

package/dist/types/views/Myna/MynaPageCanvas.d.ts

@@ -0,0 +1,14 @@
+export declare function useMynaPageOrigin(enabled: boolean, pan: (x: number, y: number) => void, viewport: {
+    left: number;
+    top: number;
+}, canvas: {
+    current: HTMLElement | null;
+}): void;
+/** Other pages share the native editor's camera. Only the active page mounts editing chrome. */
+declare const MynaPageCanvas: import("react").MemoExoticComponent<({ left, top, canvasWidth, canvasHeight }: {
+    left: number;
+    top: number;
+    canvasWidth: number;
+    canvasHeight: number;
+}) => import("react").JSX.Element>;
+export default MynaPageCanvas;

package/dist/types/views/Myna/MynaPageLayoutControls.d.ts

@@ -0,0 +1 @@
+export default function MynaPageLayoutControls(): import("react").JSX.Element;

package/dist/types/views/Myna/MynaPageOutline.d.ts

@@ -0,0 +1 @@
+export default function MynaPageOutline(): import("react").JSX.Element;

package/dist/types/views/Myna/MynaPageOverflow.d.ts

@@ -0,0 +1,9 @@
+/** Off-page artwork for inactive pages; the regular thumbnail still paints the page. */
+declare const _default: import("react").MemoExoticComponent<({ id, x, y, scale, activate }: {
+    id: string;
+    x: number;
+    y: number;
+    scale: number;
+    activate: (id: string) => void;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/types/views/Myna/MynaPagesPanel.d.ts

@@ -0,0 +1,14 @@
+export interface MynaPageLabels {
+    hint: string;
+    search: string;
+    empty: string;
+    add: string;
+    duplicate: string;
+    delete: string;
+    moveUp: string;
+    moveDown: string;
+    page: (number: number) => string;
+}
+export default function MynaPagesPanel({ labels }: {
+    labels: MynaPageLabels;
+}): import("react").JSX.Element;

package/dist/types/views/Myna/MynaQrPanel.d.ts

@@ -0,0 +1 @@
+export default function MynaQrPanel(): import("react").JSX.Element;