@sellmate/design-system 1.20.1 → 1.22.0

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;

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

@@ -2,19 +2,33 @@ import { type ButtonName, type ButtonType } from '../sd-button/sd-button.config'
 import { type TooltipType } from './sd-tooltip.config';
 export declare class SdTooltip {
     el: HTMLElement;
+    /** 툴팁 트리거 방식 */
     trigger: 'hover' | 'click';
+    /** 툴팁 표시 방향 */
     placement: 'top' | 'bottom' | 'left' | 'right';
+    /** 아이콘 트리거 색상 */
     color: string;
+    /** 툴팁 배경/텍스트 색상 타입 */
     tooltipType: TooltipType;
+    /** 아이콘 트리거 아이콘명 */
     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 렌더링됩니다.