@sellmate/design-system 1.20.0 → 1.21.0

package/dist/types/components/sd-radio-button/sd-radio-button.d.ts

@@ -6,11 +6,17 @@ export type RadioOption = {
     disabled?: boolean;
 };
 export declare class SdRadioButton {
+    /** 현재 선택된 값 */
     value: RadioValue;
+    /** 라디오 버튼 옵션 목록 */
     options: RadioOption[];
+    /** 버튼 크기 */
     size: 'xs' | 'sm';
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** input name 속성 (없으면 자동 생성) */
     name?: string;
+    /** 선택 값이 변경될 때 발생합니다. */
     change: EventEmitter<RadioValue>;
     componentWillLoad(): void;
     private handleRadioChange;

package/dist/types/components/sd-radio-group/sd-radio-group.d.ts

@@ -6,11 +6,17 @@ export type RadioOption = {
     disabled?: boolean;
 };
 export declare class SdRadioGroup {
+    /** 현재 선택된 값 */
     value: RadioValue;
+    /** 라디오 옵션 목록 */
     options: RadioOption[];
+    /** 옵션 배치 방향 */
     direction: 'horizontal' | 'vertical';
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** input name 속성 */
     groupName?: string;
+    /** 선택 값이 변경될 때 발생합니다. */
     change: EventEmitter<RadioValue>;
     valueChanged(newValue: RadioValue): void;
     private handleRadioChange;

package/dist/types/components/sd-select/sd-select-list-item/sd-select-list-item.d.ts

@@ -1,15 +1,22 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { type SelectOption } from '../sd-select.config';
 export declare class SdSelectListItem {
+    /** 렌더링할 옵션 데이터 */
     option: SelectOption;
+    /** 계층 깊이 (1~3) */
     depth: number;
+    /** 선택 상태 (null=중간) */
     isSelected: boolean | null;
+    /** 키보드 포커스 상태 여부 */
     isFocused: boolean;
+    /** 체크박스 표시 여부 */
     useCheckbox: boolean;
+    /** 다중 선택 시 (선택/전체) 카운트 */
     countInfo?: {
         selected: number;
         total: number;
     };
+    /** 항목 클릭 시 발생합니다. */
     listItemClick: EventEmitter<SelectOption>;
     private get isGroup();
     private get isSelectable();

package/dist/types/components/sd-select/sd-select-list-item-search/sd-select-list-item-search.d.ts

@@ -1,13 +1,17 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class SdSelectListItemSearch {
+    /** 리스트가 스크롤된 상태 여부 (그림자 효과용) */
     isScrolled: boolean;
     private searchText;
+    /** 검색어가 변경될 때 발생합니다. */
     searchFilter: EventEmitter<string>;
+    /** 검색 입력에 포커스될 때 발생합니다. */
     searchFocus: EventEmitter<void>;
     private inputEl?;
     private debounceTimer?;
     private focusRafId?;
     componentDidLoad(): void;
+    /** 검색 입력에 포커스를 이동합니다. */
     sdFocus(): Promise<void>;
     private handleInput;
     private handleClear;

package/dist/types/components/sd-select/sd-select-listbox/sd-select-listbox.d.ts

@@ -1,18 +1,28 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { type SelectOption, type SelectType, type SelectValue, type SelectOptionSelectDetail } from '../sd-select.config';
 export declare class SdSelectListbox {
+    /** 셀렉트 타입 */
     type: SelectType;
+    /** 옵션 목록 */
     options: SelectOption[];
+    /** 현재 선택 값 */
     value: SelectValue;
+    /** 값만 emit할지 여부 */
     emitValue: boolean;
+    /** 검색 기능 사용 여부 */
     useSearch: boolean;
+    /** 전체 선택 기능 사용 여부 */
     useSelectAll: boolean;
+    /** 트리거 너비 (드롭다운 최소 너비) */
     triggerWidth: string;
+    /** 드롭다운 최대 너비 */
     maxWidth: string;
+    /** 드롭다운 최대 높이 */
     maxHeight: string;
     private searchKeyword;
     private isScrolled;
     private focusedIndex;
+    /** 옵션 선택 시 발생합니다. */
     optionSelect: EventEmitter<SelectOptionSelectDetail>;
     private listEl?;
     private lastScrolledIndex;

package/dist/types/components/sd-select/sd-select-trigger/sd-select-trigger.d.ts

@@ -1,13 +1,21 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class SdSelectTrigger {
+    /** 표시할 선택된 값 텍스트 */
     displayText: string;
+    /** 미선택 상태 플레이스홀더 */
     placeholder: string;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 드롭다운 열림 상태 */
     isOpen: boolean;
+    /** 트리거 클릭 시 발생합니다. */
     triggerClick: EventEmitter<void>;
+    /** 트리거 포커스 시 발생합니다. */
     triggerFocus: EventEmitter<void>;
+    /** 트리거 블러 시 발생합니다. */
     triggerBlur: EventEmitter<void>;
     private triggerEl?;
+    /** 트리거 엘리먼트에 포커스를 이동합니다. */
     sdFocus(): Promise<void>;
     private handleClick;
     private handleFocus;

package/dist/types/components/sd-select/sd-select.d.ts

@@ -8,29 +8,53 @@ export declare class SdSelect {
     private static readonly PORTAL_OFFSET_Y;
     private static readonly CLOSE_ANIMATION_DURATION;
     el: HTMLElement;
+    /** 셀렉트 타입 (단일/다중/계층) */
     type: SelectType;
+    /** 현재 선택된 값 */
     value: SelectValue;
+    /** 선택 옵션 목록 */
     options: SelectOption[];
+    /** 값이 없을 때 표시할 플레이스홀더 */
     placeholder: string;
+    /** 드롭다운 너비 (없으면 트리거 너비로 자동 맞춤) */
     dropdownWidth: string;
+    /** 드롭다운 최대 너비 */
     maxDropdownWidth: string;
+    /** 드롭다운 최대 높이 */
     dropdownHeight: string;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 레이블 텍스트 */
     label: string;
+    /** 레이블 너비 */
     labelWidth: string | number;
+    /** 필드 우측 어드온 레이블 */
     addonLabel: string;
+    /** 어드온 정렬 방향 */
     addonAlign: FieldAddonAlign;
+    /** 에러 상태 여부 */
     error: boolean;
+    /** 필드 하단 힌트 텍스트 */
     hint: string;
+    /** 에러 메시지 */
     errorMessage: string;
+    /** 유효성 검사 규칙 목록 */
     rules?: Rule[];
+    /** 레이블 영역 아이콘 */
     icon?: IconProps;
+    /** 레이블 툴팁 텍스트 */
     labelTooltip: string;
+    /** 레이블 툴팁 상세 옵션 */
     labelTooltipProps: SdTooltipProps | null;
+    /** true이면 value로 SelectOption 대신 원시값(string|number) 방출 */
     emitValue: boolean;
+    /** 필드 너비 */
     width: string | number;
+    /** 드롭다운 내 검색 입력 표시 여부 */
     useSearch: boolean;
+    /** 전체 선택 시 표시할 레이블 */
     allSelectedLabel: string;
+    /** 전체 선택 체크박스 표시 여부 */
     useSelectAll: boolean;
     private isOpen;
     private isAnimatingOut;
@@ -39,15 +63,20 @@ export declare class SdSelect {
     private resolvedMaxDropdownWidth;
     private focused;
     private hovered;
+    /** 선택 값이 변경될 때 발생합니다. */
     update: EventEmitter<SelectValue>;
+    /** 드롭다운 열림/닫힘 상태가 바뀔 때 발생합니다. */
     dropDownShow: EventEmitter<{
         isOpen: boolean;
     }>;
+    /** 셀렉트 트리거에 포커스를 이동합니다. */
     sdFocus(): Promise<void>;
+    /** 드롭다운을 엽니다. */
     sdOpen(): Promise<void>;
     private triggerRef?;
     private triggerComponentRef?;
     private closeAnimationTimer?;
+    /** 폼 연동용 name 속성 */
     name: string;
     private triggerHasFocus;
     watchIsOpen(newValue: boolean): void;

package/dist/types/components/sd-switch/sd-switch.d.ts

@@ -1,8 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SdSwitch {
+    /** 현재 on/off 상태 */
     value: boolean;
+    /** 표시할 라벨 텍스트 */
     label: string;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 상태가 변경될 때 발생합니다. */
     change: EventEmitter<boolean>;
     private get switchClasses();
     private handleChange;

package/dist/types/components/sd-table/sd-table.d.ts

@@ -3,39 +3,67 @@ import { SdTableColumn, SdTableConfig, Row, SdTablePagination, SdTableStickyColu
 export declare class SdTable {
     private static readonly DEFAULT_NO_DATA_LABEL;
     el: HTMLElement;
+    /** 테이블 고유 ID (자식 슬롯 매핑에 사용) */
     tableId: string;
     private fallbackTableId;
+    /** 컬럼 정의 목록 */
     columns: SdTableColumn[];
+    /** 행 데이터 배열 */
     rows?: Row[];
+    /** 현재 선택된 행 목록 */
     selected: Row[];
+    /** 행 고유 식별 필드명 */
     rowKey: string;
+    /** 행 선택(체크박스) 기능 활성화 여부 */
     selectable: boolean;
+    /** 컬럼 너비 조절 기능 활성화 여부 */
     resizable: boolean;
+    /** 테이블 너비 */
     width?: string;
+    /** 테이블 높이 */
     height?: string;
+    /** 헤더 고정(sticky) 여부 */
     stickyHeader: boolean;
+    /** 고정할 좌우 컬럼 수 */
     stickyColumn: SdTableStickyColumn;
+    /** border-radius 제어 */
     radius: 'default' | 'useTop' | 'full';
+    /** 데이터 없을 때 표시할 메시지 */
     noDataLabel: string;
     resolvedNoDataLabel: string;
+    /** 로딩 스피너 표시 여부 */
     isLoading: boolean;
+    /** 페이지네이션 옵션 */
     pagination?: SdTablePagination;
+    /** 테이블 내부에서 페이지네이션을 직접 관리할지 여부 */
     useInternalPagination: boolean;
+    /** 페이지당 행 수 선택 셀렉트 표시 여부 */
     useRowsPerPageSelect: boolean;
+    /** 행 높이를 줄인 조밀 모드 여부 */
     dense: boolean;
+    /** 가상 스크롤 사용 여부 */
     useVirtualScroll: boolean;
+    /** 가상 스크롤 행 높이 (px, 없으면 dense 여부에 따라 자동) */
     rowHeight?: number;
     private get effectiveRowHeight();
+    /** 가상 스크롤 상하 버퍼 행 수 */
     virtualBuffer: number;
+    /** 가상 스크롤 끝 도달 감지 임계값 (마지막 N행 이내에 들어오면 이벤트 발생) */
     virtualEndThreshold: number;
+    /** 페이지당 행 수 선택 옵션 목록 */
     rowsPerPageOption: SelectOption[];
+    /** 행 선택 상태가 변경될 때 선택된 행 목록을 전달합니다. */
     sdSelectChange: EventEmitter<Row[]>;
+    /** 페이지가 변경될 때 새 페이지 번호를 전달합니다. */
     sdPageChange: EventEmitter<number>;
+    /** 페이지당 행 수가 변경될 때 발생합니다. */
     sdRowsPerPageChange: EventEmitter<number>;
+    /** 가상 스크롤 가시 범위가 변경될 때 발생합니다. */
     sdVirtualUpdate: EventEmitter<{
         from: number;
         to: number;
     }>;
+    /** 가상 스크롤이 끝 임계값에 도달할 때 발생합니다. */
     sdVirtualReachEnd: EventEmitter<{
         from: number;
         to: number;
@@ -109,12 +137,16 @@ export declare class SdTable {
     hasUseFrameInRowSync(rowKey: string): boolean;
     isCellUseFrameSync(rowKey: string, field: string): boolean;
     isRowSelectedSync(row: Row): boolean;
+    /** 행이 선택되어 있는지 확인합니다. */
     isRowSelected(row: Row): Promise<boolean>;
     updateRowSelectSync(row: Row): void;
+    /** 행 선택 상태를 토글합니다. */
     updateRowSelect(row: Row): Promise<void>;
     toggleSelectAllSync(checked: boolean, rows: Row[]): void;
+    /** 전체 행 선택/해제를 처리합니다. */
     toggleSelectAll(checked: boolean, rows: Row[]): Promise<void>;
     getIsAllCheckedSync(rows: Row[]): boolean | null;
+    /** 전체 선택 체크 상태를 반환합니다 (true/false/null=indeterminate). */
     getIsAllChecked(rows: Row[]): Promise<boolean | null>;
     private changePage;
     private updateRowsVisibility;
@@ -122,6 +154,7 @@ export declare class SdTable {
     private get lastPageNumber();
     handleResize(index: number, event: MouseEvent, reversed?: boolean): void;
     getStickyStyleSync(colIdx: number): Record<string, string>;
+    /** 지정한 컬럼 인덱스의 sticky 스타일 객체를 반환합니다. */
     getStickyStyle(colIdx: number): Promise<Record<string, string>>;
     private spanKey;
     private requestAllTrUpdate;
@@ -137,6 +170,7 @@ export declare class SdTable {
     hasRowspanSync(): boolean;
     isCoveredSync(rowKey: string, colIdx: number, columns: SdTableColumn[]): boolean;
     setRowCountSync(count: number): void;
+    /** 가상 스크롤 총 행 수를 설정합니다. */
     setRowCount(count: number): Promise<void>;
     calculateVisibleRange(scrollTop: number, containerHeight: number): {
         start: number;
@@ -148,6 +182,7 @@ export declare class SdTable {
         currentPage: number;
         rowsPerPage: number;
     } | null;
+    /** 현재 페이지네이션 상태(startIndex, endIndex, currentPage, rowsPerPage)를 반환합니다. */
     getPaginationInfo(): Promise<{
         startIndex: number;
         endIndex: number;

package/dist/types/components/sd-table/sd-tbody/sd-tbody.d.ts

@@ -1,6 +1,7 @@
 import { Row } from '../constants';
 export declare class SdTbody {
     el: HTMLElement;
+    /** 렌더링할 행 데이터 목록 */
     rows: Row[];
     tableId: string;
     topSpacerHeight: number;

package/dist/types/components/sd-table/sd-td/sd-td.d.ts

@@ -1,13 +1,22 @@
 export declare class SdTd {
     el: HTMLElement;
+    /** 데이터 필드명 (슬롯 이름 생성에 사용) */
     field: string;
+    /** 행 식별 키 */
     rowKey: string;
+    /** 셀 내용 정렬 */
     align?: 'left' | 'center' | 'right';
+    /** 행 병합 수 */
     rowspan?: number;
+    /** 열 병합 수 */
     colspan?: number;
+    /** td에 병합할 사용자 클래스 */
     sdClass?: string;
+    /** 좌측 구분선 표시 여부 */
     dividerLeft: boolean;
+    /** 우측 구분선 표시 여부 */
     dividerRight: boolean;
+    /** frame 레이아웃 사용 여부 */
     useFrame: boolean;
     handleFieldChange(_newField: string, oldField: string): void;
     handleRowKeyChange(_newKey: string, oldKey: string): void;

package/dist/types/components/sd-table/sd-thead/sd-thead.d.ts

@@ -2,15 +2,25 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { SdTableColumn, Row, SdTableStickyColumn } from '../constants';
 export declare class SdThead {
     el: HTMLElement;
+    /** 테이블 컬럼 목록 */
     columns?: SdTableColumn[];
+    /** 행 선택 기능 사용 여부 */
     selectable?: boolean;
+    /** 컬럼 너비 조절 가능 여부 */
     resizable?: boolean;
+    /** 고정 컬럼 설정 */
     stickyColumn?: SdTableStickyColumn;
+    /** 헤더 고정 여부 */
     stickyHeader?: boolean;
+    /** 좌측 스크롤 여부 */
     scrolledLeft?: boolean;
+    /** 우측 스크롤 여부 */
     scrolledRight?: boolean;
+    /** 전체 선택 체크박스용 행 데이터 */
     rows: Row[];
+    /** 컬럼 너비 목록 */
     columnWidths: number[];
+    /** 컬럼 정렬 버튼 클릭 시 발생합니다. */
     sdColumnSort: EventEmitter<{
         column: SdTableColumn;
     }>;
@@ -28,8 +38,11 @@ export declare class SdThead {
     componentDidLoad(): void;
     private syncTableContext;
     private resolveConfig;
+    /** 테이블 설정을 다시 불러옵니다. */
     refreshConfig(): Promise<void>;
+    /** 컬럼 너비를 업데이트합니다. */
     setColumnWidths(widths: number[]): Promise<void>;
+    /** 전체 선택 체크박스 상태를 갱신합니다. */
     refreshSelection(): Promise<void>;
     private get visibleColumns();
     private getStickyStyle;

package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts

@@ -1,11 +1,17 @@
 import { SdTableColumn, Row, SdTableStickyColumn } from '../constants';
 export declare class SdTr {
     el: HTMLElement;
+    /** 테이블 컬럼 목록 */
     columns?: SdTableColumn[];
+    /** 행 선택 기능 사용 여부 */
     selectable?: boolean;
+    /** 고정 컬럼 설정 */
     stickyColumn?: SdTableStickyColumn;
+    /** 행 식별 키 */
     rowKey: string;
+    /** 행 데이터 객체 */
     row: Row;
+    /** 구분선 높이 (4 또는 6px, null이면 일반 행) */
     separator?: '4' | '6' | 4 | 6 | null;
     tableId: string;
     columnWidths: number[];
@@ -22,11 +28,16 @@ export declare class SdTr {
     componentDidLoad(): void;
     private syncTableContext;
     private resolveConfig;
+    /** 테이블 설정을 다시 불러옵니다. */
     refreshConfig(): Promise<void>;
+    /** 셀 병합 버전을 갱신해 td를 재렌더링합니다. */
     bumpSpansVersion(): Promise<void>;
+    /** 페이지네이션에 따른 행 표시 여부를 갱신합니다. */
     updateVisibility(): Promise<void>;
     private updateVisibilitySync;
+    /** 컬럼 너비를 업데이트합니다. */
     setColumnWidths(widths: number[]): Promise<void>;
+    /** 체크박스 선택 상태를 갱신합니다. */
     refreshSelection(): Promise<void>;
     private get visibleColumns();
     private formatValue;

package/dist/types/components/sd-tabs/sd-tabs.d.ts

@@ -1,11 +1,17 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { type TabSize, type TabOption } from './sd-tabs.config';
 export declare class SdTabs {
+    /** 현재 선택된 탭 value */
     value: string;
+    /** 탭 옵션 목록 */
     tabs: TabOption[];
+    /** 탭 크기 */
     size: TabSize;
+    /** true이면 서브 탭 스타일 적용 */
     isSub: boolean;
+    /** true이면 탭을 세로로 배치 */
     vertical: boolean;
+    /** 탭이 변경될 때 새 value를 전달합니다. */
     update: EventEmitter<string>;
     valueChanged(newValue: string): void;
     private handleTabClick;

package/dist/types/components/sd-tag/sd-tag.d.ts

@@ -1,8 +1,12 @@
 import { type TagName } from './sd-tag.config';
 export declare class SdTag {
+    /** 태그 프리셋 이름 */
     name: TagName;
+    /** 표시할 레이블 텍스트 */
     label: string;
+    /** 아이콘명 */
     icon?: IconName;
+    /** true이면 아이콘을 레이블 왼쪽에 배치 */
     isLeft: boolean;
     componentWillLoad(): void;
     private get resolvedName();

package/dist/types/components/sd-text-link/sd-text-link.d.ts

@@ -1,14 +1,23 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { type TextLinkSize } from './sd-text-link.config';
 export declare class SdTextLink {
+    /** 표시할 레이블 텍스트 */
     label: string;
+    /** 좌측 아이콘명 */
     icon: string;
+    /** 좌측 아이콘 색상 */
     iconColor: string;
+    /** 레이블 span에 추가할 클래스 */
     labelClass: string;
+    /** 우측 화살표 타입 */
     rightArrow: 'none' | 'chevron' | 'caret';
+    /** 밑줄 스타일 여부 */
     underline: boolean;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 텍스트 크기 */
     size: TextLinkSize;
+    /** 클릭 시 발생합니다. */
     click: EventEmitter<void>;
     private handleClick;
     render(): any;

package/dist/types/components/sd-textarea/sd-textarea.d.ts

@@ -4,46 +4,80 @@ import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdTextarea {
     host: HTMLElement;
+    /** 입력 값 */
     value?: string | null;
+    /** 플레이스홀더 텍스트 */
     placeholder: string;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 읽기 전용 여부 */
     readonly: boolean;
+    /** 마운트 시 자동 포커스 여부 */
     autoFocus: boolean;
+    /** 네이티브 textarea에 추가할 클래스 */
     textareaClass: string;
+    /** 네이티브 textarea에 적용할 인라인 스타일 */
     textareaStyle: {
         [key: string]: string;
     };
+    /** 최대 입력 글자 수 */
     maxLength?: number;
+    /** textarea 기본 행 수 */
     rows?: number;
+    /** 맞춤법 검사 여부 */
     spellcheck: boolean;
+    /** 필드 너비 (숫자면 px, 문자열이면 그대로 적용) */
     width: string | number;
+    /** 레이블 텍스트 */
     label?: string;
+    /** 레이블 너비 */
     labelWidth: string | number;
+    /** 필드 우측 어드온 레이블 */
     addonLabel: string;
+    /** 어드온 정렬 방향 */
     addonAlign: FieldAddonAlign;
+    /** 필드 하단 힌트 텍스트 */
     hint: string;
+    /** 에러 메시지 */
     errorMessage: string;
+    /** 레이블 영역 아이콘 */
     icon?: IconProps;
+    /** 레이블 툴팁 텍스트 */
     labelTooltip: string;
+    /** 레이블 툴팁 상세 옵션 */
     labelTooltipProps: SdTooltipProps | null;
+    /** 유효성 검사 규칙 목록 */
     rules?: Rule[];
+    /** 에러 상태 여부 */
     error: boolean;
+    /** 필드 상태 (없으면 rules 결과로 자동 결정) */
     status?: 'default' | 'pass' | 'error';
+    /** 포커스 상태 여부 */
     focused: boolean;
+    /** 호버 상태 여부 */
     hovered: boolean;
     private internalValue;
     private nativeEl;
     private formField?;
+    /** 폼 연동용 name 속성 */
     name: string;
+    /** 값이 변경될 때 발생합니다. */
     input?: EventEmitter<string | null>;
+    /** 포커스될 때 발생합니다. */
     focus?: EventEmitter<Event>;
+    /** 포커스를 잃을 때 발생합니다. */
     blur?: EventEmitter<Event>;
     valueChanged(newValue: string | null): void;
     internalValueChanged(newValue: string | null): void;
+    /** 네이티브 textarea 엘리먼트를 반환합니다. */
     sdGetNativeElement(): Promise<HTMLTextAreaElement | null>;
+    /** 유효성 검사를 실행합니다. */
     sdValidate(): Promise<void>;
+    /** 값과 유효성 상태를 초기화합니다. */
     sdReset(): Promise<void>;
+    /** 유효성 상태만 초기화합니다. */
     sdResetValidate(): Promise<void>;
+    /** 입력 필드에 포커스를 이동합니다. */
     sdFocus(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;

package/dist/types/components/sd-toast/sd-toast.d.ts

@@ -1,14 +1,23 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { type ToastType } from './sd-toast.config';
 export declare class SdToast {
+    /** 좌측 아이콘명 */
     icon?: IconName;
+    /** 표시할 메시지 */
     message: string;
+    /** 우측 링크 URL */
     link?: string;
+    /** 링크 표시 레이블 (없으면 URL 표시) */
     linkLabel?: string;
+    /** 우측 버튼 레이블 */
     buttonLabel?: string;
+    /** 닫기 버튼 표시 여부 */
     useClose: boolean;
+    /** 토스트 타입 (색상/아이콘 프리셋) */
     type: ToastType;
+    /** 닫기 버튼 클릭 또는 자동 닫힘 시 발생합니다. */
     close: EventEmitter<void>;
+    /** 우측 버튼 클릭 시 발생합니다. */
     buttonClick: EventEmitter<MouseEvent>;
     render(): any;
 }

package/dist/types/components/sd-toast-container/sd-toast-container.d.ts

@@ -2,21 +2,30 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { type ToastEntry, type ToastNotifyOptions, type ToastPosition } from './sd-toast-container.config';
 export declare class SdToastContainer {
     el: HTMLElement;
+    /** 토스트 표시 위치 */
     position: ToastPosition;
+    /** 동시에 표시할 최대 토스트 수 */
     maxVisible: number;
+    /** 자동 닫힘 지연 시간 (ms, 0이면 자동 닫힘 없음) */
     defaultDuration: number;
+    /** z-index */
     zIndex: number;
     toasts: ToastEntry[];
     expanded: boolean;
     private toastRefs;
+    /** 토스트가 표시될 때 발생합니다. */
     toastShow: EventEmitter<{
         id: string;
     }>;
+    /** 토스트가 제거될 때 발생합니다. */
     toastDismiss: EventEmitter<{
         id: string;
     }>;
+    /** 토스트를 생성하고 ID를 반환합니다. */
     create(options: ToastNotifyOptions): Promise<string>;
+    /** 지정한 ID의 토스트를 닫습니다. */
     dismiss(id: string): Promise<void>;
+    /** 모든 토스트를 닫습니다. */
     dismissAll(): Promise<void>;
     private startDismiss;
     private scheduleRemoval;

package/dist/types/components/sd-toggle/sd-toggle.d.ts

@@ -1,8 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SdToggle {
+    /** 현재 선택 상태 */
     value: boolean;
+    /** 표시할 레이블 텍스트 */
     label: string;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 상태가 변경될 때 발생합니다. */
     change: EventEmitter<boolean>;
     private get toggleClasses();
     private handleChange;