@designbasekorea/ui-wc 0.6.0 → 0.6.1

package/dist/react/index.d.ts

@@ -1656,11 +1656,19 @@ interface DbSidebarItem {
     disabled?: boolean;
     badge?: string | number;
     badgeColor?: string;
+    /** 프로필 메뉴 우측에 표시할 현재 값 (예: "System", "한국어") */
+    value?: string;
+    /** 2depth 선택 상태. 선택된 항목에는 체크 아이콘이 표시됩니다. */
+    selected?: boolean;
+    /** 프로필 메뉴에서 이 항목 앞에 구분선을 표시합니다. */
+    dividerBefore?: boolean;
     children?: DbSidebarItem[];
 }
 interface DbSidebarSection {
     id: string;
     title?: string;
+    /** 이전 섹션과의 간격 */
+    gap?: 'none' | 's' | 'm' | 'l';
     items: DbSidebarItem[];
 }
 interface DbSidebarUserProfile {
@@ -1691,7 +1699,9 @@ declare class DbSidebar extends HTMLElement {
     private userMenuOpen;
     private projectMenuOpen;
     private flyoutItemId;
+    private userFlyoutItemId;
     private flyoutCloseTimer;
+    private userFlyoutCloseTimer;
     private outsideHandler;
     static get observedAttributes(): string[];
     connectedCallback(): void;
@@ -1726,6 +1736,12 @@ declare class DbSidebar extends HTMLElement {
     set bottomSections(value: DbSidebarSection[] | string);
     get promoBanner(): DbSidebarPromoBanner | null;
     set promoBanner(value: DbSidebarPromoBanner | string | null);
+    get headerType(): 'default' | 'back';
+    set headerType(value: 'default' | 'back');
+    get backLabel(): string;
+    set backLabel(value: string);
+    get backHref(): string;
+    set backHref(value: string);
     private parseSections;
     private parseUserMenuItems;
     private parseUserProfile;
@@ -1741,9 +1757,13 @@ declare class DbSidebar extends HTMLElement {
     private cancelFlyoutClose;
     private showFlyout;
     private scheduleFlyoutClose;
+    private cancelUserFlyoutClose;
+    private setUserFlyout;
+    private scheduleUserFlyoutClose;
     private syncHostClasses;
     private dispatchItemClick;
     private dispatchUserMenuItemClick;
+    private dispatchBackClick;
     private dispatchProjectChange;
     private dispatchProjectManage;
     private dispatchPromoCtaClick;
@@ -4225,6 +4245,7 @@ declare class DbPhoneVerify extends HTMLElement {
     private codeBlock;
     private errorEl;
     get size(): Size$2;
+    set size(v: Size$2);
     get step(): 'phone' | 'code' | 'verified';
     set step(v: 'phone' | 'code' | 'verified');
     get phone(): string;
@@ -4234,6 +4255,7 @@ declare class DbPhoneVerify extends HTMLElement {
     get code(): string;
     set code(v: string);
     get countdown(): number;
+    set countdown(v: number);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -4286,11 +4308,13 @@ declare class DbEmailVerify extends HTMLElement {
     get mode(): 'code' | 'confirm';
     set mode(v: 'code' | 'confirm');
     get size(): Size$1;
+    set size(v: Size$1);
     get step(): 'email' | 'code' | 'sent' | 'verified';
     set step(v: 'email' | 'code' | 'sent' | 'verified');
     get email(): string;
     set email(v: string);
     get countdown(): number;
+    set countdown(v: number);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -4342,15 +4366,25 @@ declare class DbTwoFactor extends HTMLElement {
     private otpInput;
     private hintEl;
     private timerEl;
+    private codeHead;
     private resendBtn;
     private verifyBtn;
     private backupBtn;
     private errorEl;
     private channelActions;
+    private resendStatus;
+    private backupBlock;
+    private backupInput;
+    private backupCancelBtn;
+    private backupMode;
+    private resendCount;
     get method(): Method;
     set method(v: Method);
     get size(): Size;
+    set size(v: Size);
     get countdown(): number;
+    set countdown(v: number);
+    get maxResends(): number;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -5288,18 +5322,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;
@@ -5570,18 +5604,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;
@@ -5852,18 +5886,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;
@@ -6191,6 +6225,7 @@ type TwoFactorProps = WebComponentProps & {
     countdown?: number;
     destination?: string;
     resendLabel?: string;
+    maxResends?: number;
     manual?: boolean;
     sending?: boolean;
     verifying?: boolean;
@@ -6964,11 +6999,15 @@ type SidebarItem = {
     disabled?: boolean;
     badge?: string | number;
     badgeColor?: string;
+    value?: string;
+    selected?: boolean;
+    dividerBefore?: boolean;
     children?: SidebarItem[];
 };
 type SidebarSection = {
     id: string;
     title?: string;
+    gap?: 'none' | 's' | 'm' | 'l';
     items: SidebarItem[];
 };
 type SidebarUserProfile = {
@@ -7008,6 +7047,9 @@ type SidebarProps = WebComponentProps & {
     bottomItems?: SidebarItem[] | string;
     bottomSections?: SidebarSection[] | string;
     promoBanner?: SidebarPromoBanner | string;
+    headerType?: 'default' | 'back';
+    backLabel?: string;
+    backHref?: string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'dark' | 'light';
     position?: 'left' | 'right';
@@ -7016,6 +7058,14 @@ type SidebarProps = WebComponentProps & {
     showLogo?: boolean;
     fullHeight?: boolean;
     shadow?: boolean;
+    onBackClick?: DbEventHandler<{
+        label: string;
+        href: string;
+    }>;
+    onDbBackClick?: DbEventHandler<{
+        label: string;
+        href: string;
+    }>;
 };
 type SpinnerProps = WebComponentProps & {
     type?: 'circular' | 'dots' | 'bars' | 'pulse' | 'ripple';