@designbasekorea/ui 0.5.5 → 0.6.0

package/dist/index.d.ts

@@ -1069,7 +1069,7 @@ declare const Chip: React$1.FC<ChipProps>;
 
 type ColorPickerSize = 's' | 'm' | 'l';
 type ColorPickerType = 'dropdown' | 'modal';
-type ColorPickerPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+type ColorPickerPosition = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
 interface ColorPickerProps {
     size?: ColorPickerSize;
     type?: ColorPickerType;
@@ -1329,6 +1329,7 @@ interface DatePickerProps {
     className?: string;
     disabled?: boolean;
     readonly?: boolean;
+    dropdownPosition?: 'bottom-start' | 'bottom-end';
     inline?: boolean;
 }
 declare const DatePicker: React$1.FC<DatePickerProps>;
@@ -2182,9 +2183,10 @@ interface LightboxProps {
 declare const Lightbox: React$1.FC<LightboxProps>;
 
 type ListSize = 's' | 'm' | 'l';
-type ListVariant = 'default' | 'bordered' | 'card' | 'minimal';
+type ListVariant = 'default' | 'bordered' | 'card' | 'minimal' | 'navigation';
 type ListItemType = 'default' | 'interactive' | 'selectable' | 'draggable';
 type ListLayout = 'vertical' | 'horizontal';
+type ListClickableArea = 'item' | 'content';
 interface ListItem {
     /** 아이템 고유 ID */
     id: string;
@@ -2239,6 +2241,18 @@ interface ListProps {
     spacing?: 'none' | 's' | 'm' | 'l';
     /** 아이템 정렬 */
     alignment?: 'start' | 'center' | 'end' | 'stretch';
+    /** 왼쪽 아이콘 표시 여부 */
+    showLeadingIcon?: boolean;
+    /** 설명(서브 정보 1차) 표시 여부 */
+    showDescription?: boolean;
+    /** 메타(서브 정보 2차) 표시 여부 */
+    showMeta?: boolean;
+    /** 우측 배지 표시 여부 */
+    showBadge?: boolean;
+    /** 우측 화살표 표시 여부 */
+    showArrow?: boolean;
+    /** 클릭 영역 */
+    clickableArea?: ListClickableArea;
     /** 아이템 클릭 핸들러 */
     onItemClick?: (item: ListItem, index: number) => void;
     /** 아이템 선택 핸들러 */
@@ -2297,6 +2311,46 @@ interface LogoProps {
 }
 declare const Logo: React$1.FC<LogoProps>;
 
+type MarqueeSize = 's' | 'm' | 'l';
+type MarqueeDirection = 'left' | 'right';
+type MarqueeVariant = 'default' | 'outlined' | 'filled';
+type MarqueeAlign = 'start' | 'center' | 'end';
+interface MarqueeProps {
+    /** 흘러갈 콘텐츠 */
+    children?: React$1.ReactNode;
+    /** 다중 아이템 렌더링용 목록 (children보다 우선) */
+    items?: React$1.ReactNode[];
+    /** 이동 방향 */
+    direction?: MarqueeDirection;
+    /** 한 사이클 애니메이션 시간(초) */
+    duration?: number;
+    /** 속도 배율 (1 = 기본, 2 = 2배 빠름) */
+    speed?: number;
+    /** 컴포넌트 크기 */
+    size?: MarqueeSize;
+    /** 시각적 변형 */
+    variant?: MarqueeVariant;
+    /** 보더 표시 여부 */
+    bordered?: boolean;
+    /** 호버 시 일시정지 */
+    pauseOnHover?: boolean;
+    /** 양쪽 페이드 마스크 */
+    fadeEdges?: boolean;
+    /** 페이드 폭(px) */
+    fadeWidth?: number;
+    /** 양 끝 내부 여백(px), 미지정 시 fadeWidth를 사용 */
+    edgePadding?: number;
+    /** 아이템 간격(px) */
+    gap?: number;
+    /** 세로 정렬 */
+    alignY?: MarqueeAlign;
+    /** 추가 CSS 클래스 */
+    className?: string;
+    /** 접근성 라벨 */
+    ariaLabel?: string;
+}
+declare const Marquee: React$1.FC<MarqueeProps>;
+
 type MarkdownEditorSize = 's' | 'm' | 'l';
 type MarkdownEditorVariant = 'default' | 'outlined' | 'filled';
 type MarkdownEditorMode = 'edit' | 'preview' | 'split' | 'code';
@@ -3328,6 +3382,10 @@ interface SearchBarProps {
     onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
     /** 키 입력 핸들러 */
     onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
+    /** 단축키 배지 노출 여부 (예: ⌘K) */
+    showShortcut?: boolean;
+    /** 단축키 배지 텍스트 */
+    shortcutLabel?: string;
     /** 추가 CSS 클래스 */
     className?: string;
     /** 추가 props */
@@ -4062,6 +4120,7 @@ interface TimePickerProps {
     minuteStep?: number;
     disabled?: boolean;
     readonly?: boolean;
+    dropdownPosition?: 'bottom-start' | 'bottom-end';
     onChange?: (time24: string) => void;
     className?: string;
 }
@@ -4507,5 +4566,5 @@ interface ComponentBaseProps {
     children?: React.ReactNode;
 }
 
-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 };
+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, Marquee, 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, MarqueeAlign, MarqueeDirection, MarqueeProps, MarqueeSize, MarqueeVariant, 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 };