@designbasekorea/ui-wc 0.7.0 → 0.7.3

package/dist/react/index.d.ts

@@ -300,6 +300,8 @@ declare class DbTabs extends HTMLElement {
     private inactivePanels;
     private isRendering;
     private childObserver?;
+    private resizeObserver?;
+    private resizeRaf?;
     get labels(): string[] | string;
     set labels(value: string[] | string);
     get tabItems(): TabItemConfig$1[];
@@ -318,6 +320,7 @@ declare class DbTabs extends HTMLElement {
     set fullWidth(value: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private handleResize;
     attributeChangedCallback(): void;
     private handleListScroll;
     private collectPanelContent;
@@ -1719,6 +1722,13 @@ declare class DbSidebar extends HTMLElement {
     private flyoutCloseTimer;
     private userFlyoutCloseTimer;
     private outsideHandler;
+    /**
+     * db-sidebar는 Light DOM으로 렌더링하므로 이름 있는 자식 요소를 직접 보존하고
+     * 해당 내비게이션 영역으로 이동해 슬롯처럼 투영합니다.
+     */
+    private collectCustomNavSlots;
+    private createCustomNavSlot;
+    private projectCustomNavSlots;
     static get observedAttributes(): string[];
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -6442,7 +6452,7 @@ type SegmentControlProps = SelectionProps & {
     value?: string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'icon-only';
-    appearance?: 'pill' | 'rounded';
+    appearance?: 'default' | 'pill' | 'rounded';
     fullWidth?: boolean;
 };
 type StepperProps = SelectionProps & {
@@ -7165,6 +7175,11 @@ type SidebarPromoBanner = {
     icon?: string;
 };
 type SidebarProps = WebComponentProps & {
+    /**
+     * 커스텀 내비게이션 콘텐츠입니다.
+     * 최상위 자식에 slot="nav-top" | "nav" | "nav-bottom"을 지정하세요.
+     */
+    children?: ReactNode;
     items?: SidebarItem[] | string;
     sections?: SidebarSection[] | string;
     userMenuItems?: SidebarItem[] | string;
@@ -7186,7 +7201,10 @@ type SidebarProps = WebComponentProps & {
     settingsSections?: SidebarSection[] | string;
     activePanel?: string;
     size?: 's' | 'm' | 'l';
-    variant?: 'default' | 'dark' | 'light';
+    /** 레이아웃 외형입니다. default(우측 보더만) · wrapper(패딩+radius+보더 카드형). */
+    variant?: 'default' | 'wrapper';
+    /** 색상 테마입니다. default · dark · light. */
+    theme?: 'default' | 'dark' | 'light';
     position?: 'left' | 'right';
     collapsed?: boolean;
     collapsible?: boolean;
@@ -7808,6 +7826,7 @@ type SearchBarProps = WebComponentProps & {
     defaultValue?: string;
     placeholder?: string;
     size?: 's' | 'm' | 'l';
+    appearance?: 'default' | 'pill';
     disabled?: boolean;
     readOnly?: boolean;
     fullWidth?: boolean;