sellmate-design-system-react 8.1.0 → 9.0.0-beta.10

package/dist/components/SSectionHeaderCard/README.md

@@ -2,37 +2,24 @@
 
 > 자동 생성 문서 — `npm run docs:gen`. 소스: 각 컴포넌트의 Props/Handle 인터페이스 + import 의존성.
 
-### SSectionHeaderCardBody
-
-#### Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `children?` | `SSectionHeaderCardBodyChildren` | — | 바디 슬롯. 특정 컴포넌트 타입으로 제한하지 않습니다. |
-| `padding?` | `SSectionHeaderCardBodyPadding` | `'default'` | 안쪽 여백. 기본은 `default`. 성격이 다른 요소가 세 종류 이상 섞인 영역에만 `wide`, 표를 가장자리까지 채울 때만 `none`. |
-
-### SSectionHeaderCardHeader
+### SSectionHeaderCard
 
 #### Props
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `title` | `ReactNode` | — | 헤더 제목 |
-| `titleSize?` | `SSectionHeaderCardTitleSize` | `'xs'` | 제목 크기 |
-| `marker?` | `boolean` | `false` | 제목 앞 점 표시 여부 |
-| `required?` | `boolean` | `false` | 제목 뒤 필수 별 표시 여부 |
+| `title?` | `ReactNode` | — | 헤더 제목 |
+| `titleSize?` | `SSectionHeaderCardTitleSize` | — | 제목 크기 |
+| `marker?` | `boolean` | — | 제목 앞 점 표시 여부 |
+| `required?` | `boolean` | — | 제목 뒤 필수 별 표시 여부 |
 | `helpText?` | `string[]` | — | 도움말 툴팁 메시지 |
 | `subtitle?` | `ReactNode` | — | 부제 |
 | `slot?` | `ReactNode` | — | 헤더 우측 슬롯 |
-| `thickness?` | `SSectionHeaderCardThickness` | `false` | 상단 border 색상 타입. false면 표시하지 않습니다. |
-
-### SSectionHeaderCard
-
-#### Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `children?` | `SSectionHeaderCardChildren` | — | SSectionHeaderCard 슬롯. 특정 컴포넌트 타입으로 제한하지 않습니다. |
+| `thickness?` | `SSectionHeaderCardThickness` | — | 상단 border 색상 타입. false면 표시하지 않습니다. |
+| `headerClassName?` | `string` | — | 헤더 영역 클래스 |
+| `padding?` | `SSectionHeaderCardBodyPadding` | — | 바디 안쪽 여백. 기본은 `default`. 성격이 다른 요소가 세 종류 이상 섞인 영역에만 `wide`, 표를 가장자리까지 채울 때만 `none`. |
+| `background?` | `SSectionHeaderCardBodyBackground` | — | 본문 배경. 기본은 `frame` — 카드가 깐 흰 면을 그대로 쓴다. `neutral` 은 바탕을 한 단계 눌러앉혀, 흰 면 덩어리(표·리스트)가 여럿일 때 그것들이 **"면 위에 놓인 객체"로 읽히게** 한다. 위계를 한 단계 더 주고 싶을 때 고르는 선택지이며, **기본값이 틀린 것은 아니다** — 표·리스트는 테두리·라운드·헤더 줄과 간격을 이미 갖고 있어 흰 바탕에서도 경계가 읽힌다. 깔아도 **효과가 없는** 자리가 있다 — 덩어리가 가장자리까지 차는 경우(`padding="none"` 으로 표를 채우면 바탕이 완전히 가려진다), 덩어리에 회색 면이 섞인 경우(그 덩어리가 바탕에 묻힌다), 맨 텍스트나 폼 컨트롤만 있는 본문(떠오를 흰 면이 없다). |
+| `children?` | `SSectionHeaderCardChildren` | — | 바디 콘텐츠. 특정 컴포넌트 타입으로 제한하지 않습니다. |
 
 ## Dependencies
 

package/dist/components/SSectionHeaderCard/SSectionHeaderCard.d.ts

@@ -4,9 +4,10 @@ export type SSectionHeaderCardChildren = ReactNode;
 export type SSectionHeaderCardThickness = false | 'default' | 'accent';
 export type SSectionHeaderCardTitleSize = 'xs' | 'sm';
 export type SSectionHeaderCardBodyPadding = 'default' | 'wide' | 'none';
-export interface SSectionHeaderCardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'slot' | 'title'> {
+export type SSectionHeaderCardBodyBackground = 'frame' | 'neutral';
+export interface SSectionHeaderCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'slot' | 'title'> {
     /** 헤더 제목 */
-    title: ReactNode;
+    title?: ReactNode;
     /** 제목 크기 */
     titleSize?: SSectionHeaderCardTitleSize;
     /** 제목 앞 점 표시 여부 */
@@ -21,21 +22,27 @@ export interface SSectionHeaderCardHeaderProps extends Omit<HTMLAttributes<HTMLD
     slot?: ReactNode;
     /** 상단 border 색상 타입. false면 표시하지 않습니다. */
     thickness?: SSectionHeaderCardThickness;
-}
-export interface SSectionHeaderCardBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** 바디 슬롯. 특정 컴포넌트 타입으로 제한하지 않습니다. */
-    children?: SSectionHeaderCardBodyChildren;
+    /** 헤더 영역 클래스 */
+    headerClassName?: string;
     /**
-     * 안쪽 여백. 기본은 `default`.
+     * 바디 안쪽 여백. 기본은 `default`.
      * 성격이 다른 요소가 세 종류 이상 섞인 영역에만 `wide`, 표를 가장자리까지 채울 때만 `none`.
      */
     padding?: SSectionHeaderCardBodyPadding;
-}
-export interface SSectionHeaderCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** SSectionHeaderCard 슬롯. 특정 컴포넌트 타입으로 제한하지 않습니다. */
+    /**
+     * 본문 배경. 기본은 `frame` — 카드가 깐 흰 면을 그대로 쓴다.
+     *
+     * `neutral` 은 바탕을 한 단계 눌러앉혀, 흰 면 덩어리(표·리스트)가 여럿일 때 그것들이
+     * **"면 위에 놓인 객체"로 읽히게** 한다. 위계를 한 단계 더 주고 싶을 때 고르는 선택지이며,
+     * **기본값이 틀린 것은 아니다** — 표·리스트는 테두리·라운드·헤더 줄과 간격을 이미 갖고 있어
+     * 흰 바탕에서도 경계가 읽힌다.
+     *
+     * 깔아도 **효과가 없는** 자리가 있다 — 덩어리가 가장자리까지 차는 경우(`padding="none"` 으로
+     * 표를 채우면 바탕이 완전히 가려진다), 덩어리에 회색 면이 섞인 경우(그 덩어리가 바탕에 묻힌다),
+     * 맨 텍스트나 폼 컨트롤만 있는 본문(떠오를 흰 면이 없다).
+     */
+    background?: SSectionHeaderCardBodyBackground;
+    /** 바디 콘텐츠. 특정 컴포넌트 타입으로 제한하지 않습니다. */
     children?: SSectionHeaderCardChildren;
 }
-export declare const SSectionHeaderCard: import("react").ForwardRefExoticComponent<SSectionHeaderCardProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Header: import("react").ForwardRefExoticComponent<SSectionHeaderCardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-    Body: import("react").ForwardRefExoticComponent<SSectionHeaderCardBodyProps & import("react").RefAttributes<HTMLDivElement>>;
-};
+export declare const SSectionHeaderCard: import("react").ForwardRefExoticComponent<SSectionHeaderCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/SSectionHeaderCard/index.d.ts

@@ -1 +1 @@
-export { SSectionHeaderCard, type SSectionHeaderCardBodyChildren, type SSectionHeaderCardBodyPadding, type SSectionHeaderCardBodyProps, type SSectionHeaderCardChildren, type SSectionHeaderCardHeaderProps, type SSectionHeaderCardProps, type SSectionHeaderCardThickness, type SSectionHeaderCardTitleSize, } from './SSectionHeaderCard';
+export { SSectionHeaderCard, type SSectionHeaderCardBodyBackground, type SSectionHeaderCardBodyChildren, type SSectionHeaderCardBodyPadding, type SSectionHeaderCardChildren, type SSectionHeaderCardProps, type SSectionHeaderCardThickness, type SSectionHeaderCardTitleSize, } from './SSectionHeaderCard';

package/dist/components/SSelect/README.md

@@ -22,8 +22,8 @@
 | `rules?` | `Rule[]` | — | 유효성 규칙 — 닫힐 때 자동 검증 |
 | `labelTooltipProps?` | `Partial<STooltipProps>` | — | 레이블 툴팁 상세 옵션 |
 | `dropdownHeight?` | `string` | `'260px'` | 드롭다운 최대 높이 |
-| `dropdownWidth?` | `string` | — | 드롭다운 너비 (없으면 트리거 너비) |
-| `maxDropdownWidth?` | `string` | `'640px'` | 드롭다운 최대 너비 |
+| `dropdownWidth?` | `string` | — | 드롭다운 너비 (없으면 트리거 너비). 창보다 넓게 줘도 창 폭까지만 벌어진다. |
+| `maxDropdownWidth?` | `string` | `'640px'` | 드롭다운 최대 너비. 창이 이보다 좁으면 창 폭이 상한이 된다. |
 | `label?` | `string` | — |  |
 | `labelWidth?` | `number \| string` | — |  |
 | `icon?` | `SIconName` | — | 레이블 영역 아이콘 |
@@ -55,6 +55,7 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SKeyValueTable](../SKeyValueTable)
  - [STable](../STable)
 
@@ -73,6 +74,7 @@ graph TD;
   SSelect --> SGhostButton
   SSelect --> SIcon
   SSelect --> SPortal
+  SChipFilter --> SSelect
   SKeyValueTable --> SSelect
   STable --> SSelect
   style SSelect fill:#f9f,stroke:#333,stroke-width:4px

package/dist/components/SSelect/SSelect.d.ts

@@ -45,9 +45,9 @@ export interface SSelectProps {
     labelTooltipProps?: Partial<STooltipProps>;
     /** 드롭다운 최대 높이 */
     dropdownHeight?: string;
-    /** 드롭다운 너비 (없으면 트리거 너비) */
+    /** 드롭다운 너비 (없으면 트리거 너비). 창보다 넓게 줘도 창 폭까지만 벌어진다. */
     dropdownWidth?: string;
-    /** 드롭다운 최대 너비 */
+    /** 드롭다운 최대 너비. 창이 이보다 좁으면 창 폭이 상한이 된다. */
     maxDropdownWidth?: string;
     label?: string;
     labelWidth?: number | string;

package/dist/components/STable/README.md

@@ -19,6 +19,7 @@
 | `stickyHeader?` | `boolean` | — |  |
 | `stickyColumn?` | `STableStickyColumn` | — | 고정할 좌/우 컬럼 수 |
 | `radius?` | `'default' \| 'useTop' \| 'full'` | `'default'` | border-radius 제어 |
+| `bordered?` | `boolean` | `true` | 바깥 테두리. 기본은 `true`. `SSectionHeaderCard` 의 `padding="none"` 안에 넣어 카드 가장자리까지 채울 때 `false` 로 끈다 — 카드가 이미 바깥 테두리를 그리므로, 켜 두면 1px 두 개가 나란히 놓여 그 변만 2px 로 보인다. 페이지네이션 바의 테두리와 1px 겹침(`-mt-px`)도 함께 꺼진다. 본문 테두리가 없으면 겹칠 대상이 없어, 그대로 두면 페이지네이션만 테두리를 갖고 1px 어긋난다. |
 | `noDataLabel?` | `string` | `'데이터가 없습니다.'` |  |
 | `noDataSlot?` | `ReactNode` | — | 데이터가 없을 때 body 영역 전체를 대체하는 슬롯. 지정하면 `noDataLabel` 대신 이 콘텐츠가 헤더 아래 영역을 채우며, 버튼 등 인터랙션도 동작한다. |
 | `isLoading?` | `boolean` | `false` |  |

package/dist/components/STable/STable.d.ts

@@ -38,6 +38,16 @@ export interface STableColumn {
     icon?: SIconName;
     /** 헤더 아이콘 색상. 팔레트 키(`grey_65`, `red_95` …) 또는 임의 CSS 색상 */
     iconColor?: SColor;
+    /**
+     * 셀에 무엇이 들어가는지. 좌우 여백이 여기서 갈린다 — 기본은 `text`(넓게).
+     *
+     * 자기 폭을 가진 컨트롤(`SInput`·`SNumberInput`·`SSelect` 등)이 들어가는 열은 `control` 로 준다.
+     * 텍스트와 같은 넓은 여백을 두면 컨트롤이 쓸 폭이 그만큼 줄어 같은 열 폭에서도 좁아 보인다.
+     *
+     * `SKeyValueTable` 은 `field.type` 으로 이 판정을 스스로 하지만, `STable` 의 셀은 소비 앱이 넘긴
+     * 임의의 `render` 결과라 컴포넌트가 알 수 없다. 그래서 열 단위로 받는다.
+     */
+    contentType?: 'text' | 'control';
     /** 셀 커스텀 렌더 (React 확장) — `<td>` 안쪽 내용만 교체한다 */
     render?: (row: SRow, value: any) => ReactNode;
     /**
@@ -109,6 +119,16 @@ export interface STableProps {
     stickyColumn?: STableStickyColumn;
     /** border-radius 제어 */
     radius?: 'default' | 'useTop' | 'full';
+    /**
+     * 바깥 테두리. 기본은 `true`.
+     *
+     * `SSectionHeaderCard` 의 `padding="none"` 안에 넣어 카드 가장자리까지 채울 때 `false` 로 끈다 —
+     * 카드가 이미 바깥 테두리를 그리므로, 켜 두면 1px 두 개가 나란히 놓여 그 변만 2px 로 보인다.
+     *
+     * 페이지네이션 바의 테두리와 1px 겹침(`-mt-px`)도 함께 꺼진다. 본문 테두리가 없으면 겹칠 대상이
+     * 없어, 그대로 두면 페이지네이션만 테두리를 갖고 1px 어긋난다.
+     */
+    bordered?: boolean;
     noDataLabel?: string;
     /**
      * 데이터가 없을 때 body 영역 전체를 대체하는 슬롯.

package/dist/components/STabs/README.md

@@ -10,7 +10,6 @@
 |------|------|---------|-------------|
 | `value` | `string` | — | 현재 선택된 탭 value |
 | `tabs` | `STabOption[]` | — | 탭 옵션 목록 |
-| `size?` | `STabSize` | `'md'` | 탭 크기 (main 전용) |
 | `isSub?` | `boolean` | `false` | 서브 탭(밑줄형) 스타일 |
 | `vertical?` | `boolean` | `false` | 세로 배치 (sub 전용 — main 폴더형은 항상 가로) |
 | `className?` | `string` | — |  |

package/dist/components/STabs/STabs.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties } from 'react';
-import { type STabSize, type STabOption } from './tabs.config';
+import { type STabOption } from './tabs.config';
 export interface STabsProps {
     /** 현재 선택된 탭 value */
     value: string;
@@ -7,8 +7,6 @@ export interface STabsProps {
     tabs: STabOption[];
     /** 탭 변경 (sdUpdate) */
     onValueChange?: (value: string) => void;
-    /** 탭 크기 (main 전용) */
-    size?: STabSize;
     /** 서브 탭(밑줄형) 스타일 */
     isSub?: boolean;
     /** 세로 배치 (sub 전용 — main 폴더형은 항상 가로) */
@@ -21,4 +19,4 @@ export interface STabsProps {
  * main = 폴더형(탭 줄에 파란 baseline, 탭은 위쪽만 둥글고 하단 테두리 없음),
  * sub = 밑줄형(선택 시 하단 라인). 뱃지(STag), 세로 배치, value 제어 + onValueChange(sdUpdate).
  */
-export declare function STabs({ value, tabs, onValueChange, size, isSub, vertical, className, style, }: STabsProps): import("react").JSX.Element;
+export declare function STabs({ value, tabs, onValueChange, isSub, vertical, className, style, }: STabsProps): import("react").JSX.Element;

package/dist/components/STabs/index.d.ts

@@ -1,2 +1,2 @@
 export { STabs, type STabsProps } from './STabs';
-export { type STabOption, type STabSize } from './tabs.config';
+export { type STabOption } from './tabs.config';

package/dist/components/STabs/tabs.config.d.ts

@@ -1,14 +1,13 @@
-export type STabSize = 'md' | 'lg';
 export interface STabOption {
     label: string;
     value: string;
     badge?: string | number;
 }
-/** main(분절형) 사이즈별 레이아웃 — size는 높이·패딩만 바꾸고 폰트는 고정 */
-export declare const TAB_MAIN_SIZE: Record<STabSize, {
+/** main(분절형) 레이아웃 */
+export declare const TAB_MAIN_SIZE: {
     height: number;
     paddingX: number;
-}>;
+};
 /** 탭 타이포 (main/sub 공통, token: typography.navigation.sm) */
 export declare const TAB_TYPOGRAPHY: {
     fontSize: number;

package/dist/components/STag/README.md

@@ -20,6 +20,7 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SConfirmModal](../SConfirmModal)
  - [SGhostButton](../SGhostButton)
  - [SGnb](../SGnb)
@@ -35,6 +36,7 @@
 ```mermaid
 graph TD;
   STag --> SIcon
+  SChipFilter --> STag
   SConfirmModal --> STag
   SGhostButton --> STag
   SGnb --> STag

package/dist/components/STextLink/README.md

@@ -28,6 +28,7 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SChipInput](../SChipInput)
  - [SPopover](../SPopover)
 
@@ -42,6 +43,7 @@
 graph TD;
   STextLink --> SIcon
   STextLink --> STag
+  SChipFilter --> STextLink
   SChipInput --> STextLink
   SPopover --> STextLink
   style STextLink fill:#f9f,stroke:#333,stroke-width:4px

package/dist/components/STimePicker/timepicker.config.d.ts

@@ -12,6 +12,11 @@ export declare const TIMEPICKER_SIZE_CONFIG: Record<STimePickerSize, {
     lineHeight: number;
     minWidth: number;
     fieldMinWidth: number;
+    /**
+     * 필드 상한. 값 길이가 HH:mm 으로 정해져 있어, width="100%" 를 받아도 행 전체로
+     * 늘어나지 않게 막는다 (SKeyValueTable 이 모든 컨트롤에 100% 를 넘긴다).
+     */
+    fieldMaxWidth: number;
 }>;
 export declare function clampTimePart(value: number, min: number, max: number): number;
 export declare function padTimePart(value: number): string;

package/dist/components/SToggle/README.md

@@ -11,6 +11,7 @@
 | `value?` | `boolean` | `false` | 선택(on/off) 상태 |
 | `label?` | `string` | `''` | 라벨 |
 | `disabled?` | `boolean` | `false` | 비활성 |
+| `size?` | `SToggleSize` | `'sm'` | 크기 |
 | `className?` | `string` | — |  |
 | `style?` | `CSSProperties` | — |  |
 

package/dist/components/SToggle/SToggle.d.ts

@@ -1,4 +1,5 @@
 import { type CSSProperties } from 'react';
+export type SToggleSize = 'xs' | 'sm';
 export interface SToggleProps {
     /** 선택(on/off) 상태 */
     value?: boolean;
@@ -6,6 +7,8 @@ export interface SToggleProps {
     label?: string;
     /** 비활성 */
     disabled?: boolean;
+    /** 크기 */
+    size?: SToggleSize;
     /** 변경 (sdUpdate) */
     onValueChange?: (value: boolean) => void;
     className?: string;
@@ -15,4 +18,4 @@ export interface SToggleProps {
  * SToggle — sd-toggle 포팅. 알약형 토글 버튼.
  * default(흰 배경/회색), hover(파란 채움), select(흰 배경/파란 테두리·글자), disabled.
  */
-export declare function SToggle({ value, label, disabled, onValueChange, className, style, }: SToggleProps): import("react").JSX.Element;
+export declare function SToggle({ value, label, disabled, size, onValueChange, className, style, }: SToggleProps): import("react").JSX.Element;

package/dist/components/STooltip/README.md

@@ -44,6 +44,7 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SField](../SField)
  - [SKeyValueTable](../SKeyValueTable)
  - [SSectionHeaderCard](../SSectionHeaderCard)
@@ -60,6 +61,7 @@
 graph TD;
   STooltip --> SGhostButton
   STooltip --> SIcon
+  SChipFilter --> STooltip
   SField --> STooltip
   SKeyValueTable --> STooltip
   SSectionHeaderCard --> STooltip

package/dist/components/STree/README.md

@@ -18,6 +18,7 @@
 | `border?` | `boolean` | `true` | 아이템 하단 border 표시 여부 |
 | `indeterminate?` | `boolean` | `false` | 일부 선택 상태 |
 | `selectable?` | `boolean` | `true` | 체크박스 표시 여부 |
+| `size?` | `STreeSize` | `'sm'` | 타이포그래피 크기 |
 | `leading?` | `ReactNode \| ((state: STreeItemRenderState) => ReactNode)` | — | 사용자 지정 leading 콘텐츠 |
 | `trailing?` | `ReactNode \| ((state: STreeItemRenderState) => ReactNode)` | — | 사용자 지정 trailing 콘텐츠 |
 
@@ -40,6 +41,8 @@
 | `expandedIds?` | `string[]` | — | 펼쳐진 노드 ID 목록 |
 | `defaultExpandedIds?` | `string[]` | — | 비제어 펼침 초기값 |
 | `selectable?` | `boolean` | `true` | 체크박스 표시 여부 |
+| `size?` | `STreeSize` | `'sm'` | 타이포그래피 크기 |
+| `useAll?` | `boolean` | `false` | 체크박스 사용 시 최상단 전체 선택 아이템 표시 여부 |
 | `guideline?` | `boolean` | `true` | depth 연결선 표시 여부 |
 | `border?` | `boolean` | `true` | 아이템 하단 border 표시 여부 |
 | `cascadeSelection?` | `boolean` | `true` | 부모 선택 시 하위 노드까지 함께 토글 |

package/dist/components/STree/STree.d.ts

@@ -1,4 +1,5 @@
 import { type HTMLAttributes, type MouseEvent, type ReactNode } from 'react';
+export type STreeSize = 'sm' | 'md';
 export interface STreeNode {
     /** 노드 고유 ID */
     id: string;
@@ -12,6 +13,7 @@ export interface STreeNode {
 export interface STreeItemRenderState {
     node: STreeNode;
     depth: number;
+    size: STreeSize;
     expanded: boolean;
     selected: boolean;
     indeterminate: boolean;
@@ -39,6 +41,8 @@ export interface STreeItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ch
     indeterminate?: boolean;
     /** 체크박스 표시 여부 */
     selectable?: boolean;
+    /** 타이포그래피 크기 */
+    size?: STreeSize;
     /** 사용자 지정 leading 콘텐츠 */
     leading?: ReactNode | ((state: STreeItemRenderState) => ReactNode);
     /** 사용자 지정 trailing 콘텐츠 */
@@ -61,6 +65,10 @@ export interface STreeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'childr
     defaultExpandedIds?: string[];
     /** 체크박스 표시 여부 */
     selectable?: boolean;
+    /** 타이포그래피 크기 */
+    size?: STreeSize;
+    /** 체크박스 사용 시 최상단 전체 선택 아이템 표시 여부 */
+    useAll?: boolean;
     /** depth 연결선 표시 여부 */
     guideline?: boolean;
     /** 아이템 하단 border 표시 여부 */

package/dist/components/STree/index.d.ts

@@ -1 +1 @@
-export { STree, STreeItem, type STreeItemProps, type STreeItemRenderState, type STreeNode, type STreeProps, } from './STree';
+export { STree, STreeItem, type STreeItemProps, type STreeItemRenderState, type STreeNode, type STreeProps, type STreeSize, } from './STree';