sellmate-design-system-react 9.0.0-beta.18 → 9.0.0-beta.19

package/dist/llms-full.txt

@@ -2868,7 +2868,6 @@ export interface SChipFilterDatePreset {
 - [SIcon](../SIcon)
 - [SRadio](../SRadio)
 - [SRadioButton](../SRadioButton)
-- [SSelect](../SSelect)
 - [STag](../STag)
 - [STextLink](../STextLink)
 - [STooltip](../STooltip)
@@ -3318,6 +3317,7 @@ export type SDateRangePickerSize = SFieldSize;
 | `supportingText?` | `SDraggableItemSlot` | — | 제목을 보조하는 텍스트 |
 | `supportingTextPosition?` | `SDraggableItemSupportingTextPosition` | `'right'` | 보조 텍스트 위치 |
 | `trailing?` | `SDraggableItemSlot` | — | 타이틀 뒤에 표시할 태그/콘텐츠 |
+| `depth?` | `number` | `1` | 중첩 단계. `SListItem`·`SExpansionItem` 과 같은 들여쓰기 간격을 사용한다 |
 | `accentStripe?` | `boolean` | `false` | 아이템 왼쪽 accent stripe 표시 여부 |
 | `bordered?` | `boolean` | `false` | 외곽 테두리 사용 여부 |
 | `selected?` | `boolean` | `false` | 선택 상태 여부 |
@@ -3411,6 +3411,10 @@ export interface SDraggableItemRenderState {
 | `selectedKey?` | `string` | — | 외부에서 제어하는 selected 아이템 key |
 | `defaultSelectedKey?` | `string` | — | 초기 selected 아이템 key |
 | `getDisabled?` | `(item: T, index: number) => boolean` | — | disabled 아이템은 선택 및 드래그에서 제외 |
+| `getDepth?` | `(item: T, index: number) => number` | — | 아이템의 중첩 단계. 기본값은 1 |
+| `setDepth?` | `(item: T, depth: number) => T` | — | depth 변경이 필요한 드롭에서 다음 아이템을 만드는 함수 |
+| `getCanHaveChildren?` | `(item: T, index: number) => boolean` | — | 하위 depth 를 가질 수 있는 아이템인지 판정 |
+| `maxDepth?` | `number` | `3` | 허용할 최대 depth |
 | `listId?` | `string` | — | Provider 안에서 사용할 리스트 식별자 |
 | `group?` | `string` | — | 같은 group 값을 가진 리스트끼리 드래그 이벤트를 공유 |
 
@@ -3450,6 +3454,7 @@ export interface SDraggableGroupMoveEvent {
 export interface SDraggableListRenderState {
   onDragHandleMouseDown: (event: MouseEvent<HTMLDivElement>) => void;
   selected: boolean;
+  depth: number;
 }
 ```
 

package/dist/styles.css

@@ -3440,6 +3440,16 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-2 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .outline-offset-\[-2px\] {
+    outline-offset: -2px;
+  }
+  .outline-\(--sys-color-border-accent\) {
+    outline-color: var(--sys-color-border-accent);
+  }
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);

package/eslint/lib/table-column.mjs

@@ -74,16 +74,25 @@ export function literalString(node) {
 }
 
 /**
- * STableColumn 자리인지 — `name` · `label` 두 개만 보고 판정한다.
+ * STableColumn 자리인지 — `asColumn` 보다 넓게, 값을 그리지 않는 스페이서 열까지 본다.
  *
- * `asColumn` 과 달리 `field` 를 요구하지 않는다. 남은 폭을 먹는 `autoWidth` 스페이서 열은
- * 값을 그리지 않아 `field` 가 없고, 폭 규칙은 바로 그 열까지 봐야 하기 때문이다.
+ * `name` · `label` 만으로는 판정하지 않는다. 소비 앱의 검색 필터 필드·상세 모달 키-값 필드가
+ * 정확히 같은 모양(`{ name, label, type, ... }`)이라, 그것만 보면 잡히는 것의 대부분이 표와
+ * 무관한 객체가 된다 — 실측에서 265건 중 261건이 오탐이었다.
+ *
+ * 그래서 `STableColumn` 타입의 판별 유니온을 그대로 옮긴다 — 값을 그리는 열은 `field` 를,
+ * 값을 그리지 않는 스페이서 열은 `autoWidth` 를 반드시 갖는다. 둘 다 없으면 컬럼이 아니다.
+ * 폭 규칙이 봐야 하는 스페이서 열은 `autoWidth` 쪽으로 그대로 들어온다.
+ *
+ * 놓치는 것: `{ ...base, name, label }` 처럼 `field` 가 스프레드로 들어오는 컬럼. 정적으로는
+ * 검색 필터 필드와 구분되지 않아 보고하지 않는다 (`asColumn` 을 쓰는 다른 두 규칙과 같은 한계).
  * @returns {{ nameProp, labelProp, columnName: string | undefined } | null}
  */
 export function asColumnShape(node) {
   const nameProp = prop(node, "name");
   const labelProp = prop(node, "label");
   if (!nameProp || !labelProp) return null;
+  if (!prop(node, "field") && !prop(node, "autoWidth")) return null;
   // name 이 문자열 리터럴이 아니면 컬럼 정의로 단정하지 않는다 (일반 객체 오탐 방지)
   const columnName = literalString(nameProp);
   if (columnName === undefined) return null;

package/eslint/rules/table-column-width.mjs

@@ -12,8 +12,9 @@
  * `autoWidth` 는 남은 폭을 흡수하는 스페이서 열 하나에 쓰는 것이라, 값을 그리는 열
  * (`render` · `format` 이 붙은 열)에 주면 폭이 다른 열에 좌우돼 화면마다 달라진다.
  *
- * 대상은 `name`(문자열 리터럴) · `label` 을 가진 객체 리터럴이다 — `field` 는 요구하지 않는다.
- * 스페이서 열에는 `field` 가 없기 때문이다.
+ * 대상은 `name`(문자열 리터럴) · `label` 에 더해 `field` 또는 `autoWidth` 를 가진 객체 리터럴이다.
+ * `STableColumn` 타입이 값을 그리는 열에는 `field` 를, 스페이서 열에는 `autoWidth` 를 요구하므로
+ * 검사 범위는 그대로이면서, 같은 모양(`name` + `label`)인 검색 필터 필드가 걸리지 않는다.
  *
  * AGENTS.md §3-4.
  */

package/package.json

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