sellmate-design-system-react 2.1.0 → 2.1.2

package/dist/components/SActionModal/SActionModal.d.ts

@@ -17,9 +17,15 @@ export interface SActionModalProps {
     /** true면 백드롭·ESC로 안 닫히고 흔들림 (sd-modal-container persistent) */
     persistent?: boolean;
     modalTitle?: string;
-    /** 하단 액션 버튼 */
+    /**
+     * 하단 액션 버튼 (주 액션 1개).
+     * 의도적으로 단수다 — 보조 버튼(취소·삭제 등)은 `footerLeft` 슬롯에 직접 배치한다.
+     */
     button?: SActionModalButton;
-    /** footer 좌측 영역 (sd-action-modal 의 bottom-sub-content 슬롯) */
+    /**
+     * footer 좌측 영역 (sd-action-modal 의 bottom-sub-content 슬롯).
+     * 보조 버튼이나 안내 문구를 넣는다. 버튼을 하나 더 쓰고 싶을 때 여기에 SButton 을 넣는다.
+     */
     footerLeft?: ReactNode;
     width?: number | string;
     height?: number | string;
@@ -30,5 +36,8 @@ export interface SActionModalProps {
  *
  * 액션 버튼은 `button.onClick` 만 호출하고 모달을 닫지 않는다. 본문에서 API 를 호출하는 경우가
  * 많아 성공 여부에 따라 닫힘 시점이 달라지므로, 닫는 책임은 사용하는 쪽에 둔다.
+ *
+ * `button` 은 의도적으로 단수다. 주 액션은 오른쪽에 하나만 두고, 보조 버튼은 `footerLeft` 슬롯에
+ * 소비자가 직접 배치한다. (buttons 배열 API 를 추가하지 말 것)
  */
 export declare function SActionModal({ open, onOpenChange, onClose, persistent, modalTitle, button, footerLeft, width, height, children, }: SActionModalProps): import("react").JSX.Element;

package/dist/components/SActionModal/SActionModal.js

@@ -3142,11 +3142,17 @@ function SModalContainer({
                 /* @__PURE__ */ jsx(InsideModalProvider, { value: true, children: /* @__PURE__ */ jsx(PortalContainerProvider, { value: portalContainer, children }) })
               ]
             }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: setPortalContainer,
+              className: "pointer-events-auto fixed left-0 top-0 z-[1001]"
+            }
           )
         ]
       }
-    ) }),
-    /* @__PURE__ */ jsx("div", { ref: setPortalContainer, className: "pointer-events-auto fixed left-0 top-0 z-[1001]" })
+    ) })
   ] }) });
 }