sellmate-design-system-react 0.1.10 → 0.2.0

package/dist/components/SModalContainer/SModalContainer.d.ts

@@ -1,4 +1,9 @@
 import { type ReactNode, type CSSProperties } from 'react';
+/**
+ * @internal
+ * 내부 전용 타입. 소비자에게 노출되지 않으며(패키지 barrel export 제외),
+ * SConfirmModal/SActionModal/SLoadingModal 내부에서만 사용한다.
+ */
 export interface SModalContainerProps {
     /** 표시 여부 (제어) */
     open?: boolean;
@@ -23,5 +28,10 @@ export interface SModalContainerProps {
  * SModalContainer — sd-modal-container 포팅 (Radix Dialog 기반).
  * 모든 모달(Confirm/Action/Loading)의 공통 컨테이너. 딤 오버레이 + 중앙 흰 카드.
  * persistent=true면 백드롭/ESC 닫기를 막고 흔들림 애니메이션을 준다.
+ *
+ * @internal
+ * 내부 전용 컴포넌트다. 패키지 public export(src/index.ts)에서 의도적으로 제외돼 있어
+ * 소비자는 직접 import 할 수 없고, SConfirmModal/SActionModal/SLoadingModal 세 모달의
+ * 공통 컨테이너로만 조합해 쓴다. barrel(src/index.ts)에 다시 추가하지 말 것.
  */
 export declare function SModalContainer({ open, onOpenChange, ariaTitle, showClose, onClose, persistent, width, height, children, className, style, }: SModalContainerProps): import("react").JSX.Element;

package/dist/components/SModalContainer/SModalContainer.js

@@ -17,7 +17,9 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var PortalContainerContext = createContext(null);
+var InsideModalContext = createContext(false);
 var PortalContainerProvider = PortalContainerContext.Provider;
+var InsideModalProvider = InsideModalContext.Provider;
 function usePortalContainer() {
   return useContext(PortalContainerContext) ?? void 0;
 }
@@ -2973,6 +2975,8 @@ function SGhostButton({
   tooltipText,
   disabled = false,
   onClick,
+  anchorClassName,
+  anchorStyle,
   className,
   style
 }) {
@@ -2995,6 +2999,8 @@ function SGhostButton({
   };
   const s = SIZE[size];
   const contentColor = disabled ? intent === "inverse" ? "var(--cmp-ghostButton-inverse-disabled)" : "var(--cmp-ghostButton-icon-disabled)" : `var(--cmp-ghostButton-${intent}-content)`;
+  const text = (tooltipText ?? "").trim();
+  const hasTooltip = text !== "";
   const btn = /* @__PURE__ */ jsxs(
     "button",
     {
@@ -3035,13 +3041,13 @@ function SGhostButton({
       ]
     }
   );
-  const text = (tooltipText ?? "").trim();
-  if (text === "") return btn;
+  if (!hasTooltip) return btn;
   return /* @__PURE__ */ jsxs(RPopover.Root, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(RPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx(
       "span",
       {
-        className: "inline-flex",
+        className: cn("inline-flex", anchorClassName),
+        style: anchorStyle,
         onMouseEnter: openNow,
         onMouseLeave: startHide,
         onFocus: openNow,
@@ -3125,7 +3131,7 @@ function SModalContainer({
                     className: "absolute right-[16px] top-[16px] z-10"
                   }
                 ),
-                /* @__PURE__ */ jsx(PortalContainerProvider, { value: portalContainer, children })
+                /* @__PURE__ */ jsx(InsideModalProvider, { value: true, children: /* @__PURE__ */ jsx(PortalContainerProvider, { value: portalContainer, children }) })
               ]
             }
           )