@designbasekorea/ui-wc 0.6.1 → 0.7.0

package/dist/react/index.d.ts

@@ -1334,6 +1334,20 @@ declare global {
     }
 }
 
+declare class DbCookieBanner extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private isEnabled;
+    private createButton;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-cookie-banner': DbCookieBanner;
+    }
+}
+
 declare class DbStat extends HTMLElement {
     static get observedAttributes(): string[];
     connectedCallback(): void;
@@ -1662,6 +1676,8 @@ interface DbSidebarItem {
     selected?: boolean;
     /** 프로필 메뉴에서 이 항목 앞에 구분선을 표시합니다. */
     dividerBefore?: boolean;
+    /** 클릭 시 이동할 사이드바 패널 id (예: settings) */
+    openPanel?: string;
     children?: DbSidebarItem[];
 }
 interface DbSidebarSection {
@@ -1742,6 +1758,12 @@ declare class DbSidebar extends HTMLElement {
     set backLabel(value: string);
     get backHref(): string;
     set backHref(value: string);
+    get settingsSections(): DbSidebarSection[];
+    set settingsSections(value: DbSidebarSection[] | string);
+    get activePanel(): string;
+    set activePanel(value: string);
+    private parseSettingsSections;
+    private hasSettingsPanel;
     private parseSections;
     private parseUserMenuItems;
     private parseUserProfile;
@@ -1761,6 +1783,8 @@ declare class DbSidebar extends HTMLElement {
     private setUserFlyout;
     private scheduleUserFlyoutClose;
     private syncHostClasses;
+    private syncActivePanelTrack;
+    private navigateToPanel;
     private dispatchItemClick;
     private dispatchUserMenuItemClick;
     private dispatchBackClick;
@@ -1778,6 +1802,8 @@ declare class DbSidebar extends HTMLElement {
     private renderBottomNav;
     private createUserDropdown;
     private createPromoBanner;
+    private createHeader;
+    private createNavWrapper;
     private render;
 }
 declare global {
@@ -2654,6 +2680,77 @@ declare global {
     }
 }
 
+/**
+ * db-signature — 마우스·터치·펜으로 서명을 그리는 컴포넌트
+ *
+ * 중점 이차 곡선 + coalesced pointer 로 자연스럽게 이어지며,
+ * ⌘Z / ⌘⇧Z (Ctrl+Z / Ctrl+⇧Z) 로 되돌리기·다시 실행을 지원합니다.
+ *
+ * 속성: height, variant, pen-color, background-color, min-width, max-width,
+ *      placeholder, show-clear, clear-label, disabled, readonly, value
+ * 메서드: clear(), undo(), redo(), isEmpty(), toDataURL(), fromDataURL()
+ * 이벤트: db-begin, db-end, db-change(detail.value), db-clear
+ */
+declare class DbSignature extends HTMLElement {
+    private canvas;
+    private placeholderEl;
+    private clearButton;
+    private resizeObserver;
+    private themeObserver;
+    private strokes;
+    private redoStack;
+    private currentStroke;
+    private lastMid;
+    private lastWidth;
+    private lastVelocity;
+    private backgroundImage;
+    private activePointerId;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    get value(): string | null;
+    set value(next: string | null);
+    private getNumberAttr;
+    private getBooleanAttr;
+    private getVariant;
+    private get minWidth();
+    private get maxWidth();
+    private get interactive();
+    private getPenColor;
+    private render;
+    private updateState;
+    private syncCanvasSize;
+    private resetCanvas;
+    private resolveWidth;
+    private drawCurveSegment;
+    private drawDot;
+    private drawStroke;
+    private redraw;
+    private getPoint;
+    private appendPoint;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private handleClearClick;
+    private handleKeyDown;
+    private emitChange;
+    isEmpty(): boolean;
+    clear(): void;
+    /** 마지막 획을 되돌립니다 */
+    undo(): void;
+    /** 되돌린 획을 다시 적용합니다 */
+    redo(): void;
+    toDataURL(type?: string, quality?: number): string | null;
+    fromDataURL(dataUrl: string): void;
+    getCanvas(): HTMLCanvasElement | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-signature': DbSignature;
+    }
+}
+
 declare class DbCountdown extends HTMLElement {
     private timer;
     private targetTime;
@@ -3308,6 +3405,7 @@ declare class DbTestimonial extends HTMLElement {
     private innerEl?;
     private quoteEl?;
     private backgroundEl?;
+    private logoWrapEl?;
     private logoEl?;
     private footerEl?;
     private extraEl?;
@@ -3345,16 +3443,29 @@ declare class DbSectionHero extends HTMLElement {
     private backgroundVideoEl?;
     private backgroundImageEl?;
     private overlayEl?;
+    private defaultContainerEl?;
+    private splitContainerEl?;
+    private stageEl?;
+    private floatsEl?;
+    private contentEl?;
+    private badgeEl?;
     private titleEl?;
     private subtitleEl?;
     private descriptionEl?;
     private buttonsEl?;
+    private visualMainEl?;
+    private visualSideEl?;
+    private visualTlEl?;
+    private visualTrEl?;
     connectedCallback(): void;
     attributeChangedCallback(): void;
     get buttons(): HeroButton[];
     set buttons(value: HeroButton[] | string);
     private parseButtons;
+    private createContent;
+    private createVisual;
     private build;
+    private mountLayout;
     private updateUI;
 }
 declare global {
@@ -6479,6 +6590,27 @@ type TopBannerProps = WebComponentProps & {
     fixed?: boolean;
     dismissed?: boolean;
 };
+type CookieBannerProps = WebComponentProps & {
+    title?: string;
+    description?: string;
+    policyLabel?: string;
+    policyHref?: string;
+    acceptLabel?: string;
+    rejectLabel?: string;
+    settingsLabel?: string;
+    showReject?: boolean;
+    showSettings?: boolean;
+    fixed?: boolean;
+    dismissed?: boolean;
+    onAccept?: DbEventHandler;
+    onReject?: DbEventHandler;
+    onSettings?: DbEventHandler;
+    onPolicy?: DbEventHandler;
+    onDbAccept?: DbEventHandler;
+    onDbReject?: DbEventHandler;
+    onDbSettings?: DbEventHandler;
+    onDbPolicy?: DbEventHandler;
+};
 type StatChange = {
     value: number;
     type: 'increase' | 'decrease';
@@ -7002,6 +7134,7 @@ type SidebarItem = {
     value?: string;
     selected?: boolean;
     dividerBefore?: boolean;
+    openPanel?: string;
     children?: SidebarItem[];
 };
 type SidebarSection = {
@@ -7050,6 +7183,8 @@ type SidebarProps = WebComponentProps & {
     headerType?: 'default' | 'back';
     backLabel?: string;
     backHref?: string;
+    settingsSections?: SidebarSection[] | string;
+    activePanel?: string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'dark' | 'light';
     position?: 'left' | 'right';
@@ -7066,6 +7201,14 @@ type SidebarProps = WebComponentProps & {
         label: string;
         href: string;
     }>;
+    onPanelChange?: DbEventHandler<{
+        panel: string;
+        previous?: string;
+    }>;
+    onDbPanelChange?: DbEventHandler<{
+        panel: string;
+        previous?: string;
+    }>;
 };
 type SpinnerProps = WebComponentProps & {
     type?: 'circular' | 'dots' | 'bars' | 'pulse' | 'ripple';
@@ -7933,6 +8076,32 @@ type RatingProps = WebComponentProps & {
         value: number;
     }>;
 };
+type SignatureProps = WebComponentProps & {
+    height?: number;
+    variant?: 'dashed' | 'outlined';
+    penColor?: string;
+    backgroundColor?: string;
+    minWidth?: number;
+    maxWidth?: number;
+    placeholder?: string;
+    showClear?: boolean;
+    clearLabel?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    value?: string;
+    onChange?: DbEventHandler<{
+        value: string | null;
+    }>;
+    onBegin?: DbEventHandler<void>;
+    onEnd?: DbEventHandler<void>;
+    onClear?: DbEventHandler<void>;
+    onDbChange?: DbEventHandler<{
+        value: string | null;
+    }>;
+    onDbBegin?: DbEventHandler<void>;
+    onDbEnd?: DbEventHandler<void>;
+    onDbClear?: DbEventHandler<void>;
+};
 type CountdownProps = WebComponentProps & {
     endDate?: string;
     duration?: number;
@@ -8606,14 +8775,19 @@ type SectionHeroProps = WebComponentProps & {
     title: string;
     subtitle?: string;
     description?: string;
+    badge?: string;
     backgroundImage?: string;
     backgroundVideo?: string;
     overlayColor?: string;
     overlayOpacity?: number;
     buttons?: SectionHeroButton[] | string;
-    variant?: 'default' | 'centered' | 'overlay';
+    variant?: 'default' | 'centered' | 'overlay' | 'showcase' | 'split';
     theme?: 'light' | 'dark' | 'gradient' | 'image';
     alignment?: 'left' | 'center' | 'right';
+    visualImage?: string;
+    visualAlt?: string;
+    visualTopLeft?: string;
+    visualTopRight?: string;
     animated?: boolean;
     fullHeight?: boolean;
     minHeight?: string;
@@ -9398,6 +9572,7 @@ declare const RangeSlider: react.ForwardRefExoticComponent<Omit<RangeSliderProps
 declare const SearchBar: react.ForwardRefExoticComponent<Omit<SearchBarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Share: react.ForwardRefExoticComponent<Omit<ShareProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const TopBanner: react.ForwardRefExoticComponent<Omit<TopBannerProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const CookieBanner: react.ForwardRefExoticComponent<Omit<CookieBannerProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Stat: react.ForwardRefExoticComponent<Omit<StatProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Image: react.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const ImagePlaceholder: react.ForwardRefExoticComponent<Omit<ImagePlaceholderProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -9421,6 +9596,7 @@ declare const Toggle: react.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> &
 declare const Toolbar: react.ForwardRefExoticComponent<Omit<WebComponentProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Tooltip: react.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Rating: react.ForwardRefExoticComponent<Omit<RatingProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Signature: react.ForwardRefExoticComponent<Omit<SignatureProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Countdown: react.ForwardRefExoticComponent<Omit<CountdownProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Masonry: react.ForwardRefExoticComponent<Omit<MasonryProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Carousel: react.ForwardRefExoticComponent<Omit<CarouselProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -9498,5 +9674,5 @@ declare const DatePicker: react.ForwardRefExoticComponent<Omit<DatePickerProps,
 declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
-export { Accordion, 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, Confirm, Container, ContextMenu, 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, Lottie, 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, 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, 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, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetConversation, 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, LottieProps, 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, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUserProfile, 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 { Accordion, 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, 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, Lottie, 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, 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, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetConversation, 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, LottieProps, 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, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, 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 };