@sellmate/design-system 1.20.1 → 1.21.0

package/dist/collection/components/sd-textarea/sd-textarea.js

@@ -3,38 +3,67 @@ import { nanoid } from "nanoid/non-secure";
 import { TEXTAREA_TOKENS, TEXTAREA_COLORS } from "./sd-textarea.config";
 export class SdTextarea {
     host;
+    /** 입력 값 */
     value = null;
+    /** 플레이스홀더 텍스트 */
     placeholder = '입력해 주세요.';
+    /** 비활성 상태 여부 */
     disabled = false;
+    /** 읽기 전용 여부 */
     readonly = false;
+    /** 마운트 시 자동 포커스 여부 */
     autoFocus = false;
+    /** 네이티브 textarea에 추가할 클래스 */
     textareaClass = '';
+    /** 네이티브 textarea에 적용할 인라인 스타일 */
     textareaStyle = {};
+    /** 최대 입력 글자 수 */
     maxLength;
+    /** textarea 기본 행 수 */
     rows;
+    /** 맞춤법 검사 여부 */
     spellcheck = false;
+    /** 필드 너비 (숫자면 px, 문자열이면 그대로 적용) */
     width = '';
     // props - sd-field
+    /** 레이블 텍스트 */
     label = '';
+    /** 레이블 너비 */
     labelWidth = '';
+    /** 필드 우측 어드온 레이블 */
     addonLabel = '';
+    /** 어드온 정렬 방향 */
     addonAlign = 'start';
+    /** 필드 하단 힌트 텍스트 */
     hint = '';
+    /** 에러 메시지 */
     errorMessage = '';
+    /** 레이블 영역 아이콘 */
     icon = undefined;
+    /** 레이블 툴팁 텍스트 */
     labelTooltip = '';
+    /** 레이블 툴팁 상세 옵션 */
     labelTooltipProps = null;
+    /** 유효성 검사 규칙 목록 */
     rules = [];
+    /** 에러 상태 여부 */
     error = false;
+    /** 필드 상태 (없으면 rules 결과로 자동 결정) */
     status;
+    /** 포커스 상태 여부 */
     focused = false;
+    /** 호버 상태 여부 */
     hovered = false;
     internalValue = null;
     nativeEl = undefined;
     formField;
+    /** 폼 연동용 name 속성 */
     name = nanoid();
+    /** 값이 변경될 때 발생합니다. */
     input;
+    /** 포커스될 때 발생합니다. */
     focus;
+    /** 포커스를 잃을 때 발생합니다. */
     blur;
     valueChanged(newValue) {
         this.internalValue = newValue;
@@ -45,18 +74,23 @@ export class SdTextarea {
             this.input?.emit(this.value);
         }
     }
+    /** 네이티브 textarea 엘리먼트를 반환합니다. */
     async sdGetNativeElement() {
         return this.nativeEl || null;
     }
+    /** 유효성 검사를 실행합니다. */
     async sdValidate() {
         this.formField?.sdValidate();
     }
+    /** 값과 유효성 상태를 초기화합니다. */
     async sdReset() {
         this.formField?.sdReset();
     }
+    /** 유효성 상태만 초기화합니다. */
     async sdResetValidate() {
         this.formField?.sdResetValidation();
     }
+    /** 입력 필드에 포커스를 이동합니다. */
     async sdFocus() {
         this.formField?.sdFocus();
     }
@@ -105,7 +139,7 @@ export class SdTextarea {
             '--sd-system-size-field-sm-height': 'auto',
             '--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
         };
-        return (h("sd-field", { key: '696b0aa26405687dad43ce934adbe7ec19e9b893', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, readonly: this.readonly, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '69a996d757345e25ef94238f8fffa521e7b7252e', class: "sd-textarea__content" }, h("textarea", { key: 'dbfcc43cbbf3bdde147f6a784df1c122bcb70b0e', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
+        return (h("sd-field", { key: 'f8fd8949824938bb79f101de2e5eca7980224b09', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, readonly: this.readonly, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '382441be15dd047888cf876006f1966256a503b7', class: "sd-textarea__content" }, h("textarea", { key: '5f5985ccdcc401f4aff2f47fe40003abeb76e8b3', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder ?? '입력해 주세요.', disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
     }
     static get is() { return "sd-textarea"; }
     static get originalStyleUrls() {
@@ -132,7 +166,7 @@ export class SdTextarea {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC785\uB825 \uAC12"
                 },
                 "getter": false,
                 "setter": false,
@@ -152,7 +186,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD50C\uB808\uC774\uC2A4\uD640\uB354 \uD14D\uC2A4\uD2B8"
                 },
                 "getter": false,
                 "setter": false,
@@ -172,7 +206,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uBE44\uD65C\uC131 \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -192,7 +226,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC77D\uAE30 \uC804\uC6A9 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -212,7 +246,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB9C8\uC6B4\uD2B8 \uC2DC \uC790\uB3D9 \uD3EC\uCEE4\uC2A4 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -232,7 +266,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB124\uC774\uD2F0\uBE0C textarea\uC5D0 \uCD94\uAC00\uD560 \uD074\uB798\uC2A4"
                 },
                 "getter": false,
                 "setter": false,
@@ -252,7 +286,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB124\uC774\uD2F0\uBE0C textarea\uC5D0 \uC801\uC6A9\uD560 \uC778\uB77C\uC778 \uC2A4\uD0C0\uC77C"
                 },
                 "getter": false,
                 "setter": false,
@@ -270,7 +304,7 @@ export class SdTextarea {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uCD5C\uB300 \uC785\uB825 \uAE00\uC790 \uC218"
                 },
                 "getter": false,
                 "setter": false,
@@ -289,7 +323,7 @@ export class SdTextarea {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "textarea \uAE30\uBCF8 \uD589 \uC218"
                 },
                 "getter": false,
                 "setter": false,
@@ -308,7 +342,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB9DE\uCDA4\uBC95 \uAC80\uC0AC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -328,7 +362,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD544\uB4DC \uB108\uBE44 (\uC22B\uC790\uBA74 px, \uBB38\uC790\uC5F4\uC774\uBA74 \uADF8\uB300\uB85C \uC801\uC6A9)"
                 },
                 "getter": false,
                 "setter": false,
@@ -348,7 +382,7 @@ export class SdTextarea {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB808\uC774\uBE14 \uD14D\uC2A4\uD2B8"
                 },
                 "getter": false,
                 "setter": false,
@@ -368,7 +402,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB808\uC774\uBE14 \uB108\uBE44"
                 },
                 "getter": false,
                 "setter": false,
@@ -388,7 +422,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD544\uB4DC \uC6B0\uCE21 \uC5B4\uB4DC\uC628 \uB808\uC774\uBE14"
                 },
                 "getter": false,
                 "setter": false,
@@ -415,7 +449,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC5B4\uB4DC\uC628 \uC815\uB82C \uBC29\uD5A5"
                 },
                 "getter": false,
                 "setter": false,
@@ -435,7 +469,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD544\uB4DC \uD558\uB2E8 \uD78C\uD2B8 \uD14D\uC2A4\uD2B8"
                 },
                 "getter": false,
                 "setter": false,
@@ -455,7 +489,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC5D0\uB7EC \uBA54\uC2DC\uC9C0"
                 },
                 "getter": false,
                 "setter": false,
@@ -480,7 +514,7 @@ export class SdTextarea {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB808\uC774\uBE14 \uC601\uC5ED \uC544\uC774\uCF58"
                 },
                 "getter": false,
                 "setter": false,
@@ -498,7 +532,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB808\uC774\uBE14 \uD234\uD301 \uD14D\uC2A4\uD2B8"
                 },
                 "getter": false,
                 "setter": false,
@@ -525,7 +559,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB808\uC774\uBE14 \uD234\uD301 \uC0C1\uC138 \uC635\uC158"
                 },
                 "getter": false,
                 "setter": false,
@@ -550,7 +584,7 @@ export class SdTextarea {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC720\uD6A8\uC131 \uAC80\uC0AC \uADDC\uCE59 \uBAA9\uB85D"
                 },
                 "getter": false,
                 "setter": false,
@@ -568,7 +602,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC5D0\uB7EC \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -588,7 +622,7 @@ export class SdTextarea {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD544\uB4DC \uC0C1\uD0DC (\uC5C6\uC73C\uBA74 rules \uACB0\uACFC\uB85C \uC790\uB3D9 \uACB0\uC815)"
                 },
                 "getter": false,
                 "setter": false,
@@ -607,7 +641,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD3EC\uCEE4\uC2A4 \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -627,7 +661,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD638\uBC84 \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -647,7 +681,7 @@ export class SdTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD3FC \uC5F0\uB3D9\uC6A9 name \uC18D\uC131"
                 },
                 "getter": false,
                 "setter": false,
@@ -671,7 +705,7 @@ export class SdTextarea {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uAC12\uC774 \uBCC0\uACBD\uB420 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "string | null",
@@ -686,7 +720,7 @@ export class SdTextarea {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD3EC\uCEE4\uC2A4\uB420 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "Event",
@@ -708,7 +742,7 @@ export class SdTextarea {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD3EC\uCEE4\uC2A4\uB97C \uC783\uC744 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "Event",
@@ -743,7 +777,7 @@ export class SdTextarea {
                     "return": "Promise<HTMLTextAreaElement | null>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uB124\uC774\uD2F0\uBE0C textarea \uC5D8\uB9AC\uBA3C\uD2B8\uB97C \uBC18\uD658\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -760,7 +794,7 @@ export class SdTextarea {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uC720\uD6A8\uC131 \uAC80\uC0AC\uB97C \uC2E4\uD589\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -777,7 +811,7 @@ export class SdTextarea {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uAC12\uACFC \uC720\uD6A8\uC131 \uC0C1\uD0DC\uB97C \uCD08\uAE30\uD654\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -794,7 +828,7 @@ export class SdTextarea {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uC720\uD6A8\uC131 \uC0C1\uD0DC\uB9CC \uCD08\uAE30\uD654\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -811,7 +845,7 @@ export class SdTextarea {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uC785\uB825 \uD544\uB4DC\uC5D0 \uD3EC\uCEE4\uC2A4\uB97C \uC774\uB3D9\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             }

package/dist/collection/components/sd-toast/sd-toast.js

@@ -1,14 +1,23 @@
 import { h } from "@stencil/core";
 import { TOAST_TYPE_CONFIG, TOAST_LAYOUT, TOAST_BUTTON_NAME_BY_TYPE, } from "./sd-toast.config";
 export class SdToast {
+    /** 좌측 아이콘명 */
     icon;
+    /** 표시할 메시지 */
     message;
+    /** 우측 링크 URL */
     link;
+    /** 링크 표시 레이블 (없으면 URL 표시) */
     linkLabel;
+    /** 우측 버튼 레이블 */
     buttonLabel;
+    /** 닫기 버튼 표시 여부 */
     useClose = false;
+    /** 토스트 타입 (색상/아이콘 프리셋) */
     type = 'default';
+    /** 닫기 버튼 클릭 또는 자동 닫힘 시 발생합니다. */
     close;
+    /** 우측 버튼 클릭 시 발생합니다. */
     buttonClick;
     render() {
         const typeConfig = TOAST_TYPE_CONFIG[this.type] ?? TOAST_TYPE_CONFIG.default;
@@ -17,12 +26,12 @@ export class SdToast {
         const linkColor = typeConfig.linkColor ?? typeConfig.content;
         const useDefaultCloseIntent = ['default', 'caution', 'info'].includes(this.type);
         const buttonName = TOAST_BUTTON_NAME_BY_TYPE[this.type] ?? TOAST_BUTTON_NAME_BY_TYPE.default;
-        return (h("div", { key: '45a278a76dde70b17794763fa35365ac8d634194', style: {
+        return (h("div", { key: 'ee54d9d9821821e0c422725c94d465f1e2df7bc6', style: {
                 '--sd-toast-bg': typeConfig.bg,
                 '--sd-toast-text': typeConfig.content,
                 '--sd-toast-icon': iconColor,
                 '--sd-toast-link': linkColor,
-            } }, h("div", { key: 'eb00957c65514153867322942ed111d24622c75b', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'd30f442041ea963e86f8558f3ed07ceb28049ae9', class: "sd-toast__icon" }, h("sd-icon", { key: '04e57935a4fe4344f3eb1338cfc436bef449805e', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '02270cd25d409d44bbd1d7932b074494d2cbeca1', class: "sd-toast__content" }, h("span", { key: '5f180c70d130fc04b16901c69a399f6effa328b9', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '4fd2adab87dbdaae94c21483f66256ce773ae965', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '2c60553150114d6d5b99a2e86b35b4a85c4a34a4', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: 'c3e01391b713286b65a05352dd39ab98790564f8', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
+            } }, h("div", { key: 'b258e4b49fe530c778c0003516a2ad159805158a', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '850a02dd996c7d1ca214b887e0d3d9899972e319', class: "sd-toast__icon" }, h("sd-icon", { key: '50d2817b160bd767a509956338347ee09a34a845', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '0200da1ef6cfa9fcafa4cacf08998a33847038dc', class: "sd-toast__content" }, h("span", { key: 'af039afb2f457acded350ae2323e0bc59765a09e', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '98fdcf360ca632e9f919e01ab0dce8369a1ebe79', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '45202c0f969ab64e50265ee81f34fc14def26ce2', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: '48f30258527ae7a8a96db9609f096f5d216246ff', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
     }
     static get is() { return "sd-toast"; }
     static get originalStyleUrls() {
@@ -54,7 +63,7 @@ export class SdToast {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC88C\uCE21 \uC544\uC774\uCF58\uBA85"
                 },
                 "getter": false,
                 "setter": false,
@@ -73,7 +82,7 @@ export class SdToast {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD45C\uC2DC\uD560 \uBA54\uC2DC\uC9C0"
                 },
                 "getter": false,
                 "setter": false,
@@ -92,7 +101,7 @@ export class SdToast {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC6B0\uCE21 \uB9C1\uD06C URL"
                 },
                 "getter": false,
                 "setter": false,
@@ -111,7 +120,7 @@ export class SdToast {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB9C1\uD06C \uD45C\uC2DC \uB808\uC774\uBE14 (\uC5C6\uC73C\uBA74 URL \uD45C\uC2DC)"
                 },
                 "getter": false,
                 "setter": false,
@@ -130,7 +139,7 @@ export class SdToast {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC6B0\uCE21 \uBC84\uD2BC \uB808\uC774\uBE14"
                 },
                 "getter": false,
                 "setter": false,
@@ -149,7 +158,7 @@ export class SdToast {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB2EB\uAE30 \uBC84\uD2BC \uD45C\uC2DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -176,7 +185,7 @@ export class SdToast {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD1A0\uC2A4\uD2B8 \uD0C0\uC785 (\uC0C9\uC0C1/\uC544\uC774\uCF58 \uD504\uB9AC\uC14B)"
                 },
                 "getter": false,
                 "setter": false,
@@ -195,7 +204,7 @@ export class SdToast {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB2EB\uAE30 \uBC84\uD2BC \uD074\uB9AD \uB610\uB294 \uC790\uB3D9 \uB2EB\uD798 \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "void",
@@ -210,7 +219,7 @@ export class SdToast {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC6B0\uCE21 \uBC84\uD2BC \uD074\uB9AD \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "MouseEvent",

package/dist/collection/components/sd-toast-container/sd-toast-container.js

@@ -3,15 +3,22 @@ import { COLLAPSED_OFFSET_STEP, COLLAPSED_SCALE_STEP, DEFAULT_DURATION, DEFAULT_
 let toastIdCounter = 0;
 export class SdToastContainer {
     el;
+    /** 토스트 표시 위치 */
     position = 'bottom-center';
+    /** 동시에 표시할 최대 토스트 수 */
     maxVisible = DEFAULT_MAX_VISIBLE;
+    /** 자동 닫힘 지연 시간 (ms, 0이면 자동 닫힘 없음) */
     defaultDuration = DEFAULT_DURATION;
+    /** z-index */
     zIndex = DEFAULT_Z_INDEX;
     toasts = [];
     expanded = false;
     toastRefs = new Map();
+    /** 토스트가 표시될 때 발생합니다. */
     toastShow;
+    /** 토스트가 제거될 때 발생합니다. */
     toastDismiss;
+    /** 토스트를 생성하고 ID를 반환합니다. */
     async create(options) {
         const id = `toast-${++toastIdCounter}`;
         const entry = { id, options, state: 'entering' };
@@ -36,9 +43,11 @@ export class SdToastContainer {
         this.toastShow.emit({ id });
         return id;
     }
+    /** 지정한 ID의 토스트를 닫습니다. */
     async dismiss(id) {
         this.startDismiss(id);
     }
+    /** 모든 토스트를 닫습니다. */
     async dismissAll() {
         (this.toasts || []).forEach(t => this.startDismiss(t.id));
     }
@@ -216,7 +225,7 @@ export class SdToastContainer {
         const activeToasts = toasts.filter(t => t.state !== 'exiting').reverse();
         const indexMap = new Map();
         activeToasts.forEach((t, i) => indexMap.set(t.id, i));
-        return (h("div", { key: 'f5b2cb8f4d1286bbd8f7cd648916294397ed4742', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
+        return (h("div", { key: 'b75aeffdddcd16267169ae99305ef5f475f53950', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
                 this.expanded = true;
                 this.pauseTimers();
             }, onMouseLeave: () => {
@@ -267,7 +276,7 @@ export class SdToastContainer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD1A0\uC2A4\uD2B8 \uD45C\uC2DC \uC704\uCE58"
                 },
                 "getter": false,
                 "setter": false,
@@ -287,7 +296,7 @@ export class SdToastContainer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB3D9\uC2DC\uC5D0 \uD45C\uC2DC\uD560 \uCD5C\uB300 \uD1A0\uC2A4\uD2B8 \uC218"
                 },
                 "getter": false,
                 "setter": false,
@@ -307,7 +316,7 @@ export class SdToastContainer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC790\uB3D9 \uB2EB\uD798 \uC9C0\uC5F0 \uC2DC\uAC04 (ms, 0\uC774\uBA74 \uC790\uB3D9 \uB2EB\uD798 \uC5C6\uC74C)"
                 },
                 "getter": false,
                 "setter": false,
@@ -327,7 +336,7 @@ export class SdToastContainer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "z-index"
                 },
                 "getter": false,
                 "setter": false,
@@ -352,7 +361,7 @@ export class SdToastContainer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD1A0\uC2A4\uD2B8\uAC00 \uD45C\uC2DC\uB420 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "{ id: string }",
@@ -367,7 +376,7 @@ export class SdToastContainer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD1A0\uC2A4\uD2B8\uAC00 \uC81C\uAC70\uB420 \uB54C \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "{ id: string }",
@@ -411,7 +420,7 @@ export class SdToastContainer {
                     "return": "Promise<string>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uD1A0\uC2A4\uD2B8\uB97C \uC0DD\uC131\uD558\uACE0 ID\uB97C \uBC18\uD658\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -432,7 +441,7 @@ export class SdToastContainer {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uC9C0\uC815\uD55C ID\uC758 \uD1A0\uC2A4\uD2B8\uB97C \uB2EB\uC2B5\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -449,7 +458,7 @@ export class SdToastContainer {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uBAA8\uB4E0 \uD1A0\uC2A4\uD2B8\uB97C \uB2EB\uC2B5\uB2C8\uB2E4.",
                     "tags": []
                 }
             }