sellmate-design-system-react 9.0.0-beta.109 → 9.0.0-beta.111

package/dist/components/SConfirmModal/SConfirmModal.d.ts

@@ -1,15 +1,17 @@
 import { type ReactNode } from 'react';
 import { type STagColor, type STagShape, type STagSize } from '../STag';
-export type SConfirmModalType = 'positive' | 'negative' | 'default';
+export type SConfirmModalType = 'positive' | 'negative' | 'complete' | 'default';
 export interface SConfirmModalProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    /** 백드롭·ESC로 안 닫히고 흔들림 (sd-modal-container persistent). **기본값 false** — 확인 모달은 잃을 입력이 없어 백드롭·ESC로 닫힌다 */
+    /** 백드롭 클릭으로 안 닫히고 흔들림. **기본값 false** — 확인 모달은 잃을 입력이 없어 백드롭으로 닫힌다 */
     persistent?: boolean;
-    /** 타입 (아이콘·메인버튼 색 결정) */
+    /** ESC 로 닫는다. **기본값 true** — false 면 ESC 로 안 닫히고 흔들림 */
+    closeOnEscape?: boolean;
+    /** 타입 (아이콘·메인버튼 색 결정). positive=알림 · negative=위험 · complete=작업·절차의 끝(완료) · default=중립 */
     type?: SConfirmModalType;
     modalTitle?: string;
-    /** 제목 엘리먼트에 추가할 클래스 (sd-confirm-modal titleClassName) */
+    /** 제목 엘리먼트에 추가할 클래스 */
     titleClassName?: string;
     /** 콘텐츠 박스 상단 메시지 목록 (각 항목이 한 줄, HTML 문자열 허용 — innerHTML 렌더링) */
     topMessage?: string[];
@@ -17,7 +19,7 @@ export interface SConfirmModalProps {
     bottomMessage?: string[];
     /** tag 슬롯 기본 태그 레이블 (tagSlot 미지정 시) */
     tagLabel?: string;
-    /** 태그 프리셋 (shape/size/color) — sd-confirm-modal tagPreset 대응 */
+    /** 태그 프리셋 (shape/size/color) */
     tagShape?: STagShape;
     tagSize?: STagSize;
     tagColor?: STagColor;
@@ -33,13 +35,13 @@ export interface SConfirmModalProps {
     mainButtonLabel?: string;
     /**
      * 메인 버튼을 아웃라인(테두리)으로 세울지. 지정하지 않으면 `type` 이 정한다 —
-     * positive·negative 는 채운 버튼, default 는 아웃라인.
+     * positive·negative 는 채운 버튼, complete·default 는 아웃라인.
      *
      * **색은 여기서 고르지 않는다.** `type` 이 정한다(positive=primary / negative=danger /
-     * default=neutral) — 아이콘·제목이 말하는 것과 버튼 색이 어긋나면 읽는 사람이 헷갈리므로
+     * complete=neutral / default=neutral) — 아이콘·제목이 말하는 것과 버튼 색이 어긋나면 읽는 사람이 헷갈리므로
      * 그 조합은 타입에서 막는다. 글자는 `mainButtonLabel` 이다.
      *
-     * `type="default"` 에 `false` 를 주면 테두리 없는 흰 버튼이 된다(neutral 은 solid·outline 이
+     * `type="default"`·`"complete"` 에 `false` 를 주면 테두리 없는 흰 버튼이 된다(neutral 은 solid·outline 이
      * 같은 흰 면이고 테두리 유무만 다르다). 확인 버튼이 눌러야 할 것으로 안 읽히므로 권하지 않는다.
      */
     mainButtonOutline?: boolean;
@@ -61,7 +63,7 @@ export interface SConfirmModalProps {
      * 확인 하나만 남는다.
      *
      * **`onCancel` 이 닫는 것 말고 따로 할 일이 있을 때만 준다.** 눌러도 창만 닫힌다면 X 버튼이
-     * 이미 그 일을 하므로(X 는 늘 서 있고, `persistent` 를 켜지 않았으면 백드롭·ESC 로도 닫힌다)
+     * 이미 그 일을 하므로(X 는 늘 서 있고, `persistent` 를 켜지 않았으면 백드롭으로, `closeOnEscape` 를 끄지 않았으면 ESC 로도 닫힌다)
      * 같은 일을 하는 버튼을 하나 더 세우지 않는다. 되묻는 모달이라고 해서 예외가 아니다 —
      * "삭제할까요?" 에 답하지 않고 나가는 것은 X 로 충분하다.
      *
@@ -74,11 +76,11 @@ export interface SConfirmModalProps {
      * ```
      */
     subButtonLabel?: string;
-    /** 확인 버튼 클릭 (sdOk) */
+    /** 확인 버튼 클릭 */
     onOk?: () => void;
     onCancel?: () => void;
-    /** 닫기(X) 버튼 클릭 (sdClose) */
+    /** 닫기(X) 버튼 클릭 */
     onClose?: () => void;
 }
-/** SConfirmModal — sd-confirm-modal 포팅. 아이콘+제목+메시지+태그+확인/취소 버튼. */
-export declare function SConfirmModal({ open, onOpenChange, persistent, type, modalTitle, titleClassName, topMessage, bottomMessage, tagLabel, tagShape, tagSize, tagColor, slotLabel, tagSlot, optionSlot, contentSlot, mainButtonLabel: mainButtonLabelProp, mainButtonOutline, mainButtonDisabled, subButtonLabel, onOk, onCancel, onClose, }: SConfirmModalProps): import("react").JSX.Element;
+/** SConfirmModal — 아이콘+제목+메시지+태그+확인/취소 버튼. */
+export declare function SConfirmModal({ open, onOpenChange, persistent, closeOnEscape, type, modalTitle, titleClassName, topMessage, bottomMessage, tagLabel, tagShape, tagSize, tagColor, slotLabel, tagSlot, optionSlot, contentSlot, mainButtonLabel: mainButtonLabelProp, mainButtonOutline, mainButtonDisabled, subButtonLabel, onOk, onCancel, onClose, }: SConfirmModalProps): import("react").JSX.Element;

package/dist/components/SDatePicker/README.md

@@ -60,8 +60,8 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onValueChange` | `(value: string \| null) => void` | 선택 변경 (sdUpdate). `clearable` 로 지우면 `null` 이 온다 |
-| `onViewChange` | `(view: { year: number; month: number }) => void` | 보이는 연·월 변경 (sdViewChange) |
+| `onValueChange` | `(value: string \| null) => void` | 선택 변경. `clearable` 로 지우면 `null` 이 온다 |
+| `onViewChange` | `(view: { year: number; month: number }) => void` | 보이는 연·월 변경 |
 
 ### SDatePickerYearListbox
 

package/dist/components/SDatePicker/SDatePicker.d.ts

@@ -10,9 +10,9 @@ export type SDatePickerMode = 'date' | 'month' | 'year';
 export interface SDatePickerProps {
     /** 선택 값 (date: YYYY-MM-DD, month: YYYY-MM, year: YYYY) */
     value?: string | null;
-    /** 선택 변경 (sdUpdate). `clearable` 로 지우면 `null` 이 온다 */
+    /** 선택 변경. `clearable` 로 지우면 `null` 이 온다 */
     onValueChange?: (value: string | null) => void;
-    /** 보이는 연·월 변경 (sdViewChange) */
+    /** 보이는 연·월 변경 */
     onViewChange?: (view: {
         year: number;
         month: number;
@@ -116,5 +116,5 @@ export interface SDatePickerMonthListboxProps {
 /** SDatePickerMonthListbox — SDatePicker의 월 선택 listbox 조각.
  * 자체 트리거/팝오버 없이 연도+월 리스트만 필요한 커스텀 조합에 재사용한다. */
 export declare function SDatePickerMonthListbox({ value, anchorYear, selectable, onValueChange, onMonthSelect, className, style, }: SDatePickerMonthListboxProps): import("react").JSX.Element;
-/** SDatePicker — sd-date-picker 포팅. SField + SPopover(SCalendar). */
+/** SDatePicker — SField + SPopover(SCalendar). */
 export declare function SDatePicker({ value, onValueChange, onViewChange, mode, size, placeholder, selectable, disabled, showWeekday, clearable, width, maxWidth, name, rules, status, label, labelPosition, subLabel, labelWidth, icon, iconColor, labelTooltip, labelTooltipProps, addonLabel, addonAlign, hint, error, errorMessage, className, style, }: SDatePickerProps): import("react").JSX.Element;

package/dist/components/SDateRangePicker/README.md

@@ -42,8 +42,8 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onValueChange` | `(range: SDateRangeValue) => void` | 선택 변경 (sdUpdate) — [start, end]. `clearable` 로 지우면 `null` 이 온다 |
-| `onViewChange` | `(view: { year: number; month: number }) => void` | 보이는 연·월 변경 (sdViewChange) |
+| `onValueChange` | `(range: SDateRangeValue) => void` | 선택 변경 — [start, end]. `clearable` 로 지우면 `null` 이 온다 |
+| `onViewChange` | `(view: { year: number; month: number }) => void` | 보이는 연·월 변경 |
 
 ### SRangeCalendar
 

package/dist/components/SDateRangePicker/SDateRangePicker.d.ts

@@ -9,9 +9,9 @@ export type SDateRangeValue = [string, string] | null;
 export type SDateRangePickerSize = SFieldSize;
 export interface SDateRangePickerProps {
     value?: SDateRangeValue;
-    /** 선택 변경 (sdUpdate) — [start, end]. `clearable` 로 지우면 `null` 이 온다 */
+    /** 선택 변경 — [start, end]. `clearable` 로 지우면 `null` 이 온다 */
     onValueChange?: (range: SDateRangeValue) => void;
-    /** 보이는 연·월 변경 (sdViewChange) */
+    /** 보이는 연·월 변경 */
     onViewChange?: (view: {
         year: number;
         month: number;
@@ -105,5 +105,5 @@ export interface SRangeCalendarProps {
 /** RangeCalendar — SDateRangePicker의 캘린더 부분만 떼어낸 조각. 자체 트리거/팝오버 없이
  *  캘린더 그리드만 필요한 커스텀 조합(예: 다른 트리거에 팝오버로 얹는 경우)에 재사용한다. */
 export declare function RangeCalendar({ value, selectable, maxRange, showTimePicker, onSelect, onPendingStartChange, onViewChange, }: SRangeCalendarProps): import("react").JSX.Element;
-/** SDateRangePicker — sd-date-range-picker 포팅. SField + SPopover(범위 캘린더). */
+/** SDateRangePicker — SField + SPopover(범위 캘린더). */
 export declare function SDateRangePicker({ value, onValueChange, onViewChange, size, placeholder, selectable, maxRange, showTimePicker, showWeekday, disabled, clearable, width, maxWidth, name, rules, status, label, labelPosition, subLabel, labelWidth, icon, iconColor, labelTooltip, labelTooltipProps, addonLabel, addonAlign, hint, error, errorMessage, className, style, }: SDateRangePickerProps): import("react").JSX.Element;

package/dist/components/SDivider/SDivider.d.ts

@@ -14,5 +14,5 @@ export interface SDividerProps extends HTMLAttributes<HTMLHRElement> {
      */
     height?: number | string;
 }
-/** SDivider — sd-divider 포팅. 색상은 `--sys-color-divider-default`. */
+/** SDivider — 색상은 `--sys-color-divider-default`. */
 export declare const SDivider: import("react").ForwardRefExoticComponent<SDividerProps & import("react").RefAttributes<HTMLHRElement>>;

package/dist/components/SDrawer/README.md

@@ -9,7 +9,8 @@
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `open?` | `boolean` | — | 표시 여부 |
-| `persistent?` | `boolean` | `true` | backdrop·ESC로 닫히지 않고 흔들림 효과를 준다. **기본값 true** — Drawer는 내용을 작성·구성하는 곳이라 임의 닫힘을 막는 것이 기본이다. 닫기 경로는 X 버튼과 footer 버튼뿐이다. false로 주면 backdrop·ESC 닫기가 열린다. |
+| `persistent?` | `boolean` | `true` | backdrop 클릭으로 닫히지 않고 흔들림 효과를 준다. ESC 는 `closeOnEscape` 가 따로 제어한다. **기본값 true** — Drawer는 내용을 작성·구성하는 곳이라 backdrop 으로 임의 닫히는 것을 막는 것이 기본이다. false로 주면 backdrop 클릭으로 닫힌다. |
+| `closeOnEscape?` | `boolean` | `true` | ESC 로 닫는다. **기본값 true** — `persistent` 와 무관하게 ESC 는 열려 있다. false 로 주면 ESC 로 닫히지 않고 흔들림 효과를 준다. |
 | `title?` | `string` | `''` | 접근성 제목 및 헤더 제목 |
 | `width?` | `number \| string` | `572` | Drawer 너비. 기본값은 Figma drawer 기준 572px이다. 창이 이보다 좁으면 창 폭까지만 넓어진다 — 드로어가 화면 밖으로 나가지 않는다. `resizable` 로 조절한 폭은 이 값이 바뀔 때 되돌아간다 — 앱이 폭을 저장해 두었다가 다시 열 때 넘겨주면 그 폭으로 열린다. |
 | `resizable?` | `boolean` | `false` | 왼쪽 테두리를 끌어 너비를 조절할 수 있게 한다. 조절선은 패널 왼쪽 경계 전체이며 평소엔 보이지 않다가 hover·포커스·조절 중에만 드러난다(SSplitter·SGnb 와 같은 선). 포커스를 받아 방향키(Shift 는 크게)·Home·End 로도 조절된다. |

package/dist/components/SDrawer/SDrawer.d.ts

@@ -9,11 +9,16 @@ export interface SDrawerProps {
     /** 닫기(X) 버튼 클릭 */
     onClose?: () => void;
     /**
-     * backdrop·ESC로 닫히지 않고 흔들림 효과를 준다.
-     * **기본값 true** — Drawer는 내용을 작성·구성하는 곳이라 임의 닫힘을 막는 것이 기본이다.
-     * 닫기 경로는 X 버튼과 footer 버튼뿐이다. false로 주면 backdrop·ESC 닫기가 열린다.
+     * backdrop 클릭으로 닫히지 않고 흔들림 효과를 준다. ESC 는 `closeOnEscape` 가 따로 제어한다.
+     * **기본값 true** — Drawer는 내용을 작성·구성하는 곳이라 backdrop 으로 임의 닫히는 것을 막는 것이 기본이다.
+     * false로 주면 backdrop 클릭으로 닫힌다.
      */
     persistent?: boolean;
+    /**
+     * ESC 로 닫는다. **기본값 true** — `persistent` 와 무관하게 ESC 는 열려 있다.
+     * false 로 주면 ESC 로 닫히지 않고 흔들림 효과를 준다.
+     */
+    closeOnEscape?: boolean;
     /** 접근성 제목 및 헤더 제목 */
     title?: string;
     /**
@@ -44,10 +49,10 @@ export interface SDrawerProps {
     style?: CSSProperties;
 }
 /**
- * SDrawer — Figma drawer 포팅.
+ * SDrawer — Figma drawer 디자인의 오버레이 패널.
  *
  * 모달과 동일한 전역 modal host와 stack을 공유한다. 따라서 Drawer가 열린 상태에서
  * 모달을 추가로 열면 새 모달이 Drawer 위에 쌓이고, Drawer 내부 floating은 전용 portal
  * container를 통해 Drawer의 backdrop 위에 표시된다.
  */
-export declare function SDrawer({ open, onOpenChange, onClose, persistent, title, width, resizable, minWidth, maxWidth, onWidthChange, footerLeft, button, children, className, style, }: SDrawerProps): import("react").JSX.Element;
+export declare function SDrawer({ open, onOpenChange, onClose, persistent, closeOnEscape, title, width, resizable, minWidth, maxWidth, onWidthChange, footerLeft, button, children, className, style, }: SDrawerProps): import("react").JSX.Element;

package/dist/components/SDropdownButton/README.md

@@ -22,16 +22,16 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onItemClick` | `(value: string \| number) => void` | 메뉴 아이템 선택 (sdClick) |
-| `onLabelClick` | `() => void` | split 레이블 버튼 클릭 (sdButtonClick) |
-| `onOpenChange` | `(open: boolean) => void` | 열림/닫힘 변경 (sdDropDownShow) |
+| `onItemClick` | `(value: string \| number) => void` | 메뉴 아이템 선택 |
+| `onLabelClick` | `() => void` | split 레이블 버튼 클릭 |
+| `onOpenChange` | `(open: boolean) => void` | 열림/닫힘 변경 |
 
 #### Methods (ref)
 
 | Method | Type | Description |
 |--------|------|-------------|
-| `open` | `() => void` | 드롭다운 열기 (sdOpen) |
-| `close` | `() => void` | 드롭다운 닫기 (sdClose) |
+| `open` | `() => void` | 드롭다운 열기 |
+| `close` | `() => void` | 드롭다운 닫기 |
 
 ## Types
 

package/dist/components/SDropdownButton/SDropdownButton.d.ts

@@ -11,9 +11,9 @@ export interface SDropdownButtonItem {
     disabled?: boolean;
 }
 export interface SDropdownButtonHandle {
-    /** 드롭다운 열기 (sdOpen) */
+    /** 드롭다운 열기 */
     open: () => void;
-    /** 드롭다운 닫기 (sdClose) */
+    /** 드롭다운 닫기 */
     close: () => void;
 }
 export interface SDropdownButtonProps {
@@ -31,11 +31,11 @@ export interface SDropdownButtonProps {
     split?: boolean;
     /** 비활성 */
     disabled?: boolean;
-    /** 메뉴 아이템 선택 (sdClick) */
+    /** 메뉴 아이템 선택 */
     onItemClick?: (value: string | number) => void;
-    /** split 레이블 버튼 클릭 (sdButtonClick) */
+    /** split 레이블 버튼 클릭 */
     onLabelClick?: () => void;
-    /** 열림/닫힘 변경 (sdDropDownShow) */
+    /** 열림/닫힘 변경 */
     onOpenChange?: (open: boolean) => void;
     className?: string;
     style?: CSSProperties;

package/dist/components/SEditor/README.md

@@ -93,7 +93,7 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onValueChange` | `(html: string) => void` | 값 변경 (sdUpdate) — 빈 문서면 빈 문자열을 준다 |
+| `onValueChange` | `(html: string) => void` | 값 변경 — 빈 문서면 빈 문자열을 준다 |
 | `onImageUpload` | `(file: File) => Promise<string>` | 이미지 업로드 — 고른 파일을 저장하고 **표시할 URL 을 돌려준다.** 저장 위치는 앱마다 다르므로 DS 가 정하지 않는다. 이 훅이 없으면 툴바에서 이미지 항목이 빠진다 (본문에 base64 를 박지 않는다 — HTML 이 그대로 DB 로 실려 간다). |
 | `onFocus` | `() => void` | 포커스 진입 |
 | `onBlur` | `() => void` | 포커스 이탈 |

package/dist/components/SEditor/SEditor.d.ts

@@ -28,7 +28,7 @@ export interface SEditorProps {
     value?: string;
     /** 초기값 (비제어) — HTML 문자열 */
     defaultValue?: string;
-    /** 값 변경 (sdUpdate) — 빈 문서면 빈 문자열을 준다 */
+    /** 값 변경 — 빈 문서면 빈 문자열을 준다 */
     onValueChange?: (html: string) => void;
     /** 빈 문서에 보일 안내 문구. 생략하면 `SLocaleProvider` 로케일의 기본 문구(ko: "내용을 입력해 주세요.")를 쓴다 */
     placeholder?: string;

package/dist/components/SField/SField.d.ts

@@ -8,7 +8,7 @@ export type SFieldSize = 'sm' | 'md';
 export type SFieldAddonAlign = 'start' | 'center' | 'end';
 export type SFieldStatus = 'default' | 'pass' | 'error';
 export type SFieldLabelPosition = 'left' | 'top';
-/** ref로 노출되는 UX 메서드 (sd-field @Method sdFocus 대응) */
+/** ref로 노출되는 UX 메서드 */
 export interface SFieldHandle {
     /** 내부 컨트롤에 포커스하고 필드를 화면에 스크롤합니다. */
     focus: () => void;
@@ -141,8 +141,8 @@ export declare const fieldLabelId: (controlId: string) => string;
  */
 export declare function useFieldControlId(id?: string): string;
 /**
- * SField — sd-field 포팅. 폼 컨트롤 래퍼.
+ * SField — 폼 컨트롤 래퍼.
  * ★ SField 가 컨트롤 테두리 박스(border/radius/bg + hover/focus/error/disabled 상태)를 소유하고,
- *   children(input/select 등)은 테두리 없이 그 안을 채운다. (Stencil sd-field 구조)
+ *   children(input/select 등)은 테두리 없이 그 안을 채운다.
  */
 export declare const SField: import("react").ForwardRefExoticComponent<SFieldProps & import("react").RefAttributes<SFieldHandle>>;

package/dist/components/SFilePicker/README.md

@@ -45,8 +45,8 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onValueChange` | `(value: SFilePickerValue) => void` | 파일 변경 (sdUpdate) |
-| `onReject` | `(detail: { files: File[]; reason: SFilePickerRejectReason }) => void` | 제한 초과 거부 (sdReject) |
+| `onValueChange` | `(value: SFilePickerValue) => void` | 파일 변경 |
+| `onReject` | `(detail: { files: File[]; reason: SFilePickerRejectReason }) => void` | 제한 초과 거부 |
 
 ## Types
 

package/dist/components/SFilePicker/SFilePicker.d.ts

@@ -9,9 +9,9 @@ export type SFilePickerValue = File[] | File | null;
 export type SFilePickerRejectReason = 'max-file-size' | 'max-total-size' | 'max-files';
 export interface SFilePickerProps {
     value?: SFilePickerValue;
-    /** 파일 변경 (sdUpdate) */
+    /** 파일 변경 */
     onValueChange?: (value: SFilePickerValue) => void;
-    /** 제한 초과 거부 (sdReject) */
+    /** 제한 초과 거부 */
     onReject?: (detail: {
         files: File[];
         reason: SFilePickerRejectReason;
@@ -69,5 +69,5 @@ export interface SFilePickerProps {
     className?: string;
     style?: CSSProperties;
 }
-/** SFilePicker — sd-file-picker 포팅. 단일/다중 파일 + 크기·개수 검증 + 칩 목록. */
+/** SFilePicker — 단일/다중 파일 + 크기·개수 검증 + 칩 목록. */
 export declare function SFilePicker({ value, onValueChange, onReject, placeholder, disabled, focused, hovered, inline, multiple, showMultipleListBox, accept, maxFileSize, maxTotalSize, maxFiles, name, rules, status, size, label, labelPosition, subLabel, labelWidth, icon, iconColor, labelTooltip, labelTooltipProps, addonLabel, addonAlign, hint, error, errorMessage, width, className, style, }: SFilePickerProps): import("react").JSX.Element;

package/dist/components/SForm/README.md

@@ -8,7 +8,7 @@
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `formClassName?` | `string` | — | form 엘리먼트에 추가할 클래스 (sd-form formClassName 대응) |
+| `formClassName?` | `string` | — | form 엘리먼트에 추가할 클래스 |
 | `children?` | `ReactNode` | — |  |
 | `className?` | `string` | — |  |
 | `style?` | `CSSProperties` | — |  |
@@ -17,8 +17,8 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onSubmit` | `() => void` | 모든 필드 검증 통과 후 발생 (sd-form sdSubmit 대응) |
-| `onValidationError` | `(error: SFormValidationError) => void` | 검증 실패 시 실패한 필드 name 목록 전달 (sd-form sdValidationError 대응) |
+| `onSubmit` | `() => void` | 모든 필드 검증 통과 후 발생 |
+| `onValidationError` | `(error: SFormValidationError) => void` | 검증 실패 시 실패한 필드 name 목록 전달 |
 
 #### Methods (ref)
 
@@ -26,7 +26,7 @@
 |--------|------|-------------|
 | `validate` | `() => boolean` | 등록된 모든 필드를 검증하고 통과 여부를 반환 |
 | `resetValidation` | `() => void` | 모든 필드의 검증 상태만 초기화 (값은 소비자 소유) |
-| `reset` | `() => void` | resetValidation 별칭 — sd-form sdReset 대응. 값 리셋은 소비자(value/onChange) 책임 |
+| `reset` | `() => void` | resetValidation 별칭. 값 리셋은 소비자(value/onChange) 책임 |
 | `focusFirstInvalid` | `() => void` | 첫 번째 실패 필드로 포커스 이동 |
 
 ## Types

package/dist/components/SForm/SForm.d.ts

@@ -3,30 +3,30 @@ export interface SFormValidationError {
     /** 검증에 실패한 필드 name 목록 (DOM 순서) */
     names: string[];
 }
-/** ref로 노출되는 폼 제어 메서드 (sd-form @Method 대응) */
+/** ref로 노출되는 폼 제어 메서드 */
 export interface SFormHandle {
     /** 등록된 모든 필드를 검증하고 통과 여부를 반환 */
     validate: () => boolean;
     /** 모든 필드의 검증 상태만 초기화 (값은 소비자 소유) */
     resetValidation: () => void;
-    /** resetValidation 별칭 — sd-form sdReset 대응. 값 리셋은 소비자(value/onChange) 책임 */
+    /** resetValidation 별칭. 값 리셋은 소비자(value/onChange) 책임 */
     reset: () => void;
     /** 첫 번째 실패 필드로 포커스 이동 */
     focusFirstInvalid: () => void;
 }
 export interface SFormProps {
-    /** form 엘리먼트에 추가할 클래스 (sd-form formClassName 대응) */
+    /** form 엘리먼트에 추가할 클래스 */
     formClassName?: string;
-    /** 모든 필드 검증 통과 후 발생 (sd-form sdSubmit 대응) */
+    /** 모든 필드 검증 통과 후 발생 */
     onSubmit?: () => void;
-    /** 검증 실패 시 실패한 필드 name 목록 전달 (sd-form sdValidationError 대응) */
+    /** 검증 실패 시 실패한 필드 name 목록 전달 */
     onValidationError?: (error: SFormValidationError) => void;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
 }
 /**
- * SForm — sd-form 포팅. 폼 안의 rule-bearing 컨트롤(useFormField로 등록)을 모아
+ * SForm — 폼 안의 rule-bearing 컨트롤(useFormField로 등록)을 모아
  * submit 시 일괄 검증한다. 하나라도 실패하면 제출을 막고 첫 실패 필드에 포커스한 뒤
  * onValidationError를 발생시킨다. 값은 여전히 소비자 소유(form-agnostic 유지).
  */

package/dist/components/SGhostButton/README.md

@@ -27,7 +27,7 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onClick` | `(e: MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => void` | 클릭 (sdClick). `href` 와 함께 주면 이동 전에 불린다 |
+| `onClick` | `(e: MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => void` | 클릭. `href` 와 함께 주면 이동 전에 불린다 |
 
 ## Types
 

package/dist/components/SGhostButton/SGhostButton.d.ts

@@ -30,7 +30,7 @@ export interface SGhostButtonProps {
     href?: string;
     /** `href` 를 여는 곳. `'_blank'` 면 `rel="noopener noreferrer"` 를 함께 붙인다 */
     target?: string;
-    /** 클릭 (sdClick). `href` 와 함께 주면 이동 전에 불린다 */
+    /** 클릭. `href` 와 함께 주면 이동 전에 불린다 */
     onClick?: (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     /** tooltip anchor wrapper 클래스. tooltipText가 있을 때 위치 조정용으로 사용합니다. */
     anchorClassName?: string;
@@ -40,7 +40,7 @@ export interface SGhostButtonProps {
     style?: CSSProperties;
 }
 /**
- * SGhostButton — sd-ghost-button 포팅. 아이콘 전용 투명 버튼.
+ * SGhostButton — 아이콘 전용 투명 버튼.
  * hover 시 intent 색 오버레이(5%), focus-visible 링, 옵션 툴팁(회색 STag).
  *
  * `href` 를 주면 같은 모양의 링크(`<a>`)로 그린다.

package/dist/components/SGnb/README.md

@@ -34,9 +34,9 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onValueChange` | `(value: string) => void` | 선택 변경 (sdUpdate) |
+| `onValueChange` | `(value: string) => void` | 선택 변경 |
 | `onRailChange` | `(value: string) => void` | 레일 선택 변경. 레일 아이템을 눌러 패널이 바뀔 때 알린다(선택 상태는 SGnb 가 자체 관리). |
-| `onFoldedChange` | `(folded: boolean) => void` | 접힘 토글 (sdFoldChange) |
+| `onFoldedChange` | `(folded: boolean) => void` | 접힘 토글 |
 | `onMenuWidthChange` | `(width: number) => void` | 메뉴 폭이 확정될 때(드래그를 놓거나 방향키 조작). 드래그하는 동안에는 오지 않는다 |
 
 ## Types

package/dist/components/SGnb/SGnb.d.ts

@@ -102,13 +102,13 @@ export interface SGnbProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>
     showRail?: boolean;
     /** 현재 선택된 아이템 value */
     value?: string;
-    /** 선택 변경 (sdUpdate) */
+    /** 선택 변경 */
     onValueChange?: (value: string) => void;
     /** 레일 선택 변경. 레일 아이템을 눌러 패널이 바뀔 때 알린다(선택 상태는 SGnb 가 자체 관리). */
     onRailChange?: (value: string) => void;
     /** 접힘(레일) 상태. 미지정 시 SLayout 의 folded 를 따른다. */
     folded?: boolean;
-    /** 접힘 토글 (sdFoldChange) */
+    /** 접힘 토글 */
     onFoldedChange?: (folded: boolean) => void;
     /**
      * 앱런처(그리드) 버튼. 미지정 시 런처 버튼을 렌더하지 않는다.

package/dist/components/SGuide/README.md

@@ -28,7 +28,7 @@ export type SGuideType = 'tip' | 'notion';
 ### SGuideMessage
 
 ```ts
-/** 중첩 배열로 depth 표현 (원본 renderListItem 대응). 예: ['상위', ['하위1', '하위2']] */
+/** 중첩 배열로 depth 표현. 예: ['상위', ['하위1', '하위2']] */
 export type SGuideMessage = string | SGuideMessage[];
 ```
 

package/dist/components/SGuide/SGuide.d.ts

@@ -1,6 +1,6 @@
 import { type CSSProperties } from 'react';
 export type SGuideType = 'tip' | 'notion';
-/** 중첩 배열로 depth 표현 (원본 renderListItem 대응). 예: ['상위', ['하위1', '하위2']] */
+/** 중첩 배열로 depth 표현. 예: ['상위', ['하위1', '하위2']] */
 export type SGuideMessage = string | SGuideMessage[];
 export interface SGuideProps {
     /** 가이드 타입 (tip: 팝업, notion: 외부 링크) */
@@ -21,5 +21,5 @@ export interface SGuideProps {
     className?: string;
     style?: CSSProperties;
 }
-/** SGuide — sd-guide 포팅. tip=팝업 안내, notion=외부 링크. */
+/** SGuide — tip=팝업 안내, notion=외부 링크. */
 export declare function SGuide({ type, label, message, url, popupTitle, popupWidth, className, style, }: SGuideProps): import("react").JSX.Element;

package/dist/components/SIcon/SIcon.d.ts

@@ -20,7 +20,6 @@ export interface SIconProps {
     style?: CSSProperties;
 }
 /**
- * SIcon — sd-icon 포팅.
- * icons.gen.tsx 의 SVG 를 currentColor 기반으로 렌더한다.
+ * SIcon — icons.gen.tsx 의 SVG 를 currentColor 기반으로 렌더한다.
  */
 export declare const SIcon: import("react").ForwardRefExoticComponent<SIconProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/SInput/README.md

@@ -13,8 +13,8 @@
 | `size?` | `SFieldSize` | `'sm'` | 크기 |
 | `icon?` | `SIconName` | — | 좌측 아이콘명 |
 | `iconColor?` | `SColor` | — | 좌측 아이콘 색상 |
-| `prefix?` | `ReactNode` | — | 입력 앞(좌측) 커스텀 노드 — 원본 slot="prefix" |
-| `suffix?` | `ReactNode` | — | 입력 뒤(우측) 커스텀 노드 — 원본 slot="suffix" |
+| `prefix?` | `ReactNode` | — | 입력 앞(좌측) 커스텀 노드 |
+| `suffix?` | `ReactNode` | — | 입력 뒤(우측) 커스텀 노드 |
 | `clearable?` | `boolean` | `false` | 지우기 버튼 |
 | `rules?` | `Rule[]` | — | 유효성 규칙 — blur 시 자동 검증 |
 | `status?` | `SFieldStatus` | — | 필드 상태 ('default' | 'pass' | 'error') |
@@ -43,7 +43,7 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onValueChange` | `(value: string) => void` | 값 변경 (sdUpdate) — 문자열 전달 |
+| `onValueChange` | `(value: string) => void` | 값 변경 — 문자열 전달 |
 | `onChange` | `InputHTMLAttributes<HTMLInputElement>['onChange']` | 네이티브 onChange (form-agnostic 연동용, RHF 등) |
 
 ## Dependencies

package/dist/components/SInput/SInput.d.ts

@@ -8,7 +8,7 @@ import { type SFieldWidth } from '../../lib/field-width';
 export interface SInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange' | 'type' | 'prefix' | 'suffix'> {
     /** 값 (제어) */
     value?: string | number;
-    /** 값 변경 (sdUpdate) — 문자열 전달 */
+    /** 값 변경 — 문자열 전달 */
     onValueChange?: (value: string) => void;
     /** 네이티브 onChange (form-agnostic 연동용, RHF 등) */
     onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
@@ -20,9 +20,9 @@ export interface SInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     icon?: SIconName;
     /** 좌측 아이콘 색상 */
     iconColor?: SColor;
-    /** 입력 앞(좌측) 커스텀 노드 — 원본 slot="prefix" */
+    /** 입력 앞(좌측) 커스텀 노드 */
     prefix?: ReactNode;
-    /** 입력 뒤(우측) 커스텀 노드 — 원본 slot="suffix" */
+    /** 입력 뒤(우측) 커스텀 노드 */
     suffix?: ReactNode;
     /** 지우기 버튼 */
     clearable?: boolean;
@@ -67,5 +67,5 @@ export interface SInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     className?: string;
     style?: CSSProperties;
 }
-/** SInput — sd-input 포팅. SField(테두리 박스) + borderless native input + clearable/password/icon. */
+/** SInput — SField(테두리 박스) + borderless native input + clearable/password/icon. */
 export declare const SInput: import("react").ForwardRefExoticComponent<SInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/SKeyValueTable/README.md

@@ -22,8 +22,8 @@
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `onChange` | `(detail: SKeyValueChangeDetail) => void` | 값 변경 (sdChange) |
-| `onSearch` | `() => void` | 검색 클릭 (sdSearch) |
+| `onChange` | `(detail: SKeyValueChangeDetail) => void` | 값 변경 |
+| `onSearch` | `() => void` | 검색 클릭 |
 
 ## Types
 

package/dist/components/SKeyValueTable/SKeyValueTable.d.ts

@@ -138,13 +138,13 @@ export interface SKeyValueTableProps {
      * 개별 필드만 예외로 두려면 그 필드의 `options.maxWidth` 를 준다 — 이 정책보다 우선한다.
      */
     fieldWidth?: 'auto' | 'fill';
-    /** 값 변경 (sdChange) */
+    /** 값 변경 */
     onChange?: (detail: SKeyValueChangeDetail) => void;
-    /** 검색 클릭 (sdSearch) */
+    /** 검색 클릭 */
     onSearch?: () => void;
     className?: string;
     style?: CSSProperties;
 }
-/** SKeyValueTable — sd-key-value-table 포팅. th/td 폼 레이아웃 + 필드 렌더러. */
+/** SKeyValueTable — th/td 폼 레이아웃 + 필드 렌더러. */
 export declare function SKeyValueTable({ fields, values, dense, search, radius, bordered, fieldWidth, onChange, onSearch, className, style, }: SKeyValueTableProps): import("react").JSX.Element | null;
 export {};

package/dist/components/SLinearProgress/SLinearProgress.d.ts

@@ -21,5 +21,5 @@ export interface SLinearProgressProps {
     className?: string;
     style?: CSSProperties;
 }
-/** SLinearProgress — sd-linear-progress 포팅. */
+/** SLinearProgress — 가로 막대 진행률. type 별 색, 진행률 없는 indeterminate 지원. */
 export declare const SLinearProgress: import("react").ForwardRefExoticComponent<SLinearProgressProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/SLoadingContainer/README.md

@@ -8,7 +8,7 @@
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `open?` | `boolean` | `false` | 오버레이 표시 여부 (Stencil의 show()/hide() 명령형 API → 제어 prop으로 대체) |
+| `open?` | `boolean` | `false` | 오버레이 표시 여부 (제어 prop) |
 | `message?` | `string` | — | 스피너 하단 메시지 |
 | `zIndex?` | `number` | `Z_INDEX.loading` | z-index. 기본값(1200)은 토스트(1100)·모달 호스트(1000) 위 — 전체 화면을 막는 최상단 블로킹 오버레이 |
 | `className?` | `string` | — |  |

package/dist/components/SLoadingContainer/SLoadingContainer.d.ts

@@ -1,6 +1,6 @@
 import { type CSSProperties } from 'react';
 export interface SLoadingContainerProps {
-    /** 오버레이 표시 여부 (Stencil의 show()/hide() 명령형 API → 제어 prop으로 대체) */
+    /** 오버레이 표시 여부 (제어 prop) */
     open?: boolean;
     /** 스피너 하단 메시지 */
     message?: string;
@@ -10,8 +10,8 @@ export interface SLoadingContainerProps {
     style?: CSSProperties;
 }
 /**
- * SLoadingContainer — sd-loading-container 포팅.
- * 전체 화면 딤 오버레이 + inverse 스피너. React에서는 `open` 제어 prop 사용.
+ * SLoadingContainer — 전체 화면 딤 오버레이 + inverse 스피너. `open` 제어 prop 으로 띄운다.
+ * 명령형으로 띄우려면 `loading.show()` 를 쓴다.
  * body 로 portal 해 조상의 스태킹 컨텍스트에 갇히지 않고 항상 최상단에 뜨게 한다.
  */
 export declare const SLoadingContainer: import("react").ForwardRefExoticComponent<SLoadingContainerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/SLoadingModal/README.md

@@ -9,7 +9,8 @@
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `open?` | `boolean` | — |  |
-| `persistent?` | `boolean` | — | 백드롭·ESC로 안 닫히고 흔들림 (sd-modal-container persistent). **기본값 true** |
+| `persistent?` | `boolean` | — | 백드롭 클릭으로 안 닫히고 흔들림. **기본값 true** |
+| `closeOnEscape?` | `boolean` | `false` | ESC 로 닫는다. **기본값 false** — 로딩 중 임의 닫힘을 막는다. true 면 ESC 로 닫힌다 |
 | `state?` | `SLoadingModalState` | `'loading'` | 상태 (loading: 스피너, error: 경고 아이콘) |
 | `progress?` | `number` | — | 진행률 (0–100) — 지정 시 determinate 스피너 |
 | `message?` | `string \| string[]` | — | 메시지 (없으면 state 기본값) |
@@ -23,8 +24,8 @@
 | Event | Type | Description |
 |-------|------|-------------|
 | `onOpenChange` | `(open: boolean) => void` |  |
-| `onClose` | `() => void` | 닫기(X) 버튼 클릭 (sdClose) — error 상태에서만 노출 |
-| `onButtonClick` | `() => void` | 버튼 클릭 (sdClick) |
+| `onClose` | `() => void` | 닫기(X) 버튼 클릭 — error 상태에서만 노출 |
+| `onButtonClick` | `() => void` | 버튼 클릭 |
 
 ## Types