@hua-labs/ui 2.0.2 → 2.1.1

package/dist/advanced-emotion.mjs

@@ -1,3 +1,3 @@
 "use client";
-export{d as EmotionAnalysis,b as EmotionButton,a as EmotionMeter,c as EmotionSelector}from'./chunk-5BMH7223.mjs';import'./chunk-FSL373O6.mjs';import'./chunk-IFSEJVOR.mjs';import'./chunk-UUHAXGMO.mjs';//# sourceMappingURL=advanced-emotion.mjs.map
+export{d as EmotionAnalysis,b as EmotionButton,a as EmotionMeter,c as EmotionSelector}from'./chunk-WP7VFE77.mjs';import'./chunk-6HVJFEDA.mjs';import'./chunk-3CCF7U3P.mjs';import'./chunk-U6CTBZ2U.mjs';//# sourceMappingURL=advanced-emotion.mjs.map
 //# sourceMappingURL=advanced-emotion.mjs.map

package/dist/advanced-motion.d.mts

@@ -485,6 +485,70 @@ interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'chil
  */
 declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
 
+interface ImageRevealProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 이미지 src */
+    src: string;
+    /** 이미지 alt */
+    alt: string;
+    /** 공개 방향 @default 'left' */
+    direction?: "left" | "right" | "up" | "down";
+    /** 공개 시작 임계값 (0-1) @default 0.3 */
+    threshold?: number;
+    /** 이미지 높이 @default '400px' */
+    height?: string;
+    /** 오버레이 색상 */
+    overlayColor?: string;
+}
+/**
+ * ImageReveal - 스크롤 기반 이미지 공개 컴포넌트
+ *
+ * TextReveal에서 영감 받은 이미지 공개 효과.
+ * clip-path를 사용하여 스크롤에 따라 이미지가 점진적으로 드러남.
+ */
+declare const ImageReveal: React.ForwardRefExoticComponent<ImageRevealProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DotNavItem {
+    /** 섹션 ID (scroll target) */
+    id: string;
+    /** 라벨 (호버 시 표시) */
+    label?: string;
+}
+interface DotNavProps extends React.HTMLAttributes<HTMLElement> {
+    /** 섹션 목록 */
+    items: DotNavItem[];
+    /** 위치 @default 'right' */
+    position?: "left" | "right";
+    /** 활성 색상 @default 'bg-primary' */
+    activeColor?: string;
+    /** 비활성 색상 @default 'bg-muted-foreground/30' */
+    inactiveColor?: string;
+}
+/**
+ * DotNav - 섹션 도트 네비게이터
+ *
+ * 포트폴리오/immersive 테마용 고정 위치 네비게이션.
+ * 스크롤 위치에 따라 활성 섹션 자동 추적.
+ */
+declare const DotNav: React.ForwardRefExoticComponent<DotNavProps & React.RefAttributes<HTMLElement>>;
+
+interface HorizontalScrollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onProgress'> {
+    /** 가로 스크롤 컨텐츠 */
+    children: React.ReactNode;
+    /** 스크롤 높이 배율 (패널 수 × 이 값 = 총 스크롤 높이) @default 1 */
+    heightMultiplier?: number;
+    /** 스냅 여부 @default false */
+    snap?: boolean;
+    /** 진행률 콜백 */
+    onProgress?: (progress: number) => void;
+}
+/**
+ * HorizontalScroll - 세로 스크롤을 가로 스크롤로 변환
+ *
+ * sticky positioning + translateX로 구현.
+ * 세로 스크롤 입력을 가로 이동으로 매핑합니다.
+ */
+declare const HorizontalScroll: React.ForwardRefExoticComponent<HorizontalScrollProps & React.RefAttributes<HTMLDivElement>>;
+
 /**
  * BlogEditorHeader Props
  */
@@ -973,4 +1037,4 @@ declare function isValidSlug(slug: string): boolean;
  */
 declare function normalizeSlug(input: string): string;
 
-export { AdvancedPageTransition, type AdvancedPageTransitionProps, AnimatedGradient, type AnimatedGradientProps, BlogEditorCompound as BlogEditor, BlogEditorActions, type BlogEditorActionsProps, type BlogEditorCallbacks, BlogEditorContent, type BlogEditorContentProps, type BlogEditorContextValue, type BlogEditorData, type BlogEditorFeatures, BlogEditorHeader, type BlogEditorHeaderProps, type BlogEditorLabels, BlogEditorLanguageTabs, type BlogEditorLanguageTabsProps, BlogEditorMetadata, type BlogEditorMetadataProps, BlogEditorPreview, type BlogEditorPreviewProps, type BlogEditorProps, BlogEditorProvider, BlogEditorToolbar, type BlogEditorToolbarProps, BlogEditorTranslate, type BlogEditorTranslateProps, Carousel, type CarouselProps, CubePageTransition, FadePageTransition, FlipPageTransition, GlowCard, type GlowCardProps, type LanguageConfig, Marquee, type MarqueeProps, MorphPageTransition, type MultilingualField, Parallax, type ParallaxProps, ScalePageTransition, SlidePageTransition, SpotlightCard, type SpotlightCardProps, TextReveal, type TextRevealProps, TiltCard, type TiltCardProps, type ToolbarItem, type TransitionEasing$1 as TransitionEasing, type TransitionType$1 as TransitionType, type TranslateParams, VideoBackground, type VideoBackgroundProps, ZoomPageTransition, generateSlug, getMarkdownPreview, insertMarkdown, isValidSlug, normalizeSlug, parseMarkdown, stripMarkdown, useBlogEditor, usePageTransition, usePageTransitionManager };
+export { AdvancedPageTransition, type AdvancedPageTransitionProps, AnimatedGradient, type AnimatedGradientProps, BlogEditorCompound as BlogEditor, BlogEditorActions, type BlogEditorActionsProps, type BlogEditorCallbacks, BlogEditorContent, type BlogEditorContentProps, type BlogEditorContextValue, type BlogEditorData, type BlogEditorFeatures, BlogEditorHeader, type BlogEditorHeaderProps, type BlogEditorLabels, BlogEditorLanguageTabs, type BlogEditorLanguageTabsProps, BlogEditorMetadata, type BlogEditorMetadataProps, BlogEditorPreview, type BlogEditorPreviewProps, type BlogEditorProps, BlogEditorProvider, BlogEditorToolbar, type BlogEditorToolbarProps, BlogEditorTranslate, type BlogEditorTranslateProps, Carousel, type CarouselProps, CubePageTransition, DotNav, type DotNavItem, type DotNavProps, FadePageTransition, FlipPageTransition, GlowCard, type GlowCardProps, HorizontalScroll, type HorizontalScrollProps, ImageReveal, type ImageRevealProps, type LanguageConfig, Marquee, type MarqueeProps, MorphPageTransition, type MultilingualField, Parallax, type ParallaxProps, ScalePageTransition, SlidePageTransition, SpotlightCard, type SpotlightCardProps, TextReveal, type TextRevealProps, TiltCard, type TiltCardProps, type ToolbarItem, type TransitionEasing$1 as TransitionEasing, type TransitionType$1 as TransitionType, type TranslateParams, VideoBackground, type VideoBackgroundProps, ZoomPageTransition, generateSlug, getMarkdownPreview, insertMarkdown, isValidSlug, normalizeSlug, parseMarkdown, stripMarkdown, useBlogEditor, usePageTransition, usePageTransitionManager };