sellmate-design-system-react 9.0.0-beta.52 → 9.0.0-beta.53

package/dist/lib/chart/tooltip.d.ts

@@ -15,6 +15,16 @@ export interface ChartTooltipAnchor {
     /** 막대의 위쪽 끝 */
     top: number;
 }
+/**
+ * 기준 자리에서 상자를 띄우는 가로 거리(px). 오른쪽에 설 때와 왼쪽으로 넘길 때가 다를 수 있어
+ * 두 값을 따로 받는다 — **음수면 그만큼 기준 자리 안으로 물린다.**
+ */
+export interface ChartTooltipGapX {
+    /** 오른쪽에 세울 때 — 기준 자리의 오른쪽 끝에서 상자 왼쪽 변까지 */
+    after: number;
+    /** 왼쪽으로 넘길 때 — 상자 오른쪽 변에서 기준 자리의 왼쪽 끝까지 */
+    before: number;
+}
 export interface ChartTooltipProps {
     /** 상자 제목 — 보통 카테고리 이름 */
     title: string;
@@ -26,6 +36,8 @@ export interface ChartTooltipProps {
         width: number;
         height: number;
     };
+    /** 기준 자리에서 띄우는 가로 거리. 기본값은 양쪽 다 4px */
+    gapX?: ChartTooltipGapX;
     className?: string;
 }
-export declare function ChartTooltip({ title, items, anchor, bounds, className }: ChartTooltipProps): import("react").JSX.Element;
+export declare function ChartTooltip({ title, items, anchor, bounds, gapX, className, }: ChartTooltipProps): import("react").JSX.Element;

package/dist/llms-full.txt

@@ -2345,6 +2345,9 @@ export default function ProductDetailPage() {
     description="(사내 답변은 사내 문서를 기반으로 답변합니다.)"
     onLogin={signIn}
     footerNote="계정이 없다면 담당자에게 문의를 요청해 주세요."
+    bottomAction={
+      <STextLink label="관리자 로그인" icon="settingOutline" rightArrow="chevron" onClick={goAdmin} />
+    }
   />
 </div>
 ```
@@ -2362,8 +2365,11 @@ export default function ProductDetailPage() {
 | `description` | 소개 바로 아래 붙는 보조 설명. 소개와 한 문단으로 읽힌다 — 없으면 생략한다 |
 | `onLogin` | 로그인 버튼을 눌렀을 때. **버튼은 카드가 그리므로 동작만 넘긴다** — 문구·색·크기는 세 제품에서 같아야 한다 |
 | `footerNote` | 버튼 아래 안내 문구 |
+| `bottomAction` | 카드 **맨 아래**에 서는 보조 진입점 (예: 관리자 로그인). `STextLink` 하나만 넣는다 — 없으면 생략한다 |
+
+**`bottomAction` 은 로그인과 성격이 다른 진입점만 받는다.** 관리자 로그인처럼 "이 화면의 주인공은 아니지만 여기서만 갈 수 있는 곳"이 그 자리다. 카드가 바닥에 붙여 세우고, 가운데 덩어리는 그만큼 밀리지 않고 한가운데에 그대로 선다. **버튼을 세우지 않는다** — 로그인 버튼과 무게가 같아지는 순간 「이 화면에서 눌러야 하는 것」이 흐려진다. 읽을 문장은 여기가 아니라 `description`·`footerNote` 로 간다.
 
-**문구 말고는 주지 않는다.** 라운드·간격·타이포·버튼 색은 카드가 쥐고 있어 제품이 달라도 같은 화면이 선다.
+**문구와 `bottomAction` 말고는 주지 않는다.** 라운드·간격·타이포·버튼 색은 카드가 쥐고 있어 제품이 달라도 같은 화면이 선다.
 
 **크기는 부모가 정한다 — `className` 으로 폭을 박지 않는다.** 카드는 폭을 368~640px 사이에서 부모에 맞추고 높이도 부모가 준 만큼 채운다. 밖에서 고정하면 상하한이 무의미해져, 좁은 화면에서 함께 좁아져야 할 카드가 그대로 남아 넘친다. 좁게 세워야 하면 카드가 아니라 바깥 한 겹을 좁힌다.
 
@@ -6290,6 +6296,7 @@ export type SLoadingModalState = 'loading' | 'error';
 | `title` | `ReactNode` | — | 제품을 한 줄로 소개하는 문장 |
 | `description?` | `ReactNode` | — | 소개 문장 바로 아래 붙는 보조 설명. 소개와 한 덩어리로 읽힌다 |
 | `footerNote?` | `ReactNode` | — | 버튼 아래 안내 문구 (예: 계정 발급 문의 안내) |
+| `bottomAction?` | `ReactNode` | — | 카드 **맨 아래**에 서는 보조 진입점 (예: 관리자 로그인). 가운데 덩어리와 섞이지 않도록 바닥에 붙고, 위 덩어리는 카드 한가운데에 그대로 선다. `STextLink` 하나만 넣는다 — 이 자리는 "이 화면에서 할 일은 로그인 하나"라는 뜻을 깨지 않을 만큼만 작아야 해서, 버튼이나 문단이 서는 자리가 아니다. |
 
 #### Events
 

package/dist/llms.txt

@@ -2346,6 +2346,9 @@ export default function ProductDetailPage() {
     description="(사내 답변은 사내 문서를 기반으로 답변합니다.)"
     onLogin={signIn}
     footerNote="계정이 없다면 담당자에게 문의를 요청해 주세요."
+    bottomAction={
+      <STextLink label="관리자 로그인" icon="settingOutline" rightArrow="chevron" onClick={goAdmin} />
+    }
   />
 </div>
 ```
@@ -2363,8 +2366,11 @@ export default function ProductDetailPage() {
 | `description` | 소개 바로 아래 붙는 보조 설명. 소개와 한 문단으로 읽힌다 — 없으면 생략한다 |
 | `onLogin` | 로그인 버튼을 눌렀을 때. **버튼은 카드가 그리므로 동작만 넘긴다** — 문구·색·크기는 세 제품에서 같아야 한다 |
 | `footerNote` | 버튼 아래 안내 문구 |
+| `bottomAction` | 카드 **맨 아래**에 서는 보조 진입점 (예: 관리자 로그인). `STextLink` 하나만 넣는다 — 없으면 생략한다 |
+
+**`bottomAction` 은 로그인과 성격이 다른 진입점만 받는다.** 관리자 로그인처럼 "이 화면의 주인공은 아니지만 여기서만 갈 수 있는 곳"이 그 자리다. 카드가 바닥에 붙여 세우고, 가운데 덩어리는 그만큼 밀리지 않고 한가운데에 그대로 선다. **버튼을 세우지 않는다** — 로그인 버튼과 무게가 같아지는 순간 「이 화면에서 눌러야 하는 것」이 흐려진다. 읽을 문장은 여기가 아니라 `description`·`footerNote` 로 간다.
 
-**문구 말고는 주지 않는다.** 라운드·간격·타이포·버튼 색은 카드가 쥐고 있어 제품이 달라도 같은 화면이 선다.
+**문구와 `bottomAction` 말고는 주지 않는다.** 라운드·간격·타이포·버튼 색은 카드가 쥐고 있어 제품이 달라도 같은 화면이 선다.
 
 **크기는 부모가 정한다 — `className` 으로 폭을 박지 않는다.** 카드는 폭을 368~640px 사이에서 부모에 맞추고 높이도 부모가 준 만큼 채운다. 밖에서 고정하면 상하한이 무의미해져, 좁은 화면에서 함께 좁아져야 할 카드가 그대로 남아 넘친다. 좁게 세워야 하면 카드가 아니라 바깥 한 겹을 좁힌다.
 

package/dist/styles.css

@@ -3468,6 +3468,9 @@
   .pt-sd-48 {
     padding-top: var(--spacing-sd-48);
   }
+  .pt-sd-60 {
+    padding-top: var(--spacing-sd-60);
+  }
   .pr-\(--cmp-chatFile-paddingRight\) {
     padding-right: var(--cmp-chatFile-paddingRight);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sellmate-design-system-react",
-  "version": "9.0.0-beta.52",
+  "version": "9.0.0-beta.53",
   "description": "Sellmate Design System — React (TypeScript + Tailwind v4) port",
   "license": "UNLICENSED",
   "keywords": [