@designbasekorea/ui-wc 0.8.3 → 0.8.5

package/dist/react/index.d.ts

@@ -414,10 +414,15 @@ declare class DbModal extends HTMLElement {
     private collectUserChildren;
     private classifyChildren;
     private getClassifiedChildren;
+    private isHeaderPart;
     private isBodyPart;
+    private isFooterContainer;
     private isFooterPart;
     private collectContentParts;
-    private placeContentParts;
+    private footerAnchor;
+    private ensurePartShell;
+    private placeBodyParts;
+    private placeFooterParts;
     private restorePartsToHost;
     private bindFooterActions;
     private ensureStructure;
@@ -695,6 +700,7 @@ declare class DbSelect extends HTMLElement {
     get value(): string;
     set value(value: string);
     connectedCallback(): void;
+    formAssociatedCallback(): void;
     disconnectedCallback(): void;
     formResetCallback(): void;
     formDisabledCallback(disabled: boolean): void;
@@ -707,6 +713,8 @@ declare class DbSelect extends HTMLElement {
     private parseOptions;
     private parseSelectedValues;
     private setSelectedValues;
+    /** 화면의 초기 value도 사용자 선택과 동일하게 form-associated value로 반영한다. */
+    private syncFormValue;
     private getIconSize;
     private syncIndicatorIcons;
     private build;
@@ -2672,6 +2680,15 @@ declare global {
     }
 }
 
+type FileStatus = 'pending' | 'uploading' | 'success' | 'error';
+type UploadFile = {
+    file: File;
+    id: string;
+    status: FileStatus;
+    progress: number;
+    error?: string;
+    uploadedAt?: Date;
+};
 declare class DbFileUploader extends HTMLElement {
     static get observedAttributes(): string[];
     private dropzone?;
@@ -5794,18 +5811,18 @@ declare function ModalHeader({ className, children, ...props }: PartProps): reac
     onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
     onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
     onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
@@ -6076,18 +6093,18 @@ declare function ModalBody({ className, children, ...props }: PartProps): react.
     onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
     onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
     onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
@@ -6358,18 +6375,18 @@ declare function ModalFooter({ className, children, ...props }: PartProps): reac
     onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
     onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
     onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
@@ -10163,4 +10180,4 @@ declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps,
 declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
 export { Accordion, ActivityHeatmap, AdBanner, AiChat, AiChatList, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, ColorSwatch, Confirm, Container, ContextMenu, CookieBanner, Countdown, CursorFollower, DatePicker, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, EmailVerify, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Signature, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, TwoFactor, VideoPlayer, YouTubePlayer, useContextMenu };
-export type { AccordionItemConfig, AccordionProps, ActivityHeatmapCellDetail, ActivityHeatmapItem, ActivityHeatmapProps, AdBannerProps, AiChatListProps, AiChatProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ColorSwatchItem, ColorSwatchProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetArticle, DbChatWidgetConversation, DbChatWidgetMenuAction, DbChatWidgetMenuItem, DbChatWidgetMessage, DbEventHandler, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarPanel, SidebarPanelMode, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUpdateBanner, SidebarUserProfile, SignatureProps, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TwoFactorProps, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };
+export type { AccordionItemConfig, AccordionProps, ActivityHeatmapCellDetail, ActivityHeatmapItem, ActivityHeatmapProps, AdBannerProps, AiChatListProps, AiChatProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ColorSwatchItem, ColorSwatchProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetArticle, DbChatWidgetConversation, DbChatWidgetMenuAction, DbChatWidgetMenuItem, DbChatWidgetMessage, DbEventHandler, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileStatus, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarPanel, SidebarPanelMode, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUpdateBanner, SidebarUserProfile, SignatureProps, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TwoFactorProps, UploadFile, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };