@thanh01.pmt/presentation-kit 0.1.1 → 0.2.0

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 import React$1 from 'react';
-import { B as BuiltInTheme, n as SlideTheme, q as SlideRenderResult } from '../click-css-CadkoJ_A.js';
-export { m as ClickCssOptions, l as ClickPostprocessResult, C as ClickPreprocessResult, M as MermaidBlock, s as SlideRenderAsyncResult, o as SlideRenderOptions, T as ThemeTokens, e as defineTheme, j as extractMaxClicks, k as generateClickCss, i as postprocessClicks, p as preprocessClicks, r as renderSlide, b as renderSlideAsync, f as resolveTheme } from '../click-css-CadkoJ_A.js';
+import { B as BuiltInTheme, o as SlideTheme, s as SlideRenderResult, b as SlideLayoutData } from '../click-css-C84mdmU0.js';
+export { n as ClickCssOptions, m as ClickPostprocessResult, C as ClickPreprocessResult, M as MermaidBlock, t as SlideRenderAsyncResult, q as SlideRenderOptions, T as ThemeTokens, f as defineTheme, k as extractMaxClicks, l as generateClickCss, j as postprocessClicks, p as preprocessClicks, r as renderSlide, c as renderSlideAsync, g as resolveTheme } from '../click-css-C84mdmU0.js';
 
 /** View mode for slide display */
 type SlideViewMode = 'presentation' | 'deck';
@@ -31,6 +31,10 @@ interface SlideViewerProps {
     enableClicks?: boolean;
     /** Enable fullscreen button + ESC to exit (default: false) */
     fullscreen?: boolean;
+    /** Show teacher/presenter notes button & drawer (default: true) */
+    showNotes?: boolean;
+    /** Show visual design mode button (default: false) */
+    showDesignMode?: boolean;
     /** Custom theme options for ThemeSwitcher */
     themeOptions?: ThemeOption[];
     /** Callback when theme changes */
@@ -41,6 +45,8 @@ interface SlideViewerProps {
     onModeChange?: (mode: SlideViewMode) => void;
     /** Callback when render completes */
     onRenderComplete?: (result: SlideRenderResult) => void;
+    /** Callback when markdown is updated in design mode */
+    onSaveMarkdown?: (updatedMarkdown: string) => void;
 }
 /** Props for PresentationView */
 interface PresentationViewProps {
@@ -50,6 +56,8 @@ interface PresentationViewProps {
     css: string;
     /** Theme scoped CSS */
     themeCss: string;
+    /** Layout scoped CSS */
+    layoutCss?: string;
     /** Current slide index (0-based) */
     currentIndex: number;
     /** Total number of slides */
@@ -65,6 +73,8 @@ interface DeckViewProps {
     css: string;
     /** Theme scoped CSS */
     themeCss: string;
+    /** Layout scoped CSS */
+    layoutCss?: string;
     /** Total number of slides */
     slideCount: number;
     /** Container CSS class */
@@ -154,9 +164,11 @@ interface SlideActions {
  * - Click-to-reveal (<!-- click --> / <!-- clicks -->)
  * - Fullscreen mode (ESC to exit)
  * - Mermaid diagram rendering
+ * - Teacher/Presenter notes drawer
+ * - Visual design mode (Google Slides-style positioning & resizing)
  * - Copy markdown button
  */
-declare function SlideViewer({ markdown, initialTheme, initialMode, className, showThemeSwitcher, showNavigation, enableKeyboard, enableClicks, fullscreen, themeOptions, onThemeChange, onSlideChange, onModeChange, onRenderComplete, }: SlideViewerProps): React$1.JSX.Element;
+declare function SlideViewer({ markdown, initialTheme, initialMode, className, showThemeSwitcher, showNavigation, enableKeyboard, enableClicks, fullscreen, showNotes, showDesignMode, themeOptions, onThemeChange, onSlideChange, onModeChange, onRenderComplete, onSaveMarkdown, }: SlideViewerProps): React$1.JSX.Element;
 
 /**
  * PresentationView — Renders a single slide at a time.
@@ -175,7 +187,7 @@ declare function SlideViewer({ markdown, initialTheme, initialMode, className, s
  * />
  * ```
  */
-declare function PresentationView({ html, css, themeCss, currentIndex, slideCount, className, }: PresentationViewProps): React$1.JSX.Element;
+declare function PresentationView({ html, css, themeCss, layoutCss, currentIndex, slideCount, className, }: PresentationViewProps): React$1.JSX.Element;
 
 /**
  * DeckView — Renders all slides vertically in a scrollable list.
@@ -192,7 +204,7 @@ declare function PresentationView({ html, css, themeCss, currentIndex, slideCoun
  * />
  * ```
  */
-declare function DeckView({ html, css, themeCss, slideCount, className, }: DeckViewProps): React$1.JSX.Element;
+declare function DeckView({ html, css, themeCss, layoutCss, slideCount, className, }: DeckViewProps): React$1.JSX.Element;
 
 /**
  * ThemeSwitcher — Renders a row of theme toggle buttons.
@@ -220,6 +232,38 @@ declare function ThemeSwitcher({ currentTheme, onThemeChange, themes, className,
  */
 declare function NavigationBar({ currentIndex, slideCount, onNavigate, mode, onModeChange, className, showCopy, markdown, }: NavigationBarProps): React$1.JSX.Element;
 
+interface PresenterNotesDrawerProps {
+    /** Notes for current slide */
+    notes: string[];
+    /** Current slide index (0-based) */
+    currentIndex: number;
+    /** Total number of slides */
+    slideCount: number;
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback to close the drawer */
+    onClose: () => void;
+    /** Theme mode for color styling */
+    isDark?: boolean;
+}
+declare function PresenterNotesDrawer({ notes, currentIndex, slideCount, isOpen, onClose, isDark, }: PresenterNotesDrawerProps): React$1.JSX.Element | null;
+
+interface SlideDesignOverlayProps {
+    /** Current slide index (0-based) */
+    slideIndex: number;
+    /** Current layout data for this slide */
+    layout: SlideLayoutData | null;
+    /** Callback when layout changes in real-time */
+    onLayoutChange: (layout: SlideLayoutData) => void;
+    /** Callback when user explicitly clicks Save */
+    onSave?: (layout: SlideLayoutData) => void;
+    /** Callback when user cancels or closes design mode */
+    onClose?: () => void;
+    /** Whether design mode is active */
+    isActive: boolean;
+}
+declare function SlideDesignOverlay({ slideIndex, layout, onLayoutChange, onSave, onClose, isActive, }: SlideDesignOverlayProps): React$1.JSX.Element | null;
+
 interface UseSlideStateOptions {
     markdown: string;
     initialTheme?: BuiltInTheme | SlideTheme;
@@ -266,4 +310,4 @@ interface UseSlideStateReturn {
  */
 declare function useSlideState(options: UseSlideStateOptions): UseSlideStateReturn;
 
-export { BuiltInTheme, DeckView, type DeckViewProps, NavigationBar, type NavigationBarProps, PresentationView, type PresentationViewProps, type SlideActions, SlideRenderResult, type SlideState, SlideTheme, type SlideViewMode, SlideViewer, type SlideViewerProps, type ThemeOption, ThemeSwitcher, type ThemeSwitcherProps, type UseSlideStateOptions, type UseSlideStateReturn, useSlideState };
+export { BuiltInTheme, DeckView, type DeckViewProps, NavigationBar, type NavigationBarProps, PresentationView, type PresentationViewProps, PresenterNotesDrawer, type PresenterNotesDrawerProps, type SlideActions, SlideDesignOverlay, type SlideDesignOverlayProps, SlideRenderResult, type SlideState, SlideTheme, type SlideViewMode, SlideViewer, type SlideViewerProps, type ThemeOption, ThemeSwitcher, type ThemeSwitcherProps, type UseSlideStateOptions, type UseSlideStateReturn, useSlideState };