@sellmate/design-system 1.20.1 → 1.22.0

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

@@ -12,22 +12,38 @@ export type PopoverLink = Partial<Pick<SdTextLink, 'icon' | 'iconColor' | 'right
 };
 export declare class SdPopover {
     el: HTMLElement;
+    /** 팝오버 표시 여부 */
     show: boolean;
+    /** 팝오버를 표시할 방향 */
     placement: 'top' | 'bottom' | 'left' | 'right';
+    /** 아이콘 트리거 색상 */
     color: string;
+    /** 아이콘 트리거 아이콘명 */
     icon: IconName;
+    /** 아이콘 트리거 크기 */
     iconSize: number;
+    /** 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링) */
     label: string;
+    /** 버튼 트리거 프리셋 */
     name: ButtonName;
+    /** 버튼 트리거 우측 아이콘 */
     rightIcon?: IconName;
+    /** 스크린리더용 접근성 레이블 */
     ariaLabel: string;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 버튼 type 속성 */
     type: ButtonType;
+    /** 팝오버 메뉴 제목 */
     menuTitle?: string;
+    /** 팝오버 하단 좌측 링크 옵션 */
     leftLink?: PopoverLink;
+    /** 팝오버 하단 버튼 옵션 */
     button?: PopoverButton;
+    /** 팝오버 메뉴에 추가할 클래스 */
     menuClass: string;
     slotContentHTML: string;
+    /** 팝오버 표시 상태가 바뀔 때 발생합니다. */
     showChange: EventEmitter<boolean>;
     private buttonEl?;
     private setShow;

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

@@ -2,10 +2,15 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { ButtonProps } from '../sd-button/sd-button.config';
 import { type PopupType } from './sd-popup.config';
 export declare class SdPopup {
+    /** 팝업 헤더에 표시할 제목 */
     popupTitle: string;
+    /** 팝업 타입 */
     type: PopupType;
+    /** 하단 footer 영역 표시 여부 */
     useFooter: boolean;
+    /** 확인 버튼 커스텀 props */
     submitButtonProps?: ButtonProps;
+    /** 확인 버튼 클릭 시 발생합니다. */
     submit: EventEmitter<void>;
     render(): any;
 }

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

@@ -1,13 +1,21 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SdPortal {
     hostEl: HTMLElement;
+    /** 포탈 콘텐츠를 마운트할 대상 (CSS 선택자 또는 HTMLElement) */
     to: HTMLElement | string;
+    /** 위치 기준이 되는 부모 엘리먼트 */
     parentRef: HTMLElement | null;
+    /** [x, y] 오프셋 (px) */
     offset: [number, number];
+    /** 뷰포트 경계 여백 (px) */
     viewportPadding: number;
+    /** z-index */
     zIndex: number;
+    /** 표시 여부 */
     open: boolean;
+    /** 콘텐츠를 표시할 방향 (공간이 부족하면 자동으로 반대 방향으로 전환) */
     placement: 'top' | 'bottom';
+    /** 외부 클릭 등으로 닫힐 때 발생합니다. */
     close: EventEmitter<void>;
     private container?;
     private wrapper?;
@@ -24,6 +32,11 @@ export declare class SdPortal {
     componentDidRender(): void;
     disconnectedCallback(): void;
     private resolveContainer;
+    /**
+     * 트리거(parentRef)가 모달 내부에 있으면 해당 모달보다 위에, 아니면 페이지 기본값에 둔다.
+     * 페이지 기본값(996)은 모달(997)보다 낮아, 모달 뒤의 페이지 포털이 모달 위로 떠오르지 않는다.
+     */
+    private resolveZIndex;
     private createWrapper;
     private ensureWrapper;
     private syncPortalState;

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

@@ -1,10 +1,15 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export type RadioValue = string | number | boolean;
 export declare class SdRadio {
+    /** 라디오 그룹의 현재 선택 값 */
     value: RadioValue;
+    /** 이 라디오 아이템의 값 */
     val: RadioValue;
+    /** 비활성 상태 여부 */
     disabled: boolean;
+    /** 표시할 라벨 텍스트 */
     label?: string;
+    /** 선택 값이 변경될 때 발생합니다. */
     update: EventEmitter<RadioValue>;
     valueChanged(newValue: RadioValue): void;
     private get isSelected();

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/constants.d.ts

@@ -19,6 +19,7 @@ export interface SdTableColumn {
     maxWidth?: number;
     thStyle?: Record<string, any>;
     thClass?: string;
+    hasDropdown?: boolean;
 }
 export interface Row {
     [key: string]: any;

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-table.stories.helpers.d.ts

@@ -25,5 +25,15 @@ export declare class StoryVirtualTable extends LitElement {
 declare global {
     interface HTMLElementTagNameMap {
         'story-virtual-table': StoryVirtualTable;
+        'story-dropdown-table': StoryDropdownTable;
     }
 }
+export declare class StoryDropdownTable extends LitElement {
+    createRenderRoot(): this;
+    private roleFilter;
+    private statusFilter;
+    constructor();
+    private get displayRows();
+    private itemStyle;
+    render(): TemplateResult<1>;
+}

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;
     }>;
@@ -22,19 +32,30 @@ export declare class SdThead {
     private _stickyHeader;
     private _scrolledLeft;
     private _scrolledRight;
+    private dropdownOpenMap;
     private tableEl;
+    private dropdownRefs;
+    private dropdownThRefs;
+    private dropdownPortals;
     handleColumnsChange(newCols?: SdTableColumn[]): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    private initDropdownPortals;
     private syncTableContext;
     private resolveConfig;
+    /** 테이블 설정을 다시 불러옵니다. */
     refreshConfig(): Promise<void>;
+    /** 컬럼 너비를 업데이트합니다. */
     setColumnWidths(widths: number[]): Promise<void>;
+    /** 전체 선택 체크박스 상태를 갱신합니다. */
     refreshSelection(): Promise<void>;
     private get visibleColumns();
     private getStickyStyle;
     private handleResize;
     private handleColumnSort;
+    private toggleDropdown;
+    private closeDropdown;
     private handleSelectAll;
     private getIsAllChecked;
     render(): any;

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;