@designbasekorea/ui-wc 0.2.1 → 0.2.2

package/dist/react/index.d.ts

@@ -142,12 +142,16 @@ declare global {
 }
 
 declare class DbToggle extends HTMLElement {
+    static readonly formAssociated = true;
     static get observedAttributes(): string[];
+    private readonly internals;
     private root?;
     private labelEl?;
     private built;
     get checked(): boolean;
     set checked(value: boolean);
+    get name(): string;
+    set name(value: string);
     get disabled(): boolean;
     set disabled(value: boolean);
     get readOnly(): boolean;
@@ -156,7 +160,10 @@ declare class DbToggle extends HTMLElement {
     set size(value: string);
     connectedCallback(): void;
     attributeChangedCallback(): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
     private get hasLabel();
+    private syncFormValue;
     private build;
     private handleClick;
     private syncState;
@@ -296,6 +303,9 @@ declare class DbTabs extends HTMLElement {
     get labels(): string[] | string;
     set labels(value: string[] | string);
     get tabItems(): TabItemConfig$1[];
+    get items(): TabItemConfig$1[];
+    set items(value: TabItemConfig$1[] | string);
+    set tabItems(value: TabItemConfig$1[] | string);
     get activeIndex(): number;
     set activeIndex(value: number);
     get orientation(): string;
@@ -589,7 +599,9 @@ declare global {
 }
 
 declare class DbSelect extends HTMLElement {
+    static readonly formAssociated = true;
     static get observedAttributes(): string[];
+    private readonly internals;
     private labelEl?;
     private trigger?;
     private valueEl?;
@@ -605,12 +617,16 @@ declare class DbSelect extends HTMLElement {
     private built;
     private searchTerm;
     private focusedIndex;
+    get name(): string;
+    set name(value: string);
     get open(): boolean;
     set open(value: boolean);
     get value(): string;
     set value(value: string);
     connectedCallback(): void;
     disconnectedCallback(): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
     attributeChangedCallback(name: string): void;
     get multiple(): boolean;
     set multiple(value: boolean);
@@ -999,7 +1015,8 @@ declare class DbToast extends HTMLElement {
     attributeChangedCallback(name: string): void;
     private clearTimers;
     private startTimers;
-    private close;
+    /** 토스트를 닫고(애니메이션 포함) auto-remove 설정 시 DOM에서 제거합니다. */
+    close(): void;
     private iconForStatus;
     private render;
 }
@@ -1387,10 +1404,22 @@ declare global {
     }
 }
 
+interface DbBottomNavigationItem {
+    id: string;
+    icon: string;
+    activeIcon?: string;
+    label: string;
+    isActive?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+    badgeColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+}
 declare class DbBottomNavigation extends HTMLElement {
     static get observedAttributes(): string[];
     connectedCallback(): void;
     attributeChangedCallback(): void;
+    get items(): DbBottomNavigationItem[];
+    set items(value: DbBottomNavigationItem[] | string);
     private parseItems;
     private iconSize;
     private syncHostClasses;
@@ -1402,6 +1431,24 @@ declare global {
     }
 }
 
+interface DbNavbarItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    children?: DbNavbarItem[];
+}
+interface DbNavbarUserProfile {
+    name: string;
+    email?: string;
+    avatar?: string;
+    badge?: number;
+    badgeVariant?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
+    badgeStyle?: 'dot' | 'number' | 'text' | 'outlined';
+    badgeText?: string;
+}
 declare class DbNavbar extends HTMLElement {
     private mobileOpen;
     private userMenuOpen;
@@ -1411,6 +1458,12 @@ declare class DbNavbar extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(): void;
+    get items(): DbNavbarItem[];
+    set items(value: DbNavbarItem[] | string);
+    get userMenuItems(): DbNavbarItem[];
+    set userMenuItems(value: DbNavbarItem[] | string);
+    get userProfile(): DbNavbarUserProfile | null;
+    set userProfile(value: DbNavbarUserProfile | string | null);
     private parseItems;
     private parseUserProfile;
     private iconSize;
@@ -1433,6 +1486,27 @@ declare global {
     }
 }
 
+interface DbSidebarItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+    badgeColor?: string;
+    children?: DbSidebarItem[];
+}
+interface DbSidebarSection {
+    id: string;
+    title?: string;
+    items: DbSidebarItem[];
+}
+interface DbSidebarUserProfile {
+    name: string;
+    email?: string;
+    avatar?: string;
+}
 declare class DbSidebar extends HTMLElement {
     private expandedItems;
     private userMenuOpen;
@@ -1442,6 +1516,14 @@ declare class DbSidebar extends HTMLElement {
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;
     private seedExpanded;
+    get items(): DbSidebarItem[];
+    set items(value: DbSidebarItem[] | string);
+    get sections(): DbSidebarSection[];
+    set sections(value: DbSidebarSection[] | string);
+    get userMenuItems(): DbSidebarItem[];
+    set userMenuItems(value: DbSidebarItem[] | string);
+    get userProfile(): DbSidebarUserProfile | null;
+    set userProfile(value: DbSidebarUserProfile | string | null);
     private parseSections;
     private parseUserMenuItems;
     private parseUserProfile;
@@ -2834,6 +2916,15 @@ declare global {
     }
 }
 
+interface HeroButton {
+    text: string;
+    href?: string;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'ghost';
+    size?: 's' | 'm' | 'l';
+    external?: boolean;
+    startIcon?: string;
+    icon?: string;
+}
 declare class DbSectionHero extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
@@ -2846,6 +2937,8 @@ declare class DbSectionHero extends HTMLElement {
     private buttonsEl?;
     connectedCallback(): void;
     attributeChangedCallback(): void;
+    get buttons(): HeroButton[];
+    set buttons(value: HeroButton[] | string);
     private parseButtons;
     private build;
     private updateUI;
@@ -2856,6 +2949,12 @@ declare global {
     }
 }
 
+interface FeatureAction {
+    label: string;
+    variant?: string;
+    size?: string;
+    href?: string;
+}
 declare class DbSectionFeature extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
@@ -2871,6 +2970,8 @@ declare class DbSectionFeature extends HTMLElement {
     connectedCallback(): void;
     attributeChangedCallback(): void;
     private parseBadge;
+    get actions(): FeatureAction[];
+    set actions(value: FeatureAction[] | string);
     private parseActions;
     private build;
     private updateUI;
@@ -2921,6 +3022,14 @@ declare global {
     }
 }
 
+interface DownloadStore {
+    store: 'app-store' | 'google-play';
+    href?: string;
+    label?: string;
+    storeName?: string;
+    size?: string;
+    theme?: string;
+}
 declare class DbSectionAppDownload extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
@@ -2932,6 +3041,8 @@ declare class DbSectionAppDownload extends HTMLElement {
     private badgesEl?;
     connectedCallback(): void;
     attributeChangedCallback(): void;
+    get stores(): DownloadStore[];
+    set stores(value: DownloadStore[] | string);
     private parseStores;
     private build;
     private updateUI;
@@ -2975,11 +3086,17 @@ declare global {
     }
 }
 
+interface GradientColor$1 {
+    color: string;
+    position?: number;
+}
 declare class DbGradient extends HTMLElement {
     static get observedAttributes(): string[];
     connectedCallback(): void;
     attributeChangedCallback(): void;
     private getBool;
+    get colors(): GradientColor$1[];
+    set colors(value: GradientColor$1[] | string);
     private parseColors;
     private directionMap;
     private colorStops;
@@ -3115,6 +3232,13 @@ declare global {
     }
 }
 
+type TutorialStep$1 = {
+    id: string;
+    target: string;
+    title?: string;
+    content?: string;
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'auto';
+};
 declare class DbTutorial extends HTMLElement {
     static get observedAttributes(): string[];
     private root?;
@@ -3134,6 +3258,8 @@ declare class DbTutorial extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;
+    get steps(): TutorialStep$1[];
+    set steps(value: TutorialStep$1[] | string);
     private parseSteps;
     private syncStepFromAttribute;
     private isOpenRequested;
@@ -3245,17 +3371,17 @@ declare function ModalHeader({ className, children, ...props }: PartProps): reac
     accessKey?: string | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: react.CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
@@ -3293,11 +3419,11 @@ declare function ModalHeader({ className, children, ...props }: PartProps): reac
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
@@ -3308,37 +3434,37 @@ declare function ModalHeader({ className, children, ...props }: PartProps): reac
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -3527,17 +3653,17 @@ declare function ModalBody({ className, children, ...props }: PartProps): react.
     accessKey?: string | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: react.CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
@@ -3575,11 +3701,11 @@ declare function ModalBody({ className, children, ...props }: PartProps): react.
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
@@ -3590,37 +3716,37 @@ declare function ModalBody({ className, children, ...props }: PartProps): react.
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -3809,17 +3935,17 @@ declare function ModalFooter({ className, children, ...props }: PartProps): reac
     accessKey?: string | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: react.CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
@@ -3857,11 +3983,11 @@ declare function ModalFooter({ className, children, ...props }: PartProps): reac
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
@@ -3872,37 +3998,37 @@ declare function ModalFooter({ className, children, ...props }: PartProps): reac
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -5167,8 +5293,8 @@ type AccordionItemConfig = {
 };
 type AccordionProps = WebComponentProps & {
     items?: AccordionItemConfig[] | string;
+    /** 외형·레이아웃 (default · bordered · separated · contained) */
     variant?: 'default' | 'bordered' | 'separated' | 'contained';
-    style?: 'default' | 'bordered' | 'separated' | 'contained';
     size?: 's' | 'm' | 'l';
     /** @deprecated expandMode="multiple" 사용 */
     allowMultiple?: boolean;
@@ -5228,8 +5354,10 @@ type BreadcrumbItemConfig = {
 type BreadcrumbsProps = WebComponentProps & {
     items?: BreadcrumbItemConfig[] | string;
     size?: 's' | 'm' | 'l';
-    variant?: 'default' | 'contained' | 'underlined' | 'minimal' | 'outlined';
+    /** 외형·레이아웃 (canonical). @deprecated variant는 breadcrumbStyle과 동일한 레거시 별칭 */
     breadcrumbStyle?: 'default' | 'contained' | 'underlined' | 'minimal' | 'outlined';
+    /** @deprecated breadcrumbStyle 사용 */
+    variant?: 'default' | 'contained' | 'underlined' | 'minimal' | 'outlined';
     maxItems?: number;
     onItemClick?: DbEventHandler<{
         item: BreadcrumbItemConfig;