@hua-labs/ui 1.1.0-alpha.6 → 2.0.0-alpha.10

package/dist/advanced-dashboard.mjs

@@ -1,2 +1,3 @@
-export{d as ActivityFeed,q as BarChart,l as DashboardEmptyState,c as DashboardGrid,m as DashboardSidebar,o as DashboardToolbar,f as MembershipBadge,u as MerchantList,j as MetricCard,g as MiniBarChart,i as NotificationCard,e as ProfileCard,k as ProgressCard,b as QuickActionCard,t as RoutingBreakdownCard,w as SectionHeader,s as SettlementTimeline,a as StatCard,v as StatsPanel,h as SummaryCard,r as TransactionDetailDrawer,n as TransactionsTable,p as TrendChart}from'./chunk-DP2CN36N.mjs';import'./chunk-DMLVCGZL.mjs';import'./chunk-UHN7T3BX.mjs';import'./chunk-XJAQ7MK5.mjs';import'./chunk-36N7GXIA.mjs';import'./chunk-UUHAXGMO.mjs';import'./chunk-Z45QNK2S.mjs';//# sourceMappingURL=advanced-dashboard.mjs.map
+"use client";
+export{d as ActivityFeed,q as BarChart,l as DashboardEmptyState,c as DashboardGrid,m as DashboardSidebar,o as DashboardToolbar,B as KanbanAddCard,D as KanbanAddColumn,E as KanbanBoard,A as KanbanCard,C as KanbanColumn,z as KanbanColumnHeader,w as KanbanContext,F as KanbanDropIndicator,y as KanbanProvider,f as MembershipBadge,u as MerchantList,j as MetricCard,g as MiniBarChart,i as NotificationCard,e as ProfileCard,k as ProgressCard,b as QuickActionCard,t as RoutingBreakdownCard,H as SectionHeader,s as SettlementTimeline,a as StatCard,G as StatsPanel,h as SummaryCard,r as TransactionDetailDrawer,n as TransactionsTable,p as TrendChart,v as YearlyHeatmap,x as useKanban}from'./chunk-YXKMNLYP.mjs';import'./chunk-62HQZHPY.mjs';import'./chunk-7VET46PU.mjs';import'./chunk-RJHCRHFD.mjs';import'./chunk-6IRMCQLW.mjs';import'./chunk-25X3JS5U.mjs';import'./chunk-EQIWSOL7.mjs';import'./chunk-AAHZFMU6.mjs';import'./chunk-UUHAXGMO.mjs';//# sourceMappingURL=advanced-dashboard.mjs.map
 //# sourceMappingURL=advanced-dashboard.mjs.map

package/dist/advanced.d.mts

@@ -1,10 +1,153 @@
-import { C as Color } from './dashboard-MmFfZs15.mjs';
-export { A as ActivityFeed, i as ActivityFeedProps, j as ActivityItem, Z as BarChart, _ as BarChartProps, x as DashboardEmptyState, y as DashboardEmptyStateProps, D as DashboardGrid, h as DashboardGridProps, z as DashboardSidebar, B as DashboardSidebarProps, L as DashboardToolbar, O as DashboardToolbarProps, V as DatePreset, U as DateRangeConfig, a4 as FeeBreakdown, l as MembershipBadge, m as MembershipBadgeProps, M as MembershipTier, ag as MerchantHealth, ad as MerchantList, af as MerchantListItem, ae as MerchantListProps, t as MetricCard, u as MetricCardProps, n as MiniBarChart, o as MiniBarChartProps, N as NotificationCard, r as NotificationCardProps, s as NotificationItem, P as ProfileCard, k as ProfileCardProps, v as ProgressCard, w as ProgressCardProps, Q as QuickActionCard, g as QuickActionCardProps, aa as RoutingBreakdownCard, ab as RoutingBreakdownCardProps, ac as RoutingBreakdownSegment, c as SectionHeader, d as SectionHeaderProps, a3 as SettlementInfo, a6 as SettlementTimeline, a8 as SettlementTimelineItem, a7 as SettlementTimelineProps, a9 as SettlementTimelineStatus, E as SidebarNavItem, F as SidebarSection, e as StatCard, f as StatCardProps, S as StatsPanel, b as StatsPanelItem, a as StatsPanelProps, p as SummaryCard, q as SummaryCardProps, R as ToolbarAction, I as TransactionColumnConfig, J as TransactionColumnKey, a1 as TransactionDetail, $ as TransactionDetailDrawer, a0 as TransactionDetailDrawerProps, a5 as TransactionEvent, a2 as TransactionMetadataItem, H as TransactionRow, K as TransactionStatus, T as TransactionsTable, G as TransactionsTableProps, W as TrendChart, X as TrendChartProps, Y as TrendSeries } from './dashboard-MmFfZs15.mjs';
-export { AdvancedPageTransition, AdvancedPageTransitionProps, CubePageTransition, FadePageTransition, FlipPageTransition, MorphPageTransition, ScalePageTransition, SlidePageTransition, TransitionEasing, TransitionType, ZoomPageTransition, usePageTransition, usePageTransitionManager } from './advanced-motion.mjs';
-import React__default from 'react';
-export { C as ComponentLayout } from './ComponentLayout-BFW39DKh.mjs';
-import { I as IconName } from './icons-DcEq-9hv.mjs';
-import 'lucide-react';
+export { ActivityFeed, ActivityFeedProps, ActivityItem, BarChart, BarChartProps, DashboardEmptyState, DashboardEmptyStateProps, DashboardGrid, DashboardGridProps, DashboardSidebar, DashboardSidebarProps, DashboardToolbar, DashboardToolbarProps, DatePreset, DateRangeConfig, FeeBreakdown, KanbanAddCard, KanbanAddCardProps, KanbanAddColumn, KanbanAddColumnProps, KanbanAssignee, KanbanBoard, KanbanBoardProps, KanbanCard, KanbanCardMoveEvent, KanbanCardProps, KanbanCardType, KanbanColumn, KanbanColumnHeader, KanbanColumnHeaderProps, KanbanColumnMoveEvent, KanbanColumnProps, KanbanColumnType, KanbanContext, KanbanDragData, KanbanDragType, KanbanDropIndicator, KanbanDropIndicatorProps, KanbanPriority, KanbanProvider, MembershipBadge, MembershipBadgeProps, MembershipTier, MerchantHealth, MerchantList, MerchantListItem, MerchantListProps, MetricCard, MetricCardProps, MiniBarChart, MiniBarChartProps, NotificationCard, NotificationCardProps, NotificationItem, ProfileCard, ProfileCardProps, ProgressCard, ProgressCardProps, QuickActionCard, QuickActionCardProps, RoutingBreakdownCard, RoutingBreakdownCardProps, RoutingBreakdownSegment, SectionHeader, SectionHeaderProps, SettlementInfo, SettlementTimeline, SettlementTimelineItem, SettlementTimelineProps, SettlementTimelineStatus, SidebarNavItem, SidebarSection, StatCard, StatCardProps, StatsPanel, StatsPanelItem, StatsPanelProps, SummaryCard, SummaryCardProps, ToolbarAction, TransactionColumnConfig, TransactionColumnKey, TransactionDetail, TransactionDetailDrawer, TransactionDetailDrawerProps, TransactionEvent, TransactionMetadataItem, TransactionRow, TransactionStatus, TransactionsTable, TransactionsTableProps, TrendChart, TrendChartProps, TrendSeries, YearlyHeatmap, YearlyHeatmapLabels, YearlyHeatmapProps, useKanban } from './advanced-dashboard.mjs';
+import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { A as AllIconName } from './ComponentLayout-btJq4TjA.mjs';
+export { C as ComponentLayout } from './ComponentLayout-btJq4TjA.mjs';
+import { C as Color } from './common-YLvZxA_K.mjs';
+import { I as IconName } from './icons-Bj_nr8Ba.mjs';
+import '@phosphor-icons/react';
+
+type TransitionType$1 = 'fade' | 'slide' | 'scale' | 'flip' | 'morph' | 'cube' | 'zoom' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
+type TransitionEasing$1 = 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce' | 'elastic' | 'smooth';
+interface AdvancedPageTransitionProps {
+    children: React.ReactNode;
+    className?: string;
+    type?: TransitionType$1;
+    duration?: number;
+    easing?: TransitionEasing$1;
+    delay?: number;
+    autoStart?: boolean;
+    onStart?: () => void;
+    onComplete?: () => void;
+    showProgress?: boolean;
+    progressClassName?: string;
+}
+declare const AdvancedPageTransition: React.ForwardRefExoticComponent<AdvancedPageTransitionProps & React.RefAttributes<HTMLDivElement>>;
+
+type TransitionType = 'fade' | 'slide' | 'scale' | 'flip' | 'morph' | 'cube' | 'zoom' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
+type TransitionEasing = 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce' | 'elastic' | 'smooth';
+interface TransitionConfig {
+    type: TransitionType;
+    duration: number;
+    easing: TransitionEasing;
+    delay?: number;
+    stagger?: number;
+    direction?: 'forward' | 'backward';
+    onStart?: () => void;
+    onComplete?: () => void;
+    onReverse?: () => void;
+}
+interface PageTransitionState {
+    isTransitioning: boolean;
+    isVisible: boolean;
+    currentStep: number;
+    progress: number;
+}
+interface PageTransitionControls {
+    start: (config?: Partial<TransitionConfig>) => Promise<void>;
+    reverse: () => Promise<void>;
+    pause: () => void;
+    resume: () => void;
+    reset: () => void;
+}
+declare const usePageTransition: (initialConfig?: Partial<TransitionConfig>) => [PageTransitionState, PageTransitionControls];
+
+interface PageTransitionManagerConfig {
+    defaultType?: TransitionType;
+    defaultDuration?: number;
+    defaultEasing?: TransitionEasing;
+    enableHistory?: boolean;
+    enableProgress?: boolean;
+    enableDebug?: boolean;
+}
+interface PageTransitionEvent {
+    id: string;
+    type: TransitionType;
+    duration: number;
+    easing: TransitionEasing;
+    timestamp: number;
+    status: 'pending' | 'active' | 'completed' | 'failed';
+}
+interface PageTransitionManagerState {
+    isTransitioning: boolean;
+    currentTransition: PageTransitionEvent | null;
+    transitionHistory: PageTransitionEvent[];
+    totalTransitions: number;
+    averageDuration: number;
+}
+interface PageTransitionManagerControls {
+    startTransition: (config: Partial<TransitionConfig>) => Promise<string>;
+    cancelTransition: (id: string) => void;
+    pauseAll: () => void;
+    resumeAll: () => void;
+    clearHistory: () => void;
+    getTransitionStats: () => {
+        total: number;
+        average: number;
+        byType: Record<TransitionType, number>;
+        byStatus: Record<string, number>;
+    };
+}
+declare const usePageTransitionManager: (config?: PageTransitionManagerConfig) => [PageTransitionManagerState, PageTransitionManagerControls];
+
+/**
+ * Logo variant 타입
+ * - symbol: 엠블럼만 (기본값)
+ * - full: 엠블럼 + 워드마크
+ */
+type LogoVariant = "symbol" | "full";
+/**
+ * Logo size 타입
+ * - sm, md, lg: 디자인 토큰 기반 크기
+ * - number: 직접 rem 값 지정
+ */
+type LogoSize = "sm" | "md" | "lg" | number;
+/**
+ * Logo 컴포넌트 Props
+ */
+interface LogoProps extends Omit<React.HTMLAttributes<HTMLElement>, "width" | "height"> {
+    /**
+     * 로고 변형
+     * @default "symbol"
+     */
+    variant?: LogoVariant;
+    /**
+     * 로고 크기
+     * @default "md"
+     */
+    size?: LogoSize;
+    /**
+     * 애니메이션 활성화 (Path Drawing 효과)
+     * @default false
+     */
+    animated?: boolean;
+    /**
+     * 추가 className
+     */
+    className?: string;
+}
+/**
+ * Logo 컴포넌트
+ *
+ * HUA Labs 공식 로고 컴포넌트
+ *
+ * @example
+ * ```tsx
+ * // 기본 (엠블럼만)
+ * <Logo />
+ *
+ * // 워드마크 포함
+ * <Logo variant="full" />
+ *
+ * // 크기 조정
+ * <Logo size="lg" />
+ * <Logo size={3} /> // 3rem
+ *
+ * // 애니메이션
+ * <Logo animated />
+ * ```
+ */
+declare function Logo({ variant, size, animated, className, ...props }: LogoProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Bookmark 컴포넌트의 props / Bookmark component props
@@ -17,7 +160,7 @@ import 'lucide-react';
  * @property {'default' | 'filled' | 'outline'} [variant='default'] - Bookmark 스타일 변형 / Bookmark style variant
  * @extends {React.HTMLAttributes<HTMLButtonElement>}
  */
-interface BookmarkProps extends React__default.HTMLAttributes<HTMLButtonElement> {
+interface BookmarkProps extends React.HTMLAttributes<HTMLButtonElement> {
     id: string;
     storageKey?: string;
     defaultBookmarked?: boolean;
@@ -51,7 +194,7 @@ interface BookmarkProps extends React__default.HTMLAttributes<HTMLButtonElement>
  * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
  * @returns {JSX.Element} Bookmark 컴포넌트 / Bookmark component
  */
-declare const Bookmark: React__default.ForwardRefExoticComponent<BookmarkProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const Bookmark: React.ForwardRefExoticComponent<BookmarkProps & React.RefAttributes<HTMLButtonElement>>;
 
 /**
  * ChatMessage 컴포넌트의 props / ChatMessage component props
@@ -83,7 +226,7 @@ declare const Bookmark: React__default.ForwardRefExoticComponent<BookmarkProps &
  * @property {string} [theme.aiBubbleText] - AI 버블 텍스트 색상 / AI bubble text color
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface ChatMessageProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement> {
     message: {
         id: string;
         content: string;
@@ -150,7 +293,7 @@ interface ChatMessageProps extends React__default.HTMLAttributes<HTMLDivElement>
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} ChatMessage 컴포넌트 / ChatMessage component
  */
-declare const ChatMessage: React__default.ForwardRefExoticComponent<ChatMessageProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ChatMessage: React.ForwardRefExoticComponent<ChatMessageProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props
@@ -174,7 +317,7 @@ declare const ChatMessage: React__default.ForwardRefExoticComponent<ChatMessageP
  * @property {"compact" | "detailed" | "card"} [layout="detailed"] - 레이아웃 타입 / Layout type
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface EmotionAnalysisProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface EmotionAnalysisProps extends React.HTMLAttributes<HTMLDivElement> {
     primaryEmotion?: {
         name: string;
         intensity: number;
@@ -231,7 +374,7 @@ interface EmotionAnalysisProps extends React__default.HTMLAttributes<HTMLDivElem
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} EmotionAnalysis 컴포넌트 / EmotionAnalysis component
  */
-declare const EmotionAnalysis: React__default.ForwardRefExoticComponent<EmotionAnalysisProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const EmotionAnalysis: React.ForwardRefExoticComponent<EmotionAnalysisProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * EmotionButton 컴포넌트의 props / EmotionButton component props
@@ -241,7 +384,7 @@ declare const EmotionAnalysis: React__default.ForwardRefExoticComponent<EmotionA
  * @property {"sm" | "md" | "lg"} [size="md"] - 버튼 크기 / Button size
  * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
  */
-interface EmotionButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+interface EmotionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     emotion: string;
     isSelected?: boolean;
     size?: "sm" | "md" | "lg";
@@ -272,7 +415,7 @@ interface EmotionButtonProps extends React__default.ButtonHTMLAttributes<HTMLBut
  * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
  * @returns {JSX.Element} EmotionButton 컴포넌트 / EmotionButton component
  */
-declare const EmotionButton: React__default.ForwardRefExoticComponent<EmotionButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const EmotionButton: React.ForwardRefExoticComponent<EmotionButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 /**
  * EmotionMeter 컴포넌트의 props / EmotionMeter component props
@@ -283,7 +426,7 @@ declare const EmotionButton: React__default.ForwardRefExoticComponent<EmotionBut
  * @property {"blue" | "green" | "yellow" | "red"} [color="blue"] - 미터 색상 / Meter color
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface EmotionMeterProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface EmotionMeterProps extends React.HTMLAttributes<HTMLDivElement> {
     value: number;
     max?: number;
     size?: "sm" | "md" | "lg";
@@ -315,7 +458,7 @@ interface EmotionMeterProps extends React__default.HTMLAttributes<HTMLDivElement
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} EmotionMeter 컴포넌트 / EmotionMeter component
  */
-declare const EmotionMeter: React__default.ForwardRefExoticComponent<EmotionMeterProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const EmotionMeter: React.ForwardRefExoticComponent<EmotionMeterProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * EmotionSelector 컴포넌트의 props / EmotionSelector component props
@@ -335,7 +478,7 @@ declare const EmotionMeter: React__default.ForwardRefExoticComponent<EmotionMete
  * @property {"button" | "card" | "chip"} [variant="button"] - 감정 표시 스타일 / Emotion display style
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface EmotionSelectorProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface EmotionSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
     selectedEmotion?: string;
     onEmotionSelect?: (emotion: string) => void;
     layout?: "grid" | "list" | "compact";
@@ -383,7 +526,7 @@ interface EmotionSelectorProps extends React__default.HTMLAttributes<HTMLDivElem
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} EmotionSelector 컴포넌트 / EmotionSelector component
  */
-declare const EmotionSelector: React__default.ForwardRefExoticComponent<EmotionSelectorProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const EmotionSelector: React.ForwardRefExoticComponent<EmotionSelectorProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * LanguageToggle 컴포넌트의 props / LanguageToggle component props
@@ -438,7 +581,7 @@ interface LanguageToggleProps {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} LanguageToggle 컴포넌트 / LanguageToggle component
  */
-declare const LanguageToggle: React__default.ForwardRefExoticComponent<LanguageToggleProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const LanguageToggle: React.ForwardRefExoticComponent<LanguageToggleProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * ScrollIndicator 컴포넌트의 props / ScrollIndicator component props
@@ -494,7 +637,7 @@ interface ScrollIndicatorProps {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} ScrollIndicator 컴포넌트 / ScrollIndicator component
  */
-declare const ScrollIndicator: React__default.ForwardRefExoticComponent<ScrollIndicatorProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ScrollIndicator: React.ForwardRefExoticComponent<ScrollIndicatorProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * ScrollProgress 컴포넌트의 props / ScrollProgress component props
@@ -541,22 +684,28 @@ interface ScrollProgressProps {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} ScrollProgress 컴포넌트 / ScrollProgress component
  */
-declare const ScrollProgress: React__default.ForwardRefExoticComponent<ScrollProgressProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ScrollProgress: React.ForwardRefExoticComponent<ScrollProgressProps & React.RefAttributes<HTMLDivElement>>;
 
-interface ScrollbarProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    children: React__default.ReactNode;
+interface ScrollbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
     variant?: "default" | "glass" | "colorful" | "minimal" | "neon";
     size?: "sm" | "md" | "lg" | "xl";
     orientation?: "vertical" | "horizontal" | "both";
     autoHide?: boolean;
     smooth?: boolean;
 }
-declare const Scrollbar: React__default.ForwardRefExoticComponent<ScrollbarProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Scrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * FeatureCard 아이콘 타입 / FeatureCard icon type
+ * - AllIconName: icons.ts + PROJECT_ICONS의 모든 아이콘 / All icons from icons.ts + PROJECT_ICONS
+ * - `http${string}`: 이미지 URL / Image URL
+ */
+type FeatureCardIconType = AllIconName | `http${string}`;
 /**
  * FeatureCard 컴포넌트의 props / FeatureCard component props
  * @typedef {Object} FeatureCardProps
- * @property {IconName | string} [icon] - 아이콘 (IconName 또는 이미지 URL) / Icon (IconName or image URL)
+ * @property {FeatureCardIconType} [icon] - 아이콘 (IconName, ProjectIconName 또는 이미지 URL) / Icon (IconName, ProjectIconName or image URL)
  * @property {string} title - 카드 제목 / Card title
  * @property {string} description - 카드 설명 / Card description
  * @property {"default" | "gradient" | "glass" | "neon"} [variant="default"] - FeatureCard 스타일 변형 / FeatureCard style variant
@@ -566,8 +715,8 @@ declare const Scrollbar: React__default.ForwardRefExoticComponent<ScrollbarProps
  * @property {string} [customGradient] - 커스텀 그라디언트 클래스 / Custom gradient class
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface FeatureCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    icon?: IconName | string;
+interface FeatureCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: FeatureCardIconType;
     title: string;
     description: string;
     variant?: "default" | "gradient" | "glass" | "neon";
@@ -609,7 +758,7 @@ interface FeatureCardProps extends React__default.HTMLAttributes<HTMLDivElement>
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} FeatureCard 컴포넌트 / FeatureCard component
  */
-declare const FeatureCard: React__default.ForwardRefExoticComponent<FeatureCardProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const FeatureCard: React.ForwardRefExoticComponent<FeatureCardProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * 슬라이드 아이템 인터페이스
@@ -621,12 +770,12 @@ interface HeroSlide {
     primaryAction?: {
         label: string;
         href: string;
-        icon?: React__default.ReactNode;
+        icon?: React.ReactNode;
     };
     secondaryAction?: {
         label: string;
         href: string;
-        icon?: React__default.ReactNode;
+        icon?: React.ReactNode;
     };
     background?: "none" | "gradient" | "particles" | "image";
     backgroundImage?: string;
@@ -634,19 +783,19 @@ interface HeroSlide {
 /**
  * HeroSection 컴포넌트의 props
  */
-interface HeroSectionProps extends React__default.HTMLAttributes<HTMLElement> {
+interface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {
     title?: string;
     subtitle?: string;
     description?: string;
     primaryAction?: {
         label: string;
         href: string;
-        icon?: React__default.ReactNode;
+        icon?: React.ReactNode;
     };
     secondaryAction?: {
         label: string;
         href: string;
-        icon?: React__default.ReactNode;
+        icon?: React.ReactNode;
     };
     slides?: HeroSlide[];
     autoPlay?: boolean;
@@ -674,7 +823,7 @@ interface HeroSectionProps extends React__default.HTMLAttributes<HTMLElement> {
  * 단일 히어로 또는 슬라이드 히어로를 지원합니다.
  * slides prop이 있으면 슬라이드 모드로 동작합니다.
  */
-declare const HeroSection: React__default.ForwardRefExoticComponent<HeroSectionProps & React__default.RefAttributes<HTMLElement>>;
+declare const HeroSection: React.ForwardRefExoticComponent<HeroSectionProps & React.RefAttributes<HTMLElement>>;
 
 /**
  * InfoCard 컴포넌트의 props / InfoCard component props
@@ -684,7 +833,7 @@ declare const HeroSection: React__default.ForwardRefExoticComponent<HeroSectionP
  * @property {"blue" | "purple" | "green" | "orange"} [tone="blue"] - InfoCard 톤 색상 / InfoCard tone color
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface InfoCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface InfoCardProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
     icon: IconName;
     tone?: "blue" | "purple" | "green" | "orange";
@@ -719,6 +868,101 @@ interface InfoCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} InfoCard 컴포넌트 / InfoCard component
  */
-declare const InfoCard: React__default.ForwardRefExoticComponent<InfoCardProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const InfoCard: React.ForwardRefExoticComponent<InfoCardProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * 타임라인 아이템 상태 타입 / Timeline item status type
+ * @typedef {"pending" | "active" | "completed" | "error" | "warning" | "info"} TimelineStatus
+ */
+type TimelineStatus = "pending" | "active" | "completed" | "error" | "warning" | "info";
+/**
+ * 타임라인 아이템 인터페이스 / TimelineItem interface
+ * @typedef {Object} TimelineItem
+ * @property {string} id - 아이템 고유 ID / Item unique ID
+ * @property {string} title - 제목 / Title
+ * @property {string} [description] - 설명 / Description
+ * @property {TimelineStatus} [status="pending"] - 상태 / Status
+ * @property {string | Date} [date] - 날짜 / Date
+ * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon
+ * @property {string} [meta] - 메타 정보 / Meta information
+ * @property {React.ReactNode} [content] - 추가 컨텐츠 / Additional content
+ */
+interface TimelineItem {
+    id: string;
+    title: string;
+    description?: string;
+    status?: TimelineStatus;
+    date?: string | Date;
+    icon?: IconName | React.ReactNode;
+    meta?: string;
+    content?: React.ReactNode;
+}
+/**
+ * Timeline 컴포넌트의 props / Timeline component props
+ * @typedef {Object} TimelineProps
+ * @property {TimelineItem[]} items - 타임라인 아이템 배열 / Timeline items array
+ * @property {"vertical" | "horizontal"} [orientation="vertical"] - 방향 / Orientation
+ * @property {"left" | "right" | "alternate"} [align="left"] - 정렬 / Alignment
+ * @property {string} [highlightedId] - 강조할 아이템 ID / Highlighted item ID
+ * @property {string} [locale="ko-KR"] - 로케일 / Locale
+ * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component
+ * @property {boolean} [showConnector=true] - 연결선 표시 / Show connector
+ * @property {"sm" | "md" | "lg"} [size="md"] - 크기 / Size
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: TimelineItem[];
+    orientation?: "vertical" | "horizontal";
+    align?: "left" | "right" | "alternate";
+    highlightedId?: string;
+    locale?: string;
+    emptyState?: React.ReactNode;
+    showConnector?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * Timeline 컴포넌트
+ *
+ * 이벤트나 단계를 시간순으로 표시하는 범용 타임라인 컴포넌트입니다.
+ * 활동 로그, 진행 단계, 히스토리 등 다양한 용도로 사용할 수 있습니다.
+ *
+ * Generic timeline component that displays events or steps chronologically.
+ * Can be used for activity logs, progress steps, history, and more.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Timeline
+ *   items={[
+ *     { id: "1", title: "작업 시작", status: "completed", date: new Date() },
+ *     { id: "2", title: "검토 중", status: "active" },
+ *     { id: "3", title: "완료 예정", status: "pending" }
+ *   ]}
+ * />
+ *
+ * @example
+ * // 아이콘과 커스텀 컨텐츠 / With icons and custom content
+ * <Timeline
+ *   items={[
+ *     {
+ *       id: "1",
+ *       title: "커밋 생성",
+ *       description: "feature/timeline 브랜치에 커밋",
+ *       icon: "git-commit",
+ *       status: "completed",
+ *       content: <CodeBlock code="git commit -m 'Add timeline'" />
+ *     }
+ *   ]}
+ *   size="lg"
+ * />
+ *
+ * @example
+ * // 교차 정렬 / Alternate alignment
+ * <Timeline items={items} align="alternate" />
+ *
+ * @param {TimelineProps} props - Timeline 컴포넌트의 props / Timeline component props
+ * @returns {JSX.Element} Timeline 컴포넌트 / Timeline component
+ */
+declare const Timeline: React.FC<TimelineProps>;
 
-export { Bookmark, ChatMessage, EmotionAnalysis, EmotionButton, EmotionMeter, EmotionSelector, FeatureCard, HeroSection, InfoCard, LanguageToggle, ScrollIndicator, ScrollProgress, Scrollbar };
+export { AdvancedPageTransition, Bookmark, ChatMessage, EmotionAnalysis, EmotionButton, EmotionMeter, EmotionSelector, FeatureCard, HeroSection, InfoCard, LanguageToggle, Logo, type LogoProps, type LogoSize, type LogoVariant, ScrollIndicator, ScrollProgress, Scrollbar, Timeline, type TimelineItem, type TimelineProps, type TimelineStatus, usePageTransition, usePageTransitionManager };

package/dist/advanced.d.ts

@@ -1,5 +1,9 @@
 export * from './advanced/dashboard';
-export * from './advanced/motion';
+export { AdvancedPageTransition } from './components/advanced/AdvancedPageTransition';
+export { usePageTransition } from './components/advanced/usePageTransition';
+export { usePageTransitionManager } from './components/advanced/usePageTransitionManager';
+export { Logo } from './advanced/Logo';
+export type { LogoProps, LogoVariant, LogoSize } from './advanced/Logo';
 export { Bookmark } from './components/Bookmark';
 export { ChatMessage } from './components/ChatMessage';
 export { ComponentLayout } from './components/ComponentLayout';
@@ -14,4 +18,6 @@ export { Scrollbar } from './components/scrollbar/scrollbar';
 export { FeatureCard } from './components/FeatureCard';
 export { HeroSection } from './components/HeroSection';
 export { InfoCard } from './components/InfoCard';
+export { Timeline } from './components/Timeline';
+export type { TimelineProps, TimelineItem, TimelineStatus } from './components/Timeline';
 //# sourceMappingURL=advanced.d.ts.map

package/dist/advanced.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advanced.d.ts","sourceRoot":"","sources":["../src/advanced.ts"],"names":[],"mappings":"AAIA,cAAc,sBAAsB,CAAC;AAGrC,cAAc,mBAAmB,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"advanced.d.ts","sourceRoot":"","sources":["../src/advanced.ts"],"names":[],"mappings":"AAIA,cAAc,sBAAsB,CAAC;AAGrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAG1F,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGxE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}