@designbasekorea/ui 0.4.1 → 0.5.2

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import React$1, { ReactNode } from 'react';
 import { IconProps } from '@designbasekorea/icons';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export { getTheme, setTheme, toggleTheme } from '@designbasekorea/theme';
 
 /**
  * Accordion 컴포넌트
@@ -143,7 +144,7 @@ interface AlertAction {
     /** 액션 라벨 */
     label: string;
     /** 액션 타입 */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'success';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger';
     /** 액션 크기 */
     size?: 's' | 'm' | 'l';
     /** 액션 핸들러 */
@@ -177,55 +178,74 @@ interface AlertProps {
 }
 declare const Alert: React$1.FC<AlertProps>;
 
+type AuroraIntensity = 'subtle' | 'medium' | 'vivid';
+type AnimationType = 'gradient' | 'pulse' | 'wave' | 'particles' | 'stars' | 'aurora';
+type DirectionType = 'left' | 'right' | 'up' | 'down' | 'diagonal' | 'radial';
 interface AnimationBackgroundProps {
     /** 애니메이션 타입 */
-    type?: 'gradient' | 'rainbow' | 'pulse' | 'wave' | 'particles' | 'stars' | 'aurora' | 'fire' | 'ocean' | 'sunset';
+    type?: AnimationType;
+    /** 테마 (다크/라이트, 오로라·배경 톤 조절) */
+    theme?: 'light' | 'dark';
+    /** 오로라/배경 강도 */
+    intensity?: AuroraIntensity;
+    /** 오로라 블러 강도 (px) */
+    blur?: number;
     /** 애니메이션 속도 (ms) */
     speed?: number;
-    /** 애니메이션 반복 횟수 (0은 무한 반복) */
+    /** 반복 횟수 (0 = 무한) */
     repeat?: number;
-    /** 애니메이션 지연 시간 (ms) */
+    /** 지연 (ms) */
     delay?: number;
-    /** 애니메이션 방향 */
-    direction?: 'left' | 'right' | 'up' | 'down' | 'diagonal' | 'radial';
-    /** 배경 색상들 */
+    /** 방향 */
+    direction?: DirectionType;
+    /** 배경 색상 */
     colors?: string[];
-    /** 컴포넌트 너비 */
+    /** 너비 */
     width?: string | number;
-    /** 컴포넌트 높이 */
+    /** 높이 */
     height?: string | number;
     /** 테두리 반경 */
     borderRadius?: string | number;
     /** 투명도 */
     opacity?: number;
     /** 블렌드 모드 */
-    blendMode?: 'normal' | 'multiply' | 'screen' | 'overlay' | 'soft-light' | 'hard-light' | 'color-dodge' | 'color-burn' | 'darken' | 'lighten' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity';
-    /** 파티클 개수 (particles 타입용) */
+    blendMode?: React$1.CSSProperties['mixBlendMode'];
+    /** 파티클 개수 */
     particleCount?: number;
-    /** 파티클 크기 (particles 타입용) */
+    /** 파티클 크기 */
     particleSize?: number;
-    /** 별 개수 (stars 타입용) */
+    /** 별 개수 */
     starCount?: number;
-    /** 별 크기 (stars 타입용) */
+    /** 별 크기 */
     starSize?: number;
-    /** 클릭 가능 여부 */
+    /** 클릭 가능 */
     clickable?: boolean;
-    /** 비활성화 여부 */
+    /** 비활성화 */
     disabled?: boolean;
     /** 클래스명 */
     className?: string;
     /** 클릭 핸들러 */
     onClick?: () => void;
-    /** 자식 요소 */
+    /** 자식 */
     children?: React$1.ReactNode;
+    /** 그리드 오버레이 표시 */
+    showGrid?: boolean;
+    /** 그리드 칸 크기 (px) */
+    gridSize?: number;
+    /** 그리드 색상 */
+    gridColor?: string;
+    /** 그리드 투명도 */
+    gridOpacity?: number;
 }
+
 declare const AnimationBackground: React$1.FC<AnimationBackgroundProps>;
 
 interface AnimationTextProps {
     /** 애니메이션할 텍스트 */
     children: string;
+    trigger?: 'mount' | 'hover' | 'click' | 'in-view';
     /** 애니메이션 타입 */
-    type?: 'typing' | 'fade' | 'slide' | 'bounce' | 'shake' | 'glow' | 'gradient' | 'wave' | 'flip' | 'scale';
+    type?: 'typing' | 'fade' | 'slide' | 'bounce' | 'shake' | 'glow' | 'gradient' | 'wave' | 'flip' | 'scale' | 'decode';
     /** 애니메이션 속도 (ms) */
     speed?: number;
     /** 애니메이션 반복 횟수 (0은 무한 반복) */
@@ -828,7 +848,7 @@ interface CardImage {
 }
 interface CardAction {
     label: string;
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger';
     size?: 's' | 'm' | 'l';
     icon?: React$1.ComponentType<any>;
     onClick?: () => void;
@@ -2537,6 +2557,8 @@ interface ModalProps {
 interface ModalHeaderProps {
     /** 제목 */
     title?: string;
+    /** 제목 ID (접근성용) */
+    titleId?: string;
     /** 닫기 버튼 표시 여부 */
     showCloseButton?: boolean;
     /** 닫기 핸들러 */
@@ -3321,7 +3343,7 @@ declare const SearchBar: React$1.FC<SearchBarProps>;
  */
 
 type SectionSize = 's' | 'm' | 'l' | 'xl';
-type SectionVariant = 'default' | 'elevated' | 'outlined' | 'filled';
+type SectionVariant = 'default' | 'outlined' | 'filled';
 interface SectionProps {
     /** 섹션 제목 */
     title?: React$1.ReactNode;
@@ -3446,6 +3468,8 @@ interface SelectProps {
     maxHeight?: number;
     /** 클리어 버튼 표시 여부 */
     showClearButton?: boolean;
+    /** 모바일에서 바텀 시트로 표시 여부 */
+    useMobileBottomSheet?: boolean;
     /** 추가 CSS 클래스 */
     className?: string;
     /** 값 변경 핸들러 */
@@ -3547,6 +3571,8 @@ interface SidebarProps {
     variant?: SidebarVariant;
     /** 사이드바 위치 */
     position?: SidebarPosition;
+    /** 로고 표시 여부 */
+    showLogo?: boolean;
     /** 로고 컴포넌트 */
     logo?: React$1.ReactNode;
     /** 로고 클릭 핸들러 */
@@ -3742,7 +3768,7 @@ declare const Stack: React$1.FC<StackProps>;
  */
 
 type StatSize = 's' | 'm' | 'l' | 'xl';
-type StatVariant = 'default' | 'minimal' | 'card' | 'colored';
+type StatVariant = 'default' | 'minimal' | 'card' | 'colored' | 'iconBox';
 type StatLayout = 'horizontal' | 'vertical' | 'reverse';
 type StatColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'custom';
 interface StatProps {
@@ -4480,9 +4506,6 @@ interface ComponentBaseProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare const setTheme: (theme: string) => void;
-declare const getTheme: () => string;
-declare const toggleTheme: () => void;
 
-export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, ColorPicker, Confirm, Container, ContextMenu, Countdown, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, HeroFeature, Image, ImageList, Indicator, Input, Label, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, ToastContainer, ToastProvider, Toggle, Toolbar, Tooltip, Tutorial, VideoPlayer, YouTubePlayer, getTheme, setTheme, toggleTheme, useToast };
-export type { AccordionItem, AccordionItemType, AccordionProps, AdBannerProps, AdBannerType, AdBannerVariant, AlertAction, AlertProps, AlertSize, AlertVariant, AnimationBackgroundProps, AnimationTextProps, AudioPlayerProps, AudioPlayerSize, AudioPlayerTheme, AudioPlayerVariant, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, BackdropProps, BadgeProps, BadgeSize, BadgeStyle, BadgeVariant, BannerAction, BannerProps, BannerSize, BannerVariant, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BottomSheetSize, BottomSheetVariant, BreadcrumbItem, BreadcrumbsProps, BreadcrumbsSize, BreadcrumbsStyle, ButtonProps, CalendarEvent, CalendarEventType, CalendarProps, CalendarView, CardAction, CardImage, CardImagePosition, CardLayout, CardProps, CardSize, CardVariant, CarouselIndicatorStyle, CarouselItem, CarouselProps, CarouselSize, CarouselTheme, CarouselTransition, CarouselVariant, CheckboxProps, ChipColor, ChipProps, ChipSize, ChipVariant, ColorPickerProps, ColorPickerSize, ColorPickerType, ComponentBaseProps, ConfirmProps, ConfirmSize, ConfirmVariant, ContainerPadding, ContainerProps, ContainerSize, ContainerVariant, ContextMenuItem, ContextMenuProps, CountdownProps, CountdownSize, CountdownVariant, DatePickerEvent, DatePickerMode, DatePickerProps, DatePickerSize, DatePickerVariant, DividerProps, DrawerPosition, DrawerProps, DrawerSize, DropdownItem, DropdownProps, DropzoneProps, DropzoneSize, DropzoneVariant, EmptyStateProps, EmptyStateSize, EmptyStateVariant, FileStatus, FileUploaderProps, FileUploaderSize, FileUploaderVariant, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonVariant, FormField, FormProps, FormSize, FormVariant, GradientColor, GradientDirection, GradientProps, GradientScheme, GradientSize, GradientVariant, GridAlignment, GridBreakpoint, GridColProps, GridJustify, GridProps, GridRowProps, GridSize, HeroFeatureAlignment, HeroFeatureButton, HeroFeatureProps, HeroFeatureSize, HeroFeatureTheme, HeroFeatureVariant, ImageFit, ImageItem, ImageListColumns, ImageListLayout, ImageListProps, ImageListSpacing, ImageLoading, ImagePlaceholder, ImageProps, ImageRatio, ImageRounded, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, LightboxSize, ListItem, ListItemType, ListLayout, ListProps, ListSize, ListVariant, LogoProps, LogoSize, LogoType, LogoVariant, MarkdownEditorMode, MarkdownEditorProps, MarkdownEditorSize, MarkdownEditorTheme, MarkdownEditorVariant, MarkdownToolbarItem, MasonryAnimation, MasonryColumns, MasonryItem, MasonryProps, MasonrySpacing, MenuItemChild, MenuItemProps, MenuItemSize, MenuItemStyle, MenuItemType, MenuItemVariant, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarItem, NavbarPosition, NavbarProps, NavbarSize, NavbarVariant, OnboardingModalProps, OnboardingStep, PaginationAlignment, PaginationProps, PaginationSize, PaginationVariant, PopoverPosition, PopoverProps, PopoverSize, PopoverTrigger, PopoverVariant, ProgressProps, ProgressSize, ProgressStepItem, ProgressStepLayout, ProgressStepProps, ProgressStepSize, ProgressType, ProgressVariant, ProgressbarProps, ProgressbarSize, ProgressbarStyle, ProgressbarVariant, RadioProps, RandomGradientProps, RangeSliderProps, RangeSliderSize, RangeSliderVariant, RatingDisplay, RatingProps, RatingSize, RatingType, RatingVariant, ReorderItem, ReorderOrientation, ReorderProps, ReorderSize, ReorderVariant, ResizablePanelsProps, ScrollAreaProps, ScrollAreaSize, ScrollDirection, ScrollbarStyle, SearchBarProps, SearchBarSize, SearchBarVariant, SectionProps, SectionSize, SectionVariant, SegmentControlProps, SegmentOption, SelectOption, SelectProps, SharePlatform, SharePlatformConfig, SharePosition, ShareProps, ShareSize, ShareVariant, SidebarItem, SidebarPosition, SidebarProps, SidebarSize, SidebarVariant, SkeletonProps, SortDirection, SpinnerProps, SpinnerSize, SpinnerType, SplitDirection, SplitMode, SplitSize, SplitViewProps, StackAlignment, StackDirection, StackJustify, StackProps, StackSpacing, StartOfWeek, StatColor, StatLayout, StatProps, StatSize, StatVariant, StepperProps, StepperSize, StepperVariant, TabItem, TableColumn, TableProps, TableSize, TableVariant, TabsProps, TestimonialAlignment, TestimonialProps, TestimonialSize, TextareaProps, TimeFormat, TimePickerProps, TimePickerSize, TimePickerType, TimeRemaining, TimelineColor, TimelineItem, TimelineProps, TimelineSize, TimelineType, TimelineVariant, ToastContainerProps, ToastItem, ToastProps, ToastStatus, ToggleProps, ToolbarItem, ToolbarPosition, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPosition, TooltipProps, TooltipSize, TooltipVariant, TutorialProps, TutorialStep, UploadFile, VideoPlayerProps, VideoPlayerSize, VideoPlayerTheme, VideoPlayerVariant, YouTubePlayerProps, YouTubePlayerSize, YouTubePlayerTheme, YouTubePlayerVariant };
+export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, ColorPicker, Confirm, Container, ContextMenu, Countdown, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, HeroFeature, Image, ImageList, Indicator, Input, Label, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, ToastContainer, ToastProvider, Toggle, Toolbar, Tooltip, Tutorial, VideoPlayer, YouTubePlayer, useToast };
+export type { AccordionItem, AccordionItemType, AccordionProps, AdBannerProps, AdBannerType, AdBannerVariant, AlertAction, AlertProps, AlertSize, AlertVariant, AnimationBackgroundProps, AnimationTextProps, AnimationType, AudioPlayerProps, AudioPlayerSize, AudioPlayerTheme, AudioPlayerVariant, AuroraIntensity, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, BackdropProps, BadgeProps, BadgeSize, BadgeStyle, BadgeVariant, BannerAction, BannerProps, BannerSize, BannerVariant, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BottomSheetSize, BottomSheetVariant, BreadcrumbItem, BreadcrumbsProps, BreadcrumbsSize, BreadcrumbsStyle, ButtonProps, CalendarEvent, CalendarEventType, CalendarProps, CalendarView, CardAction, CardImage, CardImagePosition, CardLayout, CardProps, CardSize, CardVariant, CarouselIndicatorStyle, CarouselItem, CarouselProps, CarouselSize, CarouselTheme, CarouselTransition, CarouselVariant, CheckboxProps, ChipColor, ChipProps, ChipSize, ChipVariant, ColorPickerProps, ColorPickerSize, ColorPickerType, ComponentBaseProps, ConfirmProps, ConfirmSize, ConfirmVariant, ContainerPadding, ContainerProps, ContainerSize, ContainerVariant, ContextMenuItem, ContextMenuProps, CountdownProps, CountdownSize, CountdownVariant, DatePickerEvent, DatePickerMode, DatePickerProps, DatePickerSize, DatePickerVariant, DirectionType, DividerProps, DrawerPosition, DrawerProps, DrawerSize, DropdownItem, DropdownProps, DropzoneProps, DropzoneSize, DropzoneVariant, EmptyStateProps, EmptyStateSize, EmptyStateVariant, FileStatus, FileUploaderProps, FileUploaderSize, FileUploaderVariant, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonVariant, FormField, FormProps, FormSize, FormVariant, GradientColor, GradientDirection, GradientProps, GradientScheme, GradientSize, GradientVariant, GridAlignment, GridBreakpoint, GridColProps, GridJustify, GridProps, GridRowProps, GridSize, HeroFeatureAlignment, HeroFeatureButton, HeroFeatureProps, HeroFeatureSize, HeroFeatureTheme, HeroFeatureVariant, ImageFit, ImageItem, ImageListColumns, ImageListLayout, ImageListProps, ImageListSpacing, ImageLoading, ImagePlaceholder, ImageProps, ImageRatio, ImageRounded, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, LightboxSize, ListItem, ListItemType, ListLayout, ListProps, ListSize, ListVariant, LogoProps, LogoSize, LogoType, LogoVariant, MarkdownEditorMode, MarkdownEditorProps, MarkdownEditorSize, MarkdownEditorTheme, MarkdownEditorVariant, MarkdownToolbarItem, MasonryAnimation, MasonryColumns, MasonryItem, MasonryProps, MasonrySpacing, MenuItemChild, MenuItemProps, MenuItemSize, MenuItemStyle, MenuItemType, MenuItemVariant, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarItem, NavbarPosition, NavbarProps, NavbarSize, NavbarVariant, OnboardingModalProps, OnboardingStep, PaginationAlignment, PaginationProps, PaginationSize, PaginationVariant, PopoverPosition, PopoverProps, PopoverSize, PopoverTrigger, PopoverVariant, ProgressProps, ProgressSize, ProgressStepItem, ProgressStepLayout, ProgressStepProps, ProgressStepSize, ProgressType, ProgressVariant, ProgressbarProps, ProgressbarSize, ProgressbarStyle, ProgressbarVariant, RadioProps, RandomGradientProps, RangeSliderProps, RangeSliderSize, RangeSliderVariant, RatingDisplay, RatingProps, RatingSize, RatingType, RatingVariant, ReorderItem, ReorderOrientation, ReorderProps, ReorderSize, ReorderVariant, ResizablePanelsProps, ScrollAreaProps, ScrollAreaSize, ScrollDirection, ScrollbarStyle, SearchBarProps, SearchBarSize, SearchBarVariant, SectionProps, SectionSize, SectionVariant, SegmentControlProps, SegmentOption, SelectOption, SelectProps, SharePlatform, SharePlatformConfig, SharePosition, ShareProps, ShareSize, ShareVariant, SidebarItem, SidebarPosition, SidebarProps, SidebarSize, SidebarVariant, SkeletonProps, SortDirection, SpinnerProps, SpinnerSize, SpinnerType, SplitDirection, SplitMode, SplitSize, SplitViewProps, StackAlignment, StackDirection, StackJustify, StackProps, StackSpacing, StartOfWeek, StatColor, StatLayout, StatProps, StatSize, StatVariant, StepperProps, StepperSize, StepperVariant, TabItem, TableColumn, TableProps, TableSize, TableVariant, TabsProps, TestimonialAlignment, TestimonialProps, TestimonialSize, TextareaProps, TimeFormat, TimePickerProps, TimePickerSize, TimePickerType, TimeRemaining, TimelineColor, TimelineItem, TimelineProps, TimelineSize, TimelineType, TimelineVariant, ToastContainerProps, ToastItem, ToastProps, ToastStatus, ToggleProps, ToolbarItem, ToolbarPosition, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPosition, TooltipProps, TooltipSize, TooltipVariant, TutorialProps, TutorialStep, UploadFile, VideoPlayerProps, VideoPlayerSize, VideoPlayerTheme, VideoPlayerVariant, YouTubePlayerProps, YouTubePlayerSize, YouTubePlayerTheme, YouTubePlayerVariant };