@gendive/slide 0.1.0

package/README.md

@@ -0,0 +1,55 @@
+# DevDive Slide
+
+React 기반 프레젠테이션 에디터 라이브러리. Canva 스타일의 이미지 크롭, PPTX 내보내기를 지원합니다.
+
+## 주요 기능
+
+- **텍스트 편집** - 마크다운 지원, 다양한 텍스트 스타일 (제목/소제목/본문/캡션)
+- **도형** - 사각형, 원, 삼각형, 선, 화살표 + 내부 텍스트
+- **이미지** - 드래그 앤 드롭, Canva 스타일 크롭, 확대/축소
+- **템플릿** - 다양한 레이아웃 및 테마 프리셋
+- **PPTX 내보내기** - 모든 요소를 PowerPoint로 변환
+
+## 설치
+
+```bash
+pnpm install
+```
+
+## 개발 서버
+
+```bash
+pnpm dev
+```
+
+## 라이브러리 빌드
+
+```bash
+pnpm build:lib
+```
+
+## 기술 스택
+
+- **React 19** + **TypeScript 5.6**
+- **Vite** - 빌드 도구
+- **Zustand** - 상태 관리
+- **Konva** / **react-konva** - 캔버스 렌더링
+- **PptxGenJS** - PPTX 생성
+- **Tailwind CSS 4** - 스타일링
+
+## 사용법
+
+```tsx
+import { Editor, useEditorStore } from '@devdive/slide';
+import '@devdive/slide/style.css';
+
+function App() {
+  return <Editor />;
+}
+```
+
+## 라이선스
+
+© DevDive. All rights reserved.
+
+이 소프트웨어는 DevDive의 독점 소유물입니다. 명시적인 서면 허가 없이 복제, 수정, 배포할 수 없습니다.

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/__vite-browser-external-BcPniuRQ.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};exports.default=e;
+//# sourceMappingURL=__vite-browser-external-BcPniuRQ.cjs.map

package/dist/__vite-browser-external-BcPniuRQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"__vite-browser-external-BcPniuRQ.cjs","sources":["../__vite-browser-external"],"sourcesContent":["export default {}"],"names":["__viteBrowserExternal"],"mappings":"gFAAA,MAAAA,EAAe,CAAA"}

package/dist/__vite-browser-external-DYxpcVy9.js

@@ -0,0 +1,5 @@
+const e = {};
+export {
+  e as default
+};
+//# sourceMappingURL=__vite-browser-external-DYxpcVy9.js.map

package/dist/__vite-browser-external-DYxpcVy9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__vite-browser-external-DYxpcVy9.js","sources":["../__vite-browser-external"],"sourcesContent":["export default {}"],"names":["__viteBrowserExternal"],"mappings":"AAAA,MAAAA,IAAe,CAAA;"}

package/dist/ai/components/AiEditChat.d.ts

@@ -0,0 +1,9 @@
+interface AiEditChatProps {
+    onClose: () => void;
+}
+/**
+ * @description AI 편집 채팅 컴포넌트
+ * @Todo vibecode - 채팅 UI로 슬라이드 내용 수정
+ */
+export declare const AiEditChat: ({ onClose }: AiEditChatProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ai/components/AiImageModal.d.ts

@@ -0,0 +1,11 @@
+interface AiImageModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onBack: () => void;
+}
+/**
+ * @description AI 이미지 생성 모달
+ * @Todo vibecode - 프롬프트로 이미지 생성
+ */
+export declare const AiImageModal: ({ isOpen, onClose, onBack }: AiImageModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ai/components/AiPanel.d.ts

@@ -0,0 +1,10 @@
+interface AiPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+/**
+ * @description AI 기능 선택 패널
+ * @Todo vibecode - AI 기능 진입점
+ */
+export declare const AiPanel: ({ isOpen, onClose }: AiPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ai/components/AiSlideModal.d.ts

@@ -0,0 +1,11 @@
+interface AiSlideModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onBack: () => void;
+}
+/**
+ * @description AI 슬라이드 자동 생성 모달
+ * @Todo vibecode - 2단계 프로세스: 구조 생성 → 콘텐츠 생성
+ */
+export declare const AiSlideModal: ({ isOpen, onClose, onBack }: AiSlideModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ai/components/AiTextModal.d.ts

@@ -0,0 +1,11 @@
+interface AiTextModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onBack: () => void;
+}
+/**
+ * @description AI 텍스트 생성 모달
+ * @Todo vibecode - 프롬프트로 텍스트 생성
+ */
+export declare const AiTextModal: ({ isOpen, onClose, onBack }: AiTextModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ai/components/ParsedSlideEditor.d.ts

@@ -0,0 +1,15 @@
+import { ParsedSlideData } from '../services/slideDataParser';
+interface ParsedSlideEditorProps {
+    isOpen: boolean;
+    onClose: () => void;
+    slide: ParsedSlideData;
+    slideIndex: number;
+    onSave: (index: number, updated: ParsedSlideData) => void;
+    onDelete: (index: number) => void;
+}
+/**
+ * @description 파싱된 슬라이드 개별 편집 모달
+ * @Todo vibecode - 슬라이드별 수정 UI
+ */
+export declare const ParsedSlideEditor: ({ isOpen, onClose, slide, slideIndex, onSave, onDelete, }: ParsedSlideEditorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ai/hooks/useAiGeneration.d.ts

@@ -0,0 +1,26 @@
+import { SlideContentRequest } from '../services/providers/devdiveProvider';
+import { AiTextRequest, AiSlideGenerationRequest, AiImageRequest, AiImageResponse, AiDesignRequest, AiDesignSuggestion, AiGeneratedSlide } from '../types';
+/**
+ * @description AI 생성 기능 훅
+ * @Todo vibecode - 제공자별 API 호출 및 상태 관리 통합
+ */
+export declare const useAiGeneration: () => {
+    status: import('..').AiRequestStatus;
+    currentFeature: import('..').AiFeatureType | null;
+    error: string | null;
+    isLoading: boolean;
+    isSuccess: boolean;
+    isError: boolean;
+    providerConfig: import('..').AiProviderConfig | null;
+    setProviderConfig: (config: import('..').AiProviderConfig | null) => void;
+    lastTextResponse: import('..').AiTextResponse | null;
+    lastSlideResponse: import('..').AiSlideGenerationResponse | null;
+    lastImageResponse: AiImageResponse | null;
+    lastDesignSuggestions: AiDesignSuggestion[] | null;
+    generateText: (request: AiTextRequest) => Promise<import('..').AiTextResponse>;
+    generateSlides: (request: AiSlideGenerationRequest) => Promise<import('..').AiSlideGenerationResponse>;
+    generateSlideContent: (request: SlideContentRequest) => Promise<AiGeneratedSlide>;
+    generateImage: (_request: AiImageRequest) => Promise<AiImageResponse>;
+    suggestDesign: (_request: AiDesignRequest) => Promise<AiDesignSuggestion[]>;
+    reset: () => void;
+};

package/dist/ai/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @description AI 모듈 export
+ * @Todo vibecode - AI 관련 기능 통합 export
+ */
+export * from './types';
+export { useAiStore } from './stores/aiStore';
+export { useAiGeneration } from './hooks/useAiGeneration';
+export { glmProvider, GlmApiError } from './services/providers';
+export { parseSlideData, createSlideElements, mapToInternalLayout } from './services/slideDataParser';
+export type { ParsedSlideData } from './services/slideDataParser';
+export { AiPanel } from './components/AiPanel';
+export { AiTextModal } from './components/AiTextModal';
+export { AiSlideModal } from './components/AiSlideModal';
+export { AiImageModal } from './components/AiImageModal';

package/dist/ai/services/aiApiClient.d.ts

@@ -0,0 +1,30 @@
+import { AiTextRequest, AiTextResponse, AiSlideGenerationRequest, AiSlideGenerationResponse, AiImageRequest, AiImageResponse, AiDesignRequest, AiDesignSuggestion } from '../types';
+/**
+ * @description API 에러 클래스
+ */
+export declare class AiApiError extends Error {
+    statusCode?: number | undefined;
+    constructor(message: string, statusCode?: number | undefined);
+}
+/**
+ * @description AI API 클라이언트
+ * @Todo vibecode - 백엔드 프록시 API 호출
+ */
+export declare const aiApiClient: {
+    /**
+     * @description 텍스트 생성
+     */
+    generateText: (request: AiTextRequest) => Promise<AiTextResponse>;
+    /**
+     * @description 슬라이드 자동 생성
+     */
+    generateSlides: (request: AiSlideGenerationRequest) => Promise<AiSlideGenerationResponse>;
+    /**
+     * @description 이미지 생성
+     */
+    generateImage: (request: AiImageRequest) => Promise<AiImageResponse>;
+    /**
+     * @description 디자인 제안
+     */
+    suggestDesign: (request: AiDesignRequest) => Promise<AiDesignSuggestion[]>;
+};

package/dist/ai/services/providers/devdiveProvider.d.ts

@@ -0,0 +1,52 @@
+import { AiTextRequest, AiTextResponse, AiSlideGenerationRequest, AiSlideGenerationResponse, AiGeneratedSlide, DevDiveConfig } from '../../types';
+/**
+ * @description DevDive API 에러
+ */
+export declare class DevDiveApiError extends Error {
+    code?: string | undefined;
+    status?: number | undefined;
+    constructor(message: string, code?: string | undefined, status?: number | undefined);
+}
+/**
+ * @description 텍스트 생성
+ * @Todo vibecode - DevDive GPT-4o 텍스트 생성
+ */
+export declare const generateTextWithDevDive: (request: AiTextRequest, config: DevDiveConfig) => Promise<AiTextResponse>;
+/**
+ * @description 슬라이드 자동 생성
+ * @Todo vibecode - DevDive GPT-4o 슬라이드 생성
+ */
+export declare const generateSlidesWithDevDive: (request: AiSlideGenerationRequest, config: DevDiveConfig) => Promise<AiSlideGenerationResponse>;
+/**
+ * @description 슬라이드 구조 요청 타입
+ */
+export interface SlideStructureItem {
+    index: number;
+    layout: string;
+    purpose: string;
+}
+/**
+ * @description 슬라이드 콘텐츠 생성 요청 타입
+ */
+export interface SlideContentRequest {
+    topic: string;
+    slideIndex: number;
+    totalSlides: number;
+    layout: string;
+    purpose: string;
+    style: string;
+    language: 'ko' | 'en';
+}
+/**
+ * @description 개별 슬라이드 콘텐츠 생성
+ * @Todo vibecode - IR 스타일 프롬프트로 슬라이드별 콘텐츠 생성
+ */
+export declare const generateSlideContentWithDevDive: (request: SlideContentRequest, config: DevDiveConfig) => Promise<AiGeneratedSlide>;
+/**
+ * @description DevDive Provider
+ */
+export declare const devdiveProvider: {
+    generateText: (request: AiTextRequest, config: DevDiveConfig) => Promise<AiTextResponse>;
+    generateSlides: (request: AiSlideGenerationRequest, config: DevDiveConfig) => Promise<AiSlideGenerationResponse>;
+    generateSlideContent: (request: SlideContentRequest, config: DevDiveConfig) => Promise<AiGeneratedSlide>;
+};

package/dist/ai/services/providers/glmProvider.d.ts

@@ -0,0 +1,26 @@
+import { AiTextRequest, AiTextResponse, AiSlideGenerationRequest, AiSlideGenerationResponse, GlmConfig } from '../../types';
+/**
+ * @description GLM API 에러
+ */
+export declare class GlmApiError extends Error {
+    code?: string | undefined;
+    status?: number | undefined;
+    constructor(message: string, code?: string | undefined, status?: number | undefined);
+}
+/**
+ * @description 텍스트 생성
+ * @Todo vibecode - GLM-4.7 텍스트 생성
+ */
+export declare const generateTextWithGlm: (request: AiTextRequest, config: GlmConfig) => Promise<AiTextResponse>;
+/**
+ * @description 슬라이드 자동 생성
+ * @Todo vibecode - GLM-4.7 슬라이드 생성
+ */
+export declare const generateSlidesWithGlm: (request: AiSlideGenerationRequest, config: GlmConfig) => Promise<AiSlideGenerationResponse>;
+/**
+ * @description GLM Provider
+ */
+export declare const glmProvider: {
+    generateText: (request: AiTextRequest, config: GlmConfig) => Promise<AiTextResponse>;
+    generateSlides: (request: AiSlideGenerationRequest, config: GlmConfig) => Promise<AiSlideGenerationResponse>;
+};

package/dist/ai/services/providers/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @description AI Providers export
+ * @Todo vibecode - 여러 AI 제공자 지원
+ */
+export { glmProvider, GlmApiError } from './glmProvider';
+export { devdiveProvider, DevDiveApiError } from './devdiveProvider';

package/dist/ai/services/slideDataParser.d.ts

@@ -0,0 +1,29 @@
+import { LayoutType, ThemeColors, TextElement, ShapeElement } from '../../types';
+/**
+ * @description 파싱된 슬라이드 데이터
+ */
+export interface ParsedSlideData {
+    slideNumber: string;
+    sectionType: string;
+    recommendedLayout: string;
+    visualElements: string;
+    layoutReason: string;
+    sectionTitle: string;
+    summary: string;
+    keyPoints: string[];
+    keywords: string[];
+}
+/**
+ * @description 구조화된 텍스트 데이터 파싱
+ * @Todo vibecode - [태그] 값 형식의 데이터 파싱
+ */
+export declare const parseSlideData: (rawText: string) => ParsedSlideData[];
+/**
+ * @description 레이아웃 매핑
+ */
+export declare const mapToInternalLayout: (externalLayout: string) => LayoutType;
+/**
+ * @description 파싱된 데이터로 슬라이드 요소 생성
+ * @Todo vibecode - 레이아웃에 따라 적절한 요소 배치 + 시각적 요소 추가 + 이미지 플레이스홀더
+ */
+export declare const createSlideElements: (data: ParsedSlideData, theme?: ThemeColors) => (TextElement | ShapeElement)[];

package/dist/ai/stores/aiStore.d.ts

@@ -0,0 +1,36 @@
+import { AiState, AiActions, AiProviderConfig } from '../types';
+/**
+ * @description AI 제공자 설정 상태
+ */
+interface AiProviderState {
+    providerConfig: AiProviderConfig | null;
+}
+/**
+ * @description AI 제공자 설정 액션
+ */
+interface AiProviderActions {
+    setProviderConfig: (config: AiProviderConfig | null) => void;
+    getProviderConfig: () => AiProviderConfig | null;
+}
+/**
+ * @description AI 상태 관리 스토어
+ * @Todo vibecode - Zustand 기반 AI 상태 관리 + 제공자 설정
+ */
+export declare const useAiStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AiState & AiActions & AiProviderState & AiProviderActions>, "setState" | "persist"> & {
+    setState(partial: (AiState & AiActions & AiProviderState & AiProviderActions) | Partial<AiState & AiActions & AiProviderState & AiProviderActions> | ((state: AiState & AiActions & AiProviderState & AiProviderActions) => (AiState & AiActions & AiProviderState & AiProviderActions) | Partial<AiState & AiActions & AiProviderState & AiProviderActions>), replace?: false | undefined): unknown;
+    setState(state: (AiState & AiActions & AiProviderState & AiProviderActions) | ((state: AiState & AiActions & AiProviderState & AiProviderActions) => AiState & AiActions & AiProviderState & AiProviderActions), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AiState & AiActions & AiProviderState & AiProviderActions, {
+            providerConfig: AiProviderConfig | null;
+        }, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AiState & AiActions & AiProviderState & AiProviderActions) => void) => () => void;
+        onFinishHydration: (fn: (state: AiState & AiActions & AiProviderState & AiProviderActions) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<AiState & AiActions & AiProviderState & AiProviderActions, {
+            providerConfig: AiProviderConfig | null;
+        }, unknown>>;
+    };
+}>;
+export {};

package/dist/ai/types/index.d.ts

@@ -0,0 +1,154 @@
+import { Slide, LayoutType, ThemeColors, TextStyleType } from '../../types';
+/**
+ * @description AI 제공자 타입
+ * @Todo vibecode - 지원하는 AI 서비스
+ */
+export type AiProviderType = 'devdive' | 'glm' | 'openai' | 'claude' | 'custom';
+/**
+ * @description AI 제공자 설정
+ * @Todo vibecode - 각 제공자별 설정
+ */
+export interface AiProviderConfig {
+    provider: AiProviderType;
+    apiKey: string;
+    baseUrl?: string;
+    model?: string;
+}
+/**
+ * @description GLM 설정
+ */
+export interface GlmConfig extends AiProviderConfig {
+    provider: 'glm';
+    model?: 'glm-4.7' | 'glm-4' | 'glm-4-flash' | 'glm-4v';
+}
+/**
+ * @description OpenAI 설정
+ */
+export interface OpenAiConfig extends AiProviderConfig {
+    provider: 'openai';
+    model?: 'gpt-4' | 'gpt-4-turbo' | 'gpt-3.5-turbo';
+}
+/**
+ * @description Claude 설정
+ */
+export interface ClaudeConfig extends AiProviderConfig {
+    provider: 'claude';
+    model?: 'claude-3-opus' | 'claude-3-sonnet' | 'claude-3-haiku';
+}
+/**
+ * @description DevDive 설정
+ * @Todo vibecode - DevDive AI 플랫폼 설정
+ */
+export interface DevDiveConfig extends AiProviderConfig {
+    provider: 'devdive';
+    model?: 'gpt-4o' | 'gpt-4o-mini' | 'claude-3-5-sonnet';
+}
+/**
+ * @description AI 기능 타입
+ * @Todo vibecode - AI 모듈 타입 정의
+ */
+export type AiFeatureType = 'text' | 'slide' | 'image' | 'design';
+/**
+ * @description AI 요청 상태
+ */
+export type AiRequestStatus = 'idle' | 'loading' | 'success' | 'error';
+/**
+ * @description 텍스트 생성 요청
+ */
+export interface AiTextRequest {
+    prompt: string;
+    style: TextStyleType;
+    language?: 'ko' | 'en';
+    maxLength?: number;
+}
+/**
+ * @description 텍스트 생성 응답
+ */
+export interface AiTextResponse {
+    content: string;
+    alternatives?: string[];
+}
+/**
+ * @description 슬라이드 자동 생성 요청
+ */
+export interface AiSlideGenerationRequest {
+    topic: string;
+    slideCount: number;
+    style: 'business' | 'creative' | 'minimal' | 'educational';
+    includeImages: boolean;
+    language?: 'ko' | 'en';
+}
+/**
+ * @description 생성된 슬라이드 구조
+ */
+export interface AiGeneratedSlide {
+    layout: LayoutType;
+    title?: string;
+    subtitle?: string;
+    content?: string;
+    bulletPoints?: string[];
+    imagePrompt?: string;
+}
+/**
+ * @description 슬라이드 생성 응답
+ */
+export interface AiSlideGenerationResponse {
+    slides: AiGeneratedSlide[];
+}
+/**
+ * @description 이미지 생성 요청
+ */
+export interface AiImageRequest {
+    prompt: string;
+    style: 'realistic' | 'illustration' | 'abstract' | '3d' | 'minimalist';
+    size: '512x512' | '1024x1024';
+}
+/**
+ * @description 이미지 생성 응답
+ */
+export interface AiImageResponse {
+    imageUrl: string;
+    base64?: string;
+}
+/**
+ * @description 디자인 제안 요청
+ */
+export interface AiDesignRequest {
+    currentSlide: Slide;
+    suggestionType: 'layout' | 'color' | 'typography' | 'all';
+}
+/**
+ * @description 디자인 제안 응답
+ */
+export interface AiDesignSuggestion {
+    id: string;
+    type: 'layout' | 'color' | 'typography';
+    description: string;
+    preview?: ThemeColors;
+    layoutId?: LayoutType;
+}
+/**
+ * @description AI 스토어 상태
+ */
+export interface AiState {
+    status: AiRequestStatus;
+    currentFeature: AiFeatureType | null;
+    error: string | null;
+    lastTextResponse: AiTextResponse | null;
+    lastSlideResponse: AiSlideGenerationResponse | null;
+    lastImageResponse: AiImageResponse | null;
+    lastDesignSuggestions: AiDesignSuggestion[] | null;
+}
+/**
+ * @description AI 스토어 액션
+ */
+export interface AiActions {
+    setStatus: (status: AiRequestStatus) => void;
+    setFeature: (feature: AiFeatureType | null) => void;
+    setError: (error: string | null) => void;
+    setTextResponse: (response: AiTextResponse | null) => void;
+    setSlideResponse: (response: AiSlideGenerationResponse | null) => void;
+    setImageResponse: (response: AiImageResponse | null) => void;
+    setDesignSuggestions: (suggestions: AiDesignSuggestion[] | null) => void;
+    reset: () => void;
+}

package/dist/components/AiChatBar.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description 하단 중앙 AI 채팅 바 컴포넌트
+ * @Todo vibecode - 하단 고정 입력창 + 위로 펼쳐지는 채팅 히스토리
+ */
+export declare const AiChatBar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Editor.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description 메인 에디터 레이아웃 컴포넌트
+ * @Todo vibecode - Tailwind → Mantine 마이그레이션 완료
+ */
+export declare const Editor: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/FloatingToolbar.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description 플로팅 툴바 컴포넌트
+ * @Todo vibecode - Tailwind → Mantine 마이그레이션 완료
+ */
+export declare const FloatingToolbar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description 상단 헤더 컴포넌트
+ * @Todo vibecode - Tailwind → Mantine 마이그레이션 완료
+ */
+export declare const Header: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/ImageNode.d.ts

@@ -0,0 +1,15 @@
+import { ImageElement } from '../types';
+interface ImageNodeProps {
+    element: ImageElement;
+    isSelected: boolean;
+    onSelect: () => void;
+    onChange: (updates: Partial<ImageElement>, isDragging?: boolean) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+}
+/**
+ * @description 이미지 요소 렌더링 컴포넌트
+ * @Todo vibecode - 중심 회전, 곡률, 크롭 편집 지원
+ */
+export declare const ImageNode: ({ element, isSelected, onSelect, onChange, onDragStart, onDragEnd: onDragEndCallback }: ImageNodeProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/PropertiesPanel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description 요소 속성 편집 패널
+ * @Todo vibecode - Tailwind → Mantine 마이그레이션 완료
+ */
+export declare const PropertiesPanel: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/ShapeNode.d.ts

@@ -0,0 +1,25 @@
+import { ShapeElement } from '../types';
+interface ShapeNodeProps {
+    element: ShapeElement;
+    isSelected: boolean;
+    onSelect: () => void;
+    onChange: (updates: Partial<ShapeElement>, isDragging?: boolean) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    onReplaceWithImage?: (imageData: {
+        src: string;
+        width: number;
+        height: number;
+        crop?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    }) => void;
+}
+/**
+ * @description 도형 요소 렌더링 컴포넌트 (텍스트 지원)
+ */
+export declare const ShapeNode: ({ element, isSelected, onSelect, onChange, onDragStart, onDragEnd: onDragEndCallback, onReplaceWithImage }: ShapeNodeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SlideCanvas.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description Konva 캔버스 컴포넌트
+ */
+export declare const SlideCanvas: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/SlideNavigation.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description 좌우 슬라이드 네비게이션 버튼
+ * @Todo vibecode - Tailwind → Mantine 마이그레이션 완료
+ */
+export declare const SlideNavigation: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/SlideThumbnails.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description 하단 슬라이드 썸네일 컴포넌트
+ * @Todo vibecode - Tailwind → Mantine 마이그레이션 완료
+ */
+export declare const SlideThumbnails: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateGallery.d.ts

@@ -0,0 +1,11 @@
+interface TemplateGalleryProps {
+    isOpen: boolean;
+    onClose: () => void;
+    mode: 'apply' | 'new';
+}
+/**
+ * @description 템플릿 갤러리 모달 컴포넌트
+ * @Todo vibecode - Tailwind → Mantine 마이그레이션 완료
+ */
+export declare const TemplateGallery: ({ isOpen, onClose, mode }: TemplateGalleryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TextNode.d.ts

@@ -0,0 +1,14 @@
+import { TextElement } from '../types';
+interface TextNodeProps {
+    element: TextElement;
+    isSelected: boolean;
+    onSelect: () => void;
+    onChange: (updates: Partial<TextElement>, isDragging?: boolean) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+}
+/**
+ * @description 텍스트 요소 렌더링 컴포넌트 (더블클릭 편집 지원)
+ */
+export declare const TextNode: ({ element, isSelected, onSelect, onChange, onDragStart, onDragEnd }: TextNodeProps) => import("react/jsx-runtime").JSX.Element;
+export {};