blacktrigram 0.7.2

package/lib/components/screens/philosophy/components/InteractiveTrigramGridOverlayHtml.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { TrigramStance } from "../../../../types";
+export interface InteractiveTrigramGridProps {
+    readonly selectedTrigram: TrigramStance | null;
+    readonly onTrigramSelect: (stance: TrigramStance) => void;
+    readonly isMobile?: boolean;
+}
+/**
+ * Interactive Trigram Grid Component
+ *
+ * **Korean**: 인터랙티브 트라이그램 그리드
+ *
+ * Displays a clickable grid of all eight trigrams with:
+ * - 2x4 or 4x2 responsive grid layout
+ * - Visual selection indicators
+ * - Hover effects with Korean cyberpunk styling
+ * - Bilingual labels (Korean | English)
+ * - Accessible keyboard navigation
+ *
+ * Features:
+ * - Theme colors from TRIGRAM_DATA
+ * - Smooth transitions and animations
+ * - Touch-friendly for mobile devices
+ * - ARIA labels for screen readers
+ *
+ * @example
+ * ```typescript
+ * <InteractiveTrigramGrid
+ *   selectedTrigram={selectedTrigram}
+ *   onTrigramSelect={(stance) => handleSelect(stance)}
+ *   isMobile={false}
+ * />
+ * ```
+ *
+ * @public
+ * @category Philosophy Components
+ */
+export declare const InteractiveTrigramGrid: React.FC<InteractiveTrigramGridProps>;
+export default InteractiveTrigramGrid;
+//# sourceMappingURL=InteractiveTrigramGridOverlayHtml.d.ts.map

package/lib/components/screens/philosophy/components/InteractiveTrigramGridOverlayHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveTrigramGridOverlayHtml.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/components/InteractiveTrigramGridOverlayHtml.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,eAAe,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/C,QAAQ,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,2BAA2B,CAwK5B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/components/screens/philosophy/components/PhilosophyNavigationOverlayHtml.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import type { PhilosophyTopic } from "../hooks/usePhilosophyState";
+export interface PhilosophyNavigationProps {
+    readonly currentTopic: PhilosophyTopic;
+    readonly onTopicChange: (topic: PhilosophyTopic) => void;
+    readonly onReturn: () => void;
+    readonly isMobile?: boolean;
+}
+/**
+ * Philosophy Navigation Component
+ *
+ * **Korean**: 철학 네비게이션
+ *
+ * Provides navigation controls for the Philosophy Screen:
+ * - Topic selection (Trigrams, Values, Archetypes)
+ * - Return to main menu button
+ * - Keyboard shortcut hints
+ *
+ * Features:
+ * - Active topic highlighting
+ * - Hover effects with Korean cyberpunk styling
+ * - Responsive layout for mobile and desktop
+ * - Accessibility with ARIA labels
+ *
+ * @example
+ * ```typescript
+ * <PhilosophyNavigation
+ *   currentTopic="trigrams"
+ *   onTopicChange={(topic) => setTopic(topic)}
+ *   onReturn={() => returnToMenu()}
+ *   isMobile={false}
+ * />
+ * ```
+ *
+ * @public
+ * @category Philosophy Components
+ */
+export declare const PhilosophyNavigation: React.FC<PhilosophyNavigationProps>;
+export default PhilosophyNavigation;
+//# sourceMappingURL=PhilosophyNavigationOverlayHtml.d.ts.map

package/lib/components/screens/philosophy/components/PhilosophyNavigationOverlayHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhilosophyNavigationOverlayHtml.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/components/PhilosophyNavigationOverlayHtml.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;IACvC,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiIpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/screens/philosophy/components/PhilosophySectionOverlayHtml.d.ts

@@ -0,0 +1,46 @@
+import React, { ReactNode } from "react";
+export interface PhilosophySectionProps {
+    readonly title: {
+        readonly korean: string;
+        readonly english: string;
+    };
+    readonly children: ReactNode;
+    readonly borderColor?: number;
+    readonly isMobile?: boolean;
+    readonly testId?: string;
+}
+/**
+ * Philosophy Section Container Component
+ *
+ * **Korean**: 철학 섹션 컨테이너
+ *
+ * Reusable container for philosophy screen sections with:
+ * - Bilingual title (Korean | English)
+ * - Customizable border color
+ * - Glassmorphic background styling
+ * - Responsive padding and spacing
+ * - Consistent Korean cyberpunk aesthetic
+ *
+ * Features:
+ * - Korean theming with gradient borders
+ * - Smooth shadow effects
+ * - Mobile-optimized layout
+ * - Semantic HTML structure
+ *
+ * @example
+ * ```typescript
+ * <PhilosophySection
+ *   title={{ korean: "팔괘 철학", english: "Trigram Philosophy" }}
+ *   borderColor={KOREAN_COLORS.PRIMARY_CYAN}
+ *   isMobile={false}
+ * >
+ *   <TrigramGrid />
+ * </PhilosophySection>
+ * ```
+ *
+ * @public
+ * @category Philosophy Components
+ */
+export declare const PhilosophySection: React.FC<PhilosophySectionProps>;
+export default PhilosophySection;
+//# sourceMappingURL=PhilosophySectionOverlayHtml.d.ts.map

package/lib/components/screens/philosophy/components/PhilosophySectionOverlayHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhilosophySectionOverlayHtml.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/components/PhilosophySectionOverlayHtml.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8D9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/screens/philosophy/components/PhilosophyTextOverlayHtml.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import { TrigramStance } from "../../../../types";
+export interface PhilosophyTextOverlayHtmlProps {
+    readonly selectedTrigram: TrigramStance | null;
+    readonly onClose?: () => void;
+    readonly isMobile?: boolean;
+}
+/**
+ * Philosophy Text Overlay Component
+ *
+ * **Korean**: 철학 텍스트 오버레이
+ *
+ * Displays detailed information about a selected trigram including:
+ * - Bilingual name (Korean | English)
+ * - Chinese character and attribute
+ * - Core meaning and philosophy
+ * - Combat application description
+ * - Technique details
+ *
+ * Features:
+ * - Glassmorphic design with Korean cyberpunk aesthetic
+ * - Smooth entrance/exit animations
+ * - Responsive layout for mobile and desktop
+ * - Accessibility support with proper semantic HTML
+ *
+ * @example
+ * ```typescript
+ * import { TrigramStance } from "../../../../types";
+ *
+ * <PhilosophyTextOverlayHtml
+ *   selectedTrigram={TrigramStance.GEON}
+ *   onClose={() => clearSelection()}
+ *   isMobile={false}
+ * />
+ * ```
+ *
+ * @public
+ * @category Philosophy Components
+ */
+export declare const PhilosophyTextOverlayHtml: React.FC<PhilosophyTextOverlayHtmlProps>;
+export default PhilosophyTextOverlayHtml;
+//# sourceMappingURL=PhilosophyTextOverlayHtml.d.ts.map

package/lib/components/screens/philosophy/components/PhilosophyTextOverlayHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhilosophyTextOverlayHtml.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/components/PhilosophyTextOverlayHtml.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,eAAe,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CAiZ/B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/lib/components/screens/philosophy/components/TrigramSymbol3D.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import type { TrigramStanceData } from "../../../../systems/trigram/types";
+import { TrigramStance } from "../../../../types";
+export interface TrigramSymbol3DProps {
+    readonly trigram: TrigramStanceData;
+    readonly stance: TrigramStance;
+    readonly position: [number, number, number];
+    readonly isSelected: boolean;
+    readonly isHovered: boolean;
+    readonly onClick?: () => void;
+    readonly onPointerOver?: () => void;
+    readonly onPointerOut?: () => void;
+    readonly scale?: number;
+}
+/**
+ * 3D Trigram Symbol Component
+ *
+ * **Korean**: 3D 트라이그램 심볼
+ *
+ * Renders an individual trigram symbol in 3D space with:
+ * - Smooth rotation animation at 60fps
+ * - Color changes based on selection and hover state
+ * - Particle glow effects for mystical feel
+ * - Korean cyberpunk aesthetic with neon glow
+ * - Html overlay for the trigram symbol character
+ *
+ * Performance optimizations:
+ * - Memoized geometries and materials
+ * - useFrame for efficient 60fps animation
+ * - Smooth lerp transitions for scale changes
+ *
+ * @example
+ * ```typescript
+ * <TrigramSymbol3D
+ *   trigram={TRIGRAM_DATA[TrigramStance.GEON]}
+ *   stance={TrigramStance.GEON}
+ *   position={[0, 0, 0]}
+ *   isSelected={false}
+ *   isHovered={true}
+ *   onClick={() => console.log("Clicked")}
+ * />
+ * ```
+ *
+ * @public
+ * @category Philosophy Components
+ */
+export declare const TrigramSymbol3D: React.FC<TrigramSymbol3DProps>;
+export default TrigramSymbol3D;
+//# sourceMappingURL=TrigramSymbol3D.d.ts.map

package/lib/components/screens/philosophy/components/TrigramSymbol3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrigramSymbol3D.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/components/TrigramSymbol3D.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8J1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/screens/philosophy/components/TrigramVisualization3D.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { TrigramStance } from "../../../../types";
+export interface TrigramVisualization3DProps {
+    readonly selectedTrigram: TrigramStance | null;
+    readonly onTrigramSelect: (stance: TrigramStance) => void;
+    readonly enableControls?: boolean;
+}
+/**
+ * 3D Trigram Visualization Component
+ *
+ * **Korean**: 3D 트라이그램 시각화
+ *
+ * Arranges eight trigram symbols in 3D space with:
+ * - Circular formation around center point
+ * - Interactive selection with hover effects
+ * - Smooth camera controls (optional)
+ * - Lighting for dramatic effect
+ *
+ * Layout:
+ * - 8 trigrams arranged in a circle with 4.5 unit radius
+ * - Each symbol positioned based on traditional I Ching sequence
+ * - Vertical stacking for visual depth
+ *
+ * Performance:
+ * - Memoized positions to avoid recalculation
+ * - Efficient event handling
+ * - Uses TrigramSymbol3D for individual rendering
+ *
+ * @example
+ * ```typescript
+ * <TrigramVisualization3D
+ *   selectedTrigram={selectedTrigram}
+ *   onTrigramSelect={(stance) => setSelectedTrigram(stance)}
+ *   enableControls={true}
+ * />
+ * ```
+ *
+ * @public
+ * @category Philosophy Components
+ */
+export declare const TrigramVisualization3D: React.FC<TrigramVisualization3DProps>;
+export default TrigramVisualization3D;
+//# sourceMappingURL=TrigramVisualization3D.d.ts.map

package/lib/components/screens/philosophy/components/TrigramVisualization3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrigramVisualization3D.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/components/TrigramVisualization3D.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,eAAe,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/C,QAAQ,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,2BAA2B,CAsE5B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/components/screens/philosophy/components/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Philosophy Screen Components
+ *
+ * **Korean**: 철학 화면 컴포넌트
+ *
+ * Exports all components used in the Philosophy Screen including:
+ * - 3D visualization components
+ * - Interactive UI components
+ * - Layout and navigation components
+ */
+export { InteractiveTrigramGrid } from "./InteractiveTrigramGridOverlayHtml";
+export type { InteractiveTrigramGridProps } from "./InteractiveTrigramGridOverlayHtml";
+export { PhilosophyNavigation } from "./PhilosophyNavigationOverlayHtml";
+export type { PhilosophyNavigationProps } from "./PhilosophyNavigationOverlayHtml";
+export { PhilosophySection } from "./PhilosophySectionOverlayHtml";
+export type { PhilosophySectionProps } from "./PhilosophySectionOverlayHtml";
+export { PhilosophyTextOverlayHtml } from "./PhilosophyTextOverlayHtml";
+export type { PhilosophyTextOverlayHtmlProps } from "./PhilosophyTextOverlayHtml";
+export { TrigramSymbol3D } from "./TrigramSymbol3D";
+export type { TrigramSymbol3DProps } from "./TrigramSymbol3D";
+export { TrigramVisualization3D } from "./TrigramVisualization3D";
+export type { TrigramVisualization3DProps } from "./TrigramVisualization3D";
+//# sourceMappingURL=index.d.ts.map

package/lib/components/screens/philosophy/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAEnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/components/screens/philosophy/hooks/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Philosophy Screen Hooks
+ *
+ * **Korean**: 철학 화면 훅
+ *
+ * Custom hooks for state management in the Philosophy Screen
+ */
+export { usePhilosophyState } from "./usePhilosophyState";
+export type { PhilosophyTopic } from "./usePhilosophyState";
+//# sourceMappingURL=index.d.ts.map

package/lib/components/screens/philosophy/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/hooks/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/components/screens/philosophy/hooks/usePhilosophyState.d.ts

@@ -0,0 +1,50 @@
+import { TrigramStance } from "../../../../types";
+/**
+ * Philosophy topic types for navigation
+ *
+ * **Korean**: 철학 주제
+ */
+export type PhilosophyTopic = "trigrams" | "values" | "archetypes";
+/**
+ * Philosophy screen state management hook
+ *
+ * **Korean**: 철학 화면 상태 관리 훅
+ *
+ * Manages the state for the Philosophy Screen including:
+ * - Selected trigram for detailed view
+ * - Current topic being viewed
+ * - Navigation between different philosophy sections
+ *
+ * @example
+ * ```typescript
+ * const {
+ *   selectedTrigram,
+ *   topic,
+ *   selectTrigram,
+ *   setTopic,
+ *   clearSelection
+ * } = usePhilosophyState();
+ *
+ * // Select a trigram
+ * selectTrigram(TrigramStance.GEON);
+ *
+ * // Change topic
+ * setTopic("values");
+ *
+ * // Clear selection
+ * clearSelection();
+ * ```
+ *
+ * @returns Philosophy state and control functions
+ *
+ * @public
+ * @category Philosophy Hooks
+ */
+export declare function usePhilosophyState(): {
+    selectedTrigram: TrigramStance | null;
+    topic: PhilosophyTopic;
+    selectTrigram: (stance: TrigramStance) => void;
+    clearSelection: () => void;
+    setTopic: (newTopic: PhilosophyTopic) => void;
+};
+//# sourceMappingURL=usePhilosophyState.d.ts.map

package/lib/components/screens/philosophy/hooks/usePhilosophyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePhilosophyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/philosophy/hooks/usePhilosophyState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,kBAAkB;;;4BAWW,aAAa;;yBAkBhB,eAAe;EAaxD"}

package/lib/components/screens/training/TrainingScreen3D.d.ts

@@ -0,0 +1,51 @@
+/**
+ * TrainingScreen3D - Three.js-based training screen
+ *
+ * Refactored to use consolidated hooks matching CombatScreen architecture.
+ * Provides 3D training dummy with vital point targeting and UI overlays.
+ *
+ * UI Rendering: All HUD elements are rendered in an absolute-positioned div
+ * OUTSIDE the Canvas, matching CombatScreen's reliable rendering pattern.
+ * This eliminates the need for Html overlays inside Three.js and ensures
+ * HUDs appear immediately without waiting for Canvas initialization.
+ *
+ * Architecture (Consolidated in PR #1394 + Issue #1398):
+ * - TrainingLeftHUD: Anatomy controls, guard indicator
+ * - TrainingRightHUD: Training stats, mode selector, vital point selection
+ * - TrainingTopHUD: Training controls, archetype selector, return button
+ * - TrainingBottomHUD: Technique bar, feedback messages, mobile controls
+ * - VitalPointOverlayControlsPure: Vital point overlay controls (pure DOM)
+ *
+ * All UI components render as pure DOM in the HUD overlay div (lines 1230+).
+ * NO Html components from @react-three/drei are used inside the Canvas.
+ * This ensures clean separation of 3D rendering and UI layers.
+ *
+ * @korean 훈련화면3D - 훈련 상태 훅을 사용한 리팩토링된 3D 훈련 화면
+ */
+import React from "react";
+import { PlayerState } from "../../../systems";
+import { PlayerArchetype } from "../../../types";
+/**
+ * Props for the TrainingScreen3D component
+ */
+export interface TrainingScreen3DProps {
+    /** Callback to update player state */
+    readonly onPlayerUpdate: (updates: Partial<PlayerState>) => void;
+    /** Callback when returning to menu */
+    readonly onReturnToMenu: () => void;
+    /** Canvas width in pixels. Defaults to 1200 */
+    readonly width?: number;
+    /** Canvas height in pixels. Defaults to 800 */
+    readonly height?: number;
+    /** Initial archetype from IntroScreen selection. Defaults to MUSA */
+    readonly initialArchetype?: PlayerArchetype;
+}
+/**
+ * TrainingScreen3D Component
+ * Three.js-based training screen with 3D dummy and Html UI
+ *
+ * Uses consolidated hooks for state management matching CombatScreen architecture.
+ */
+export declare const TrainingScreen3D: React.FC<TrainingScreen3DProps>;
+export default TrainingScreen3D;
+//# sourceMappingURL=TrainingScreen3D.d.ts.map

package/lib/components/screens/training/TrainingScreen3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrainingScreen3D.d.ts","sourceRoot":"","sources":["../../../../src/components/screens/training/TrainingScreen3D.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAgBH,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAc/C,OAAO,EAEL,eAAe,EAIhB,MAAM,gBAAgB,CAAC;AAsExB;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,QAAQ,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,sCAAsC;IACtC,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,qEAAqE;IACrE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,eAAe,CAAC;CAC7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAu5C5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}