@sellmate/design-system 1.29.0 → 1.32.0

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

@@ -1,52 +1,45 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { type ButtonName, type ButtonType } from '../sd-button/sd-button.config';
-import type { SdButton } from '../sd-button/sd-button';
-import type { SdTextLink } from '../sd-text-link/sd-text-link';
-export type PopoverButton = Partial<Pick<SdButton, 'name' | 'icon' | 'rightIcon' | 'ariaLabel' | 'disabled' | 'type'>> & {
-    label: string;
-    onClick?: (e: Event) => void;
-};
-export type PopoverLink = Partial<Pick<SdTextLink, 'icon' | 'iconColor' | 'rightArrow' | 'underline' | 'disabled'>> & {
-    label: string;
-    onClick?: (e: Event) => void;
-};
+import { type PopoverType } from './sd-popover.config';
 export declare class SdPopover {
     el: HTMLElement;
-    /** 팝오버 표시 여부 */
-    show: boolean;
+    /** 표시 여부 (제어). 미지정 시 defaultOpen 기반 비제어로 동작 */
+    open?: boolean;
+    /** 기본 표시 여부 (비제어) */
+    defaultOpen: boolean;
     /** 팝오버를 표시할 방향 */
     placement: 'top' | 'bottom' | 'left' | 'right';
-    /** 아이콘 트리거 색상 */
-    color: string;
-    /** 아이콘 트리거 아이콘명 */
+    /** 색상 타입 (default=다크 배경 / danger·warning·accent=라이트 배경) */
+    type: PopoverType;
+    /** 메뉴 제목 (필수) */
+    menuTitle: string;
+    /** 제목 좌측 아이콘 (선택) */
+    titleIcon?: IconName;
+    /** 기본(아이콘) 트리거 아이콘명. slot="trigger" 가 있으면 무시 */
     icon: IconName;
-    /** 아이콘 트리거 크기 */
+    /** 기본(아이콘) 트리거 크기 */
     iconSize: number;
-    /** 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링) */
-    label: string;
-    /** 버튼 트리거 프리셋 */
-    name: ButtonName;
-    /** 버튼 트리거 우측 아이콘 */
-    rightIcon?: IconName;
+    /** 기본(아이콘) 트리거 색상 */
+    color: string;
+    /** 하단 좌측 링크 레이블 (선택) */
+    leftLinkLabel?: string;
+    /** 하단 우측 버튼 레이블 (필수). 색상/스타일은 type 별로 고정 */
+    buttonLabel: string;
     /** 스크린리더용 접근성 레이블 */
     ariaLabel: string;
-    /** 비활성 상태 여부 */
-    disabled: boolean;
-    /** 버튼 type 속성 */
-    type: ButtonType;
-    /** 팝오버 메뉴 제목 */
-    menuTitle?: string;
-    /** 팝오버 하단 좌측 링크 옵션 */
-    leftLink?: PopoverLink;
-    /** 팝오버 하단 버튼 옵션 */
-    button?: PopoverButton;
     /** 팝오버 메뉴에 추가할 클래스 */
-    menuClass: string;
+    menuClassName: string;
+    internalOpen: boolean;
     slotContentHTML: string;
+    triggerHTML: string;
     /** 팝오버 표시 상태가 바뀔 때 발생합니다. */
     showChange: EventEmitter<boolean>;
-    private buttonEl?;
-    private setShow;
+    /** 하단 우측 버튼 클릭 시 발생합니다. */
+    buttonClick: EventEmitter<void>;
+    /** 하단 좌측 링크 클릭 시 발생합니다. */
+    leftLinkClick: EventEmitter<void>;
+    private triggerEl?;
+    private get isOpen();
+    private setOpen;
     private get popoverOffset();
     private handleClose;
     componentWillLoad(): void;

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

@@ -2,13 +2,15 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export type RadioValue = string | number | boolean;
 export declare class SdRadio {
     /** 라디오 그룹의 현재 선택 값 */
-    value: RadioValue;
+    value?: RadioValue;
     /** 이 라디오 아이템의 값 */
     val: RadioValue;
     /** 비활성 상태 여부 */
     disabled: boolean;
     /** 표시할 라벨 텍스트 */
     label?: string;
+    /** native radio 그룹핑을 위한 name 속성 (미지정 시 val을 name으로 사용) */
+    name?: string;
     /** 선택 값이 변경될 때 발생합니다. */
     update: EventEmitter<RadioValue>;
     valueChanged(newValue: RadioValue): void;

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

@@ -6,8 +6,8 @@ export type RadioOption = {
     disabled?: boolean;
 };
 export declare class SdRadioButton {
-    /** 현재 선택된 값 */
-    value: RadioValue;
+    /** 현재 선택된 값 (미지정 시 선택 없음) */
+    value?: RadioValue;
     /** 라디오 버튼 옵션 목록 */
     options: RadioOption[];
     /** 버튼 크기 */

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

@@ -6,8 +6,8 @@ export type RadioOption = {
     disabled?: boolean;
 };
 export declare class SdRadioGroup {
-    /** 현재 선택된 값 */
-    value: RadioValue;
+    /** 현재 선택된 값 (미지정 시 선택 없음) */
+    value?: RadioValue;
     /** 라디오 옵션 목록 */
     options: RadioOption[];
     /** 옵션 배치 방향 */

package/dist/types/components/sd-scroll-area/sd-scroll-area.config.d.ts

@@ -0,0 +1,5 @@
+export declare const SCROLL_AREA_AXES: readonly ["vertical", "horizontal", "both"];
+export type ScrollAreaAxis = (typeof SCROLL_AREA_AXES)[number];
+export declare const SCROLL_AREA_COLORS: {
+    border: string;
+};

package/dist/types/components/sd-scroll-area/sd-scroll-area.d.ts

@@ -0,0 +1,14 @@
+import { type ScrollAreaAxis } from './sd-scroll-area.config';
+export declare class SdScrollArea {
+    /** 스크롤 방향. vertical=세로만, horizontal=가로만, both=양방향 */
+    axis: ScrollAreaAxis;
+    /** true면 스크롤바 트랙 배경을 채운다. 콘텐츠 영역 배경은 바뀌지 않는다. */
+    background: boolean;
+    /** true면 스크롤바와 콘텐츠 사이에 1px 구분선을 그린다. 컨테이너 테두리가 아니다. */
+    bordered: boolean;
+    /** viewport 최대 높이 (예: '400px'). 비우면 호스트 크기를 따른다. */
+    maxHeight: string;
+    /** viewport 최대 너비 (예: '480px'). 비우면 호스트 크기를 따른다. */
+    maxWidth: string;
+    render(): any;
+}

package/dist/types/components/sd-stepper/sd-stepper.config.d.ts

@@ -0,0 +1,43 @@
+export type StepperSize = 'sm' | 'lg';
+export type StepperItem = {
+    label: string;
+    value?: string;
+};
+export declare const STEPPER_SIZES: Record<StepperSize, {
+    sequenceSize: string;
+    fontFamily: string;
+    fontSize: string;
+    lineHeight: string;
+    fontWeightActive: string;
+    fontWeightDefault: string;
+}>;
+export declare const STEPPER_LAYOUT: {
+    containerGap: string;
+    itemGap: string;
+    dashWidth: string;
+    radius: string;
+    borderWidth: string;
+    iconSize: string;
+};
+export declare const STEPPER_COLORS: {
+    dash: string;
+    sequenceBorder: {
+        active: string;
+        default: string;
+        completed: string;
+        witdh: string;
+    };
+    sequenceBg: {
+        active: string;
+        default: string;
+        completed: string;
+    };
+    sequenceText: {
+        active: string;
+        default: string;
+    };
+    text: {
+        active: string;
+        default: string;
+    };
+};

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

@@ -0,0 +1,18 @@
+import { type StepperItem, type StepperSize } from './sd-stepper.config';
+export declare class SdStepper {
+    /** 단계 목록 */
+    items: StepperItem[];
+    /** 현재 활성 단계 value */
+    value: string;
+    /** 크기 */
+    size: StepperSize;
+    /** 접근성 레이블 */
+    ariaLabel: string;
+    valueChanged(newValue: string): void;
+    private getItemValue;
+    private getActiveIndex;
+    private getState;
+    private buildCssVars;
+    private getStateVars;
+    render(): any;
+}

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

@@ -2,7 +2,14 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SdSwitch {
     /** 현재 on/off 상태 */
     value: boolean;
-    /** 표시할 라벨 텍스트 */
+    /** 스위치 좌측 라벨 */
+    leftLabel?: string;
+    /** 스위치 우측 라벨 */
+    rightLabel?: string;
+    /**
+     * 표시할 라벨 텍스트
+     * @deprecated `rightLabel` 사용. 우측 라벨(하위호환)
+     */
     label: string;
     /** 비활성 상태 여부 */
     disabled: boolean;

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

@@ -6,8 +6,8 @@ export declare class SdTag {
     label: string;
     /** 아이콘명 */
     icon?: IconName;
-    /** true이면 아이콘을 레이블 왼쪽에 배치 */
-    isLeft: boolean;
+    /** 아이콘을 레이블 왼쪽에 배치할지 여부 (기본값 true) */
+    iconLeft: boolean;
     /** 태그 너비 (숫자면 px, 문자열이면 그대로 적용). 미지정 시 콘텐츠 크기(fit-content) */
     width: string | number;
     componentWillLoad(): void;

package/dist/types/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SdTimePickerSelector {
+    /** 선택된 시간 (HH:mm) */
+    value: string | null;
+    /** 오전/오후 선택 표시 여부 */
+    useMeridiem: boolean;
+    /** 분 증감 단위 */
+    minuteStep: number;
+    /** 시간 변경 시 발생합니다. */
+    update: EventEmitter<string>;
+    valueChanged(): void;
+    private editingPart;
+    private inputDraft;
+    private hour;
+    private minute;
+    componentWillLoad(): void;
+    private syncFromValue;
+    private get meridiem();
+    private get displayHour();
+    private emitNext;
+    private sanitizeInput;
+    private setDraft;
+    private beginEdit;
+    private commitHourDraft;
+    private commitMinuteDraft;
+    private endEdit;
+    private setMeridiem;
+    private changeHour;
+    private changeMinute;
+    private handleHourInput;
+    private handleMinuteInput;
+    private renderMeridiemButton;
+    private renderColumn;
+    render(): any;
+}

package/dist/types/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { type TimePickerSize } from '../sd-time-picker.config';
+export declare class SdTimePickerTrigger {
+    /** 표시할 시간 텍스트 */
+    displayText: string;
+    /** 입력 힌트 텍스트 */
+    placeholder: string;
+    /** 비활성 상태 여부 */
+    disabled: boolean;
+    /** 지우기 버튼 표시 여부 */
+    clearable: boolean;
+    /** 트리거 크기 */
+    size: TimePickerSize;
+    /** 트리거 클릭 시 발생합니다. */
+    triggerClick: EventEmitter<void>;
+    /** 지우기 버튼 클릭 시 발생합니다. */
+    clear: EventEmitter<void>;
+    private handleClick;
+    private handleClear;
+    render(): any;
+}

package/dist/types/components/sd-time-picker/sd-time-picker.config.d.ts

@@ -0,0 +1,71 @@
+export type TimePickerSize = 'sm' | 'md';
+export type TimePickerType = 'default' | 'midday';
+export type TimePickerMeridiem = 'AM' | 'PM';
+export interface TimePickerSizeTokens {
+    height: string;
+    paddingX: string;
+    gap: string;
+    iconSize: string;
+    radius: string;
+    fontSize: string;
+    lineHeight: string;
+    fontWeight: string;
+    minWidth: string;
+}
+export declare const TIMEPICKER_SIZE_MAP: Record<TimePickerSize, TimePickerSizeTokens>;
+export declare const TIMEPICKER_COLORS: {
+    border: {
+        default: string;
+        focus: string;
+        disabled: string;
+        width: string;
+    };
+    bg: {
+        default: string;
+        disabled: string;
+    };
+    icon: {
+        default: string;
+        disabled: string;
+    };
+    text: {
+        hint: string;
+        default: string;
+        disabled: string;
+    };
+};
+export declare const TIMEPICKER_SELECTOR: {
+    bg: string;
+    radius: string;
+    section: {
+        paddingX: string;
+        paddingY: string;
+    };
+    time: {
+        gap: string;
+        column: {
+            gap: string;
+        };
+    };
+    inputWidth: string;
+    colonSize: string;
+    range: {
+        heading: {
+            color: string;
+            gap: string;
+        };
+        paddingXY: string;
+        panelGap: string;
+        section: {
+            gap: string;
+        };
+    };
+};
+export declare function clampTimePart(value: number, min: number, max: number): number;
+export declare function padTimePart(value: number): string;
+export declare function parseTimeValue(value: string | null | undefined): {
+    hour: number;
+    minute: number;
+};
+export declare function formatTimeValue(hour: number, minute: number): string;
+export declare function formatTimeDisplay(value: string | null | undefined, type: TimePickerType): string;

package/dist/types/components/sd-time-picker/sd-time-picker.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { Rule } from '../../types/form';
+import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
+import { type TimePickerSize, type TimePickerType } from './sd-time-picker.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
+export declare class SdTimePicker {
+    private static readonly CLOSE_ANIMATION_DURATION;
+    el: HTMLElement;
+    /** 선택된 시간 (HH:mm) */
+    value: string | null;
+    /** 입력 필드 크기 */
+    size: TimePickerSize;
+    /** 표시 타입: default(24시간) / midday(오전·오후) */
+    type: TimePickerType;
+    /** 시간 미선택 시 표시할 placeholder */
+    placeholder: string;
+    /** 비활성 상태 여부 */
+    disabled: boolean;
+    /** 값이 있을 때 지우기 버튼 표시 여부 */
+    clearable: boolean;
+    /** 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다. */
+    useMeridiem?: boolean;
+    /** 분 증감 단위 */
+    minuteStep: number;
+    /** 필드 너비 (숫자면 px, 문자열이면 그대로 적용) */
+    width: string | number;
+    /** 레이블 텍스트 */
+    label: string;
+    /** 레이블 너비 */
+    labelWidth: string | number;
+    /** 필드 우측 어드온 레이블 */
+    addonLabel: string;
+    /** 어드온 정렬 방향 */
+    addonAlign: FieldAddonAlign;
+    /** 필드 하단 힌트 텍스트 */
+    hint: string;
+    /** 에러 메시지 */
+    errorMessage: string;
+    /** 유효성 검사 규칙 목록 */
+    rules?: Rule[];
+    /** 에러 상태 여부 */
+    error: boolean;
+    /** 필드 상태 (없으면 error/rules 결과로 자동 결정) */
+    status?: 'default' | 'pass' | 'error';
+    /** 레이블 영역 아이콘 */
+    icon?: IconProps;
+    /** 레이블 툴팁 텍스트 */
+    labelTooltip: string;
+    /** 레이블 툴팁 상세 옵션 */
+    labelTooltipProps: SdTooltipProps | null;
+    private isOpen;
+    private isAnimatingOut;
+    private focused;
+    private hovered;
+    /** 시간 선택 시 선택된 시간(HH:mm)을 전달합니다. */
+    update: EventEmitter<string | null>;
+    /** 선택기 열림/닫힘 상태가 바뀔 때 발생합니다. */
+    dropDownShow: EventEmitter<{
+        isOpen: boolean;
+    }>;
+    private triggerRef?;
+    private formField?;
+    private closeAnimationTimer?;
+    /** 폼 연동용 name 속성 */
+    name: string;
+    watchIsOpen(newValue: boolean): void;
+    valueChanged(newValue: string | null): void;
+    /** 유효성 검사를 실행합니다. */
+    sdValidate(): Promise<boolean | undefined>;
+    /** 값과 유효성 상태를 초기화합니다. */
+    sdReset(): Promise<void | undefined>;
+    /** 유효성 상태만 초기화합니다. */
+    sdResetValidate(): Promise<void | undefined>;
+    /** 입력 필드에 포커스를 이동합니다. */
+    sdFocus(): Promise<void | undefined>;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private closeDropdown;
+    private handleTriggerClick;
+    private handleClear;
+    private handleSelect;
+    private get effectiveUseMeridiem();
+    render(): any;
+}

package/dist/types/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { type TimeRangePickerRangeOrder, type TimeRangeValue } from '../sd-time-range-picker.config';
+export declare class SdTimeRangePickerSelector {
+    /** 선택된 시간 범위 [시작, 종료] (HH:mm) */
+    value: TimeRangeValue;
+    /** 오전/오후 선택 표시 여부 */
+    useMeridiem: boolean;
+    /** 분 증감 단위 */
+    minuteStep: number;
+    /** 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다. */
+    rangeOrder: TimeRangePickerRangeOrder;
+    /** 시간 범위 변경 시 발생합니다. */
+    update: EventEmitter<[string, string]>;
+    private editingKey;
+    private inputDraft;
+    private autoAdjusted;
+    private getRange;
+    private getParts;
+    private getMeridiem;
+    private getDisplayHour;
+    private emitSide;
+    private getTimeMinutes;
+    private normalizeNextRange;
+    private getEditingKey;
+    private sanitizeInput;
+    private setDraft;
+    private beginEdit;
+    private commitHourDraft;
+    private commitMinuteDraft;
+    private endEdit;
+    private setMeridiem;
+    private changeHour;
+    private changeMinute;
+    private handleHourInput;
+    private handleMinuteInput;
+    private renderMeridiemButton;
+    private renderColumn;
+    private renderPanel;
+    render(): any;
+}

package/dist/types/components/sd-time-range-picker/sd-time-range-picker.config.d.ts

@@ -0,0 +1,9 @@
+import { TIMEPICKER_COLORS, TIMEPICKER_SELECTOR, TIMEPICKER_SIZE_MAP, formatTimeDisplay, formatTimeValue, parseTimeValue, type TimePickerSize, type TimePickerType, type TimePickerMeridiem } from '../sd-time-picker/sd-time-picker.config';
+export type TimeRangePickerSize = TimePickerSize;
+export type TimeRangePickerType = TimePickerType;
+export type TimeRangePickerMeridiem = TimePickerMeridiem;
+export type TimeRangePickerRangeOrder = 'strict' | 'allow-cross-day';
+export type TimeRangeValue = [string, string] | null;
+export { TIMEPICKER_COLORS as TIME_RANGE_PICKER_COLORS, TIMEPICKER_SELECTOR as TIME_RANGE_PICKER_SELECTOR, TIMEPICKER_SIZE_MAP as TIME_RANGE_PICKER_SIZE_MAP, formatTimeDisplay, formatTimeValue, parseTimeValue, };
+export declare function normalizeTimeRangeValue(value: TimeRangeValue, rangeOrder?: TimeRangePickerRangeOrder): TimeRangeValue;
+export declare function formatTimeRangeDisplay(value: TimeRangeValue, type: TimeRangePickerType): string;

package/dist/types/components/sd-time-range-picker/sd-time-range-picker.d.ts

@@ -0,0 +1,88 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { Rule } from '../../types/form';
+import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
+import { type TimeRangePickerSize, type TimeRangePickerRangeOrder, type TimeRangePickerType, type TimeRangeValue } from './sd-time-range-picker.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
+export declare class SdTimeRangePicker {
+    private static readonly CLOSE_ANIMATION_DURATION;
+    el: HTMLElement;
+    /** 선택된 시간 범위 [시작, 종료] (HH:mm) */
+    value: TimeRangeValue;
+    /** 입력 필드 크기 */
+    size: TimeRangePickerSize;
+    /** 표시 타입: default(24시간) / midday(오전·오후) */
+    type: TimeRangePickerType;
+    /** 시간 미선택 시 표시할 placeholder */
+    placeholder: string;
+    /** 비활성 상태 여부 */
+    disabled: boolean;
+    /** 값이 있을 때 지우기 버튼 표시 여부 */
+    clearable: boolean;
+    /** 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다. */
+    useMeridiem?: boolean;
+    /** 분 증감 단위 */
+    minuteStep: number;
+    /** 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다. */
+    rangeOrder: TimeRangePickerRangeOrder;
+    /** 필드 너비 (숫자면 px, 문자열이면 그대로 적용) */
+    width: string | number;
+    /** 레이블 텍스트 */
+    label: string;
+    /** 레이블 너비 */
+    labelWidth: string | number;
+    /** 필드 우측 어드온 레이블 */
+    addonLabel: string;
+    /** 어드온 정렬 방향 */
+    addonAlign: FieldAddonAlign;
+    /** 필드 하단 힌트 텍스트 */
+    hint: string;
+    /** 에러 메시지 */
+    errorMessage: string;
+    /** 유효성 검사 규칙 목록 */
+    rules?: Rule[];
+    /** 에러 상태 여부 */
+    error: boolean;
+    /** 필드 상태 (없으면 error/rules 결과로 자동 결정) */
+    status?: 'default' | 'pass' | 'error';
+    /** 레이블 영역 아이콘 */
+    icon?: IconProps;
+    /** 레이블 툴팁 텍스트 */
+    labelTooltip: string;
+    /** 레이블 툴팁 상세 옵션 */
+    labelTooltipProps: SdTooltipProps | null;
+    private isOpen;
+    private isAnimatingOut;
+    private focused;
+    private hovered;
+    /** 시간 범위 선택 시 선택된 범위([시작, 종료])를 전달합니다. */
+    update: EventEmitter<TimeRangeValue>;
+    /** 선택기 열림/닫힘 상태가 바뀔 때 발생합니다. */
+    dropDownShow: EventEmitter<{
+        isOpen: boolean;
+    }>;
+    private triggerRef?;
+    private formField?;
+    private closeAnimationTimer?;
+    /** 폼 연동용 name 속성 */
+    name: string;
+    watchIsOpen(newValue: boolean): void;
+    valueChanged(newValue: TimeRangeValue): void;
+    rangeOrderChanged(): void;
+    /** 유효성 검사를 실행합니다. */
+    sdValidate(): Promise<boolean | undefined>;
+    /** 값과 유효성 상태를 초기화합니다. */
+    sdReset(): Promise<void | undefined>;
+    /** 유효성 상태만 초기화합니다. */
+    sdResetValidate(): Promise<void | undefined>;
+    /** 입력 필드에 포커스를 이동합니다. */
+    sdFocus(): Promise<void | undefined>;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private closeDropdown;
+    private handleTriggerClick;
+    private handleClear;
+    private handleSelect;
+    private get effectiveUseMeridiem();
+    private get displayText();
+    render(): any;
+}

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

@@ -1,4 +1,3 @@
-import { type ButtonName, type ButtonType } from '../sd-button/sd-button.config';
 import { type TooltipType } from './sd-tooltip.config';
 export declare class SdTooltip {
     el: HTMLElement;
@@ -6,42 +5,29 @@ export declare class SdTooltip {
     trigger: 'hover' | 'click';
     /** 툴팁 표시 방향 */
     placement: 'top' | 'bottom' | 'left' | 'right';
-    /** 아이콘 트리거 색상 */
+    /** 기본(아이콘) 트리거 색상 */
     color: string;
     /** 툴팁 배경/텍스트 색상 타입 */
     tooltipType: TooltipType;
-    /** 아이콘 트리거 아이콘명 */
+    /** 기본(아이콘) 트리거 아이콘명. slot="anchor" 가 있으면 무시 */
     icon: IconName;
-    /** 아이콘 트리거 크기 */
+    /** 기본(아이콘) 트리거 크기 */
     iconSize: number;
-    /** 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링) */
-    label: string;
-    /** 버튼 트리거 프리셋 */
-    name: ButtonName;
-    /** 버튼 트리거 우측 아이콘 */
-    rightIcon?: IconName;
     /** 스크린리더용 접근성 레이블 */
     ariaLabel: string;
-    /** 비활성 상태 여부 */
+    /** 비활성 — 트리거만 렌더하고 툴팁을 열지 않음 */
     disabled: boolean;
-    /** 버튼 type 속성 */
-    type: ButtonType;
     /** 툴팁 우측 상단 닫기 버튼 표시 여부 */
     useClose: boolean;
-    /** 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스 */
-    sdClass?: string;
     /**
      * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다.
-     * (HTML 문자열 허용) 지정하지 않으면 slot 으로 전달한 내용을 본문으로 사용합니다.
+     * (HTML 문자열 허용) 지정하지 않으면 default slot 으로 전달한 내용을 본문으로 사용합니다.
      */
     message: string[];
-    /** anchor 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`) */
-    triggerClass: string;
-    /** anchor 트리거 래퍼에 적용할 인라인 스타일(CSS 문자열). (예: `width:100%`) */
-    triggerStyle: string;
+    /** 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`) */
+    triggerClassName: string;
     showTooltip: boolean;
     slotContentHTML: string;
-    private buttonEl?;
     private triggerEl?;
     private isAnchorMode;
     private menuEl?;
@@ -59,6 +45,5 @@ export declare class SdTooltip {
     /** 툴팁을 숨깁니다. */
     hide(): Promise<void>;
     componentWillLoad(): void;
-    componentDidRender(): void;
     render(): any;
 }