@stn-uiux/pub-ui-react 0.1.52 → 0.1.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, CSSProperties, ComponentPropsWithoutRef, HTMLAttributes, ThHTMLAttributes, TdHTMLAttributes, FormHTMLAttributes, MouseEvent, SVGAttributes, ElementType } from 'react';
3
+ import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, ThHTMLAttributes, TdHTMLAttributes, FormHTMLAttributes, MouseEvent, SVGAttributes, ElementType } from 'react';
4
4
  export { resolveSystemIconSrcFromName, systemIconSrc } from '@stn-uiux/pub-ui/data/stnSystemIcons';
5
5
  export { STN_PAGINATION_EXAMPLE, STN_PAGINATION_FIGMA, STN_PAGINATION_INTRO, STN_PAGINATION_REACT } from '@stn-uiux/pub-ui/data/stnPagination';
6
6
  import { StnToastKind } from '@stn-uiux/pub-ui/data/stnToast';
7
7
  export { STN_TOAST_ICON_SLUG } from '@stn-uiux/pub-ui/data/stnToast';
8
+ import { StnCardVariant, StnCardRadius, StnCardPadding } from '@stn-uiux/pub-ui/data/stnCard';
8
9
  import { StnChipGrade, StnChipBorderAccent } from '@stn-uiux/pub-ui/data/stnChip';
9
10
  import { StnDropdownOption, StnDropdownSize, StnDropdownVariant, StnDropdownModifier, StnDropdownHelperTextPosition, StnDropdownDirection } from '@stn-uiux/pub-ui/data/stnDropdown';
10
11
  export { STN_DROPDOWN_HTML_COUNTS, STN_DROPDOWN_INTRO, STN_DROPDOWN_INVENTORY, STN_DROPDOWN_MENU_INTRO, STN_DROPDOWN_MENU_USAGE, STN_DROPDOWN_SIZE_ROWS, STN_DROPDOWN_USAGE, StnDropdownHelperTextPosition, StnDropdownModifier, StnDropdownOption, StnDropdownSize, StnDropdownVariant } from '@stn-uiux/pub-ui/data/stnDropdown';
@@ -24,7 +25,7 @@ import { StnDateRange } from '@stn-uiux/pub-ui/data/stnDatePicker';
24
25
  export { STN_DATE_PICKER_INTRO, STN_DATE_PICKER_KO_NAME, STN_DATE_PICKER_NAME, STN_DATE_PICKER_PANEL_USAGE, STN_DATE_PICKER_PART_ROWS, STN_DATE_PICKER_SPEC, STN_DATE_PICKER_USAGE, STN_DATE_PICKER_WEEKDAYS, StnDateRange } from '@stn-uiux/pub-ui/data/stnDatePicker';
25
26
  import { StnWidgetShell, StnWidgetAppearance, StnWidgetBackgroundMode, StnWidgetGradeRowGrade } from '@stn-uiux/pub-ui/data/stnWidget';
26
27
  export { STN_ALERT_CENTER_DASHBOARD_USAGE, STN_ALERT_CENTER_DASHBOARD_WIDGETS, STN_WIDGET_FIGMA, STN_WIDGET_FIGMA_DARK, STN_WIDGET_FIGMA_DARK_URL, STN_WIDGET_FIGMA_URL, STN_WIDGET_INTRO, STN_WIDGET_KINDS, STN_WIDGET_SHELL_ROWS, STN_WIDGET_USAGE, StnWidgetAppearance, StnWidgetBackgroundMode, StnWidgetContentFamily, StnWidgetGradeRowGrade, StnWidgetKind, StnWidgetShell, getStnWidgetKind, isStnWidgetKindSlug, resolveStnWidgetBackground, stnWidgetSampleUrl } from '@stn-uiux/pub-ui/data/stnWidget';
27
- import { StnAlertCenterAlertItem, StnAlertCenterWorkItem, StnAlertCenterTab } from '@stn-uiux/pub-ui/data/stnAlertCenter';
28
+ import { StnAlertCenterAlertItem, StnAlertCenterWorkItem, StnAlertCenterTab, StnAlertCenterSize } from '@stn-uiux/pub-ui/data/stnAlertCenter';
28
29
  export { STN_ALERT_CENTER_DEMO_ALERTS, STN_ALERT_CENTER_DEMO_DEPLOY, STN_ALERT_CENTER_DEMO_WORK, STN_ALERT_CENTER_INTRO, STN_ALERT_CENTER_TABS, STN_ALERT_CENTER_TAB_IDS, STN_ALERT_CENTER_USAGE, STN_GNB_ALERT_INTEGRATION_USAGE, StnAlertCenterAlertItem, StnAlertCenterTab, StnAlertCenterWorkItem } from '@stn-uiux/pub-ui/data/stnAlertCenter';
29
30
  import { StnBreadcrumbIconId } from '@stn-uiux/pub-ui/data/stnBreadcrumb';
30
31
  import { StnLnbSide } from '@stn-uiux/pub-ui/data/stnLayout';
@@ -128,6 +129,12 @@ type StnSliderProps = StnWithoutStyle<Omit<InputHTMLAttributes<HTMLInputElement>
128
129
  step?: number;
129
130
  /** 슬라이더 상단/주변 레이블 */
130
131
  label?: ReactNode;
132
+ /** 슬라이더 트랙 좌측에 배치할 레이블/아이콘 (좌우 동시 배치용) */
133
+ leadingLabel?: ReactNode;
134
+ /** 슬라이더 트랙 우측에 배치할 레이블/아이콘 (좌우 동시 배치용) */
135
+ trailingLabel?: ReactNode;
136
+ /** 슬라이더 하단 설명/도움말 텍스트 (위아래 동시 배치용) */
137
+ helperText?: ReactNode;
131
138
  /** 크기 ('sm', 'md' 기본, 'lg') @default 'md' */
132
139
  size?: StnSliderSize;
133
140
  /** 활성 채움 색상 @default 'primary' */
@@ -160,6 +167,12 @@ declare const StnSlider: react.ForwardRefExoticComponent<StnWithoutStyle<Omit<In
160
167
  step?: number;
161
168
  /** 슬라이더 상단/주변 레이블 */
162
169
  label?: ReactNode;
170
+ /** 슬라이더 트랙 좌측에 배치할 레이블/아이콘 (좌우 동시 배치용) */
171
+ leadingLabel?: ReactNode;
172
+ /** 슬라이더 트랙 우측에 배치할 레이블/아이콘 (좌우 동시 배치용) */
173
+ trailingLabel?: ReactNode;
174
+ /** 슬라이더 하단 설명/도움말 텍스트 (위아래 동시 배치용) */
175
+ helperText?: ReactNode;
163
176
  /** 크기 ('sm', 'md' 기본, 'lg') @default 'md' */
164
177
  size?: StnSliderSize;
165
178
  /** 활성 채움 색상 @default 'primary' */
@@ -182,6 +195,77 @@ declare const StnSlider: react.ForwardRefExoticComponent<StnWithoutStyle<Omit<In
182
195
  className?: string;
183
196
  } & react.RefAttributes<HTMLInputElement>>;
184
197
 
198
+ type StnTooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
199
+ type StnTooltipSize = 'sm' | 'md' | 'lg';
200
+ type StnTooltipVariant = 'contained' | 'outlined';
201
+ type StnTooltipTone = 'neutral' | 'primary' | 'critical' | 'major' | 'minor' | 'warning';
202
+ type StnTooltipIconPosition = 'left' | 'right';
203
+ type StnTooltipProps = StnWithoutStyle<Omit<HTMLAttributes<HTMLDivElement>, 'content'>> & {
204
+ /** 툴팁 말풍선 내부에 표시할 콘텐츠 */
205
+ content: ReactNode;
206
+ /** 스타일 형태 ('contained': 솔리드 채움 기본, 'outlined': 보더 외곽선) @default 'contained' */
207
+ variant?: StnTooltipVariant;
208
+ /** 툴팁 말풍선 위치 ('top' 기본, 'bottom', 'left', 'right') @default 'top' */
209
+ placement?: StnTooltipPlacement;
210
+ /** 크기 규격 ('sm': 20px, 'md': 24px 기본, 'lg': 32px) @default 'md' */
211
+ size?: StnTooltipSize;
212
+ /** 시맨틱 톤 ('neutral' 기본, 'primary', 'critical', 'major', 'minor', 'warning') @default 'neutral' */
213
+ tone?: StnTooltipTone;
214
+ /** 툴팁 강제 노출 여부 (제어 모드) */
215
+ open?: boolean;
216
+ /** 항상 표시 모드 여부 */
217
+ alwaysVisible?: boolean;
218
+ /** 말풍선 꼬리(화살표) 표시 여부 @default true */
219
+ arrow?: boolean;
220
+ /** 아이콘 이름 또는 ReactNode */
221
+ icon?: ReactNode;
222
+ /** 아이콘 위치 ('left': 앞 기본, 'right': 뒤) @default 'left' */
223
+ iconPosition?: StnTooltipIconPosition;
224
+ /** 선행 아이콘 (앞에 표시) */
225
+ leadingIcon?: ReactNode;
226
+ /** 후행 아이콘 (뒤에 표시) */
227
+ trailingIcon?: ReactNode;
228
+ /** 툴팁 말풍선 자체에 추가할 클래스명 */
229
+ tooltipClassName?: string;
230
+ /** 툴팁의 대상이 되는 트리거 자식 요소 (선택, 없을 경우 말풍선만 단독 렌더링) */
231
+ children?: ReactNode;
232
+ };
233
+ /**
234
+ * StnTooltip
235
+ * 버튼, 아이콘, 뱃지, 입력 요소 등 위에 마우스 호버 시 떠오르거나
236
+ * 단독으로 배치할 수 있는 표준 말풍선 툴팁 컴포넌트입니다.
237
+ */
238
+ declare const StnTooltip: react.ForwardRefExoticComponent<StnWithoutStyle<Omit<HTMLAttributes<HTMLDivElement>, "content">> & {
239
+ /** 툴팁 말풍선 내부에 표시할 콘텐츠 */
240
+ content: ReactNode;
241
+ /** 스타일 형태 ('contained': 솔리드 채움 기본, 'outlined': 보더 외곽선) @default 'contained' */
242
+ variant?: StnTooltipVariant;
243
+ /** 툴팁 말풍선 위치 ('top' 기본, 'bottom', 'left', 'right') @default 'top' */
244
+ placement?: StnTooltipPlacement;
245
+ /** 크기 규격 ('sm': 20px, 'md': 24px 기본, 'lg': 32px) @default 'md' */
246
+ size?: StnTooltipSize;
247
+ /** 시맨틱 톤 ('neutral' 기본, 'primary', 'critical', 'major', 'minor', 'warning') @default 'neutral' */
248
+ tone?: StnTooltipTone;
249
+ /** 툴팁 강제 노출 여부 (제어 모드) */
250
+ open?: boolean;
251
+ /** 항상 표시 모드 여부 */
252
+ alwaysVisible?: boolean;
253
+ /** 말풍선 꼬리(화살표) 표시 여부 @default true */
254
+ arrow?: boolean;
255
+ /** 아이콘 이름 또는 ReactNode */
256
+ icon?: ReactNode;
257
+ /** 아이콘 위치 ('left': 앞 기본, 'right': 뒤) @default 'left' */
258
+ iconPosition?: StnTooltipIconPosition;
259
+ /** 선행 아이콘 (앞에 표시) */
260
+ leadingIcon?: ReactNode;
261
+ /** 후행 아이콘 (뒤에 표시) */
262
+ trailingIcon?: ReactNode;
263
+ /** 툴팁 말풍선 자체에 추가할 클래스명 */
264
+ tooltipClassName?: string;
265
+ /** 툴팁의 대상이 되는 트리거 자식 요소 (선택, 없을 경우 말풍선만 단독 렌더링) */
266
+ children?: ReactNode;
267
+ } & react.RefAttributes<HTMLDivElement>>;
268
+
185
269
  type StnIconProps = {
186
270
  /** Iconography slug (`line/home`) */
187
271
  name?: string;
@@ -777,11 +861,16 @@ declare const StnTree: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLD
777
861
 
778
862
  type StnScrollOrientation = 'vertical' | 'horizontal' | 'both';
779
863
  type StnScrollSize = 'thin' | 'default' | 'thick';
780
- type StnScrollColor = 'default' | 'primary' | 'teal' | 'muted' | 'fade';
864
+ type StnScrollColor = 'default' | 'primary' | 'secondary' | 'muted' | 'fade';
865
+ type StnScrollVariant = 'default' | 'arrows';
781
866
  type StnScrollProps = HTMLAttributes<HTMLDivElement> & {
782
867
  /** 스크롤 방향 @default 'vertical' */
783
868
  orientation?: StnScrollOrientation;
784
- /** 스크롤바 두께 preset @default 'default' (8px) */
869
+ /** 스크롤바 형태 variant ('default' 기본 | 'arrows' 세모 화살표 버튼 포함) @default 'default' */
870
+ variant?: StnScrollVariant;
871
+ /** 위아래/좌우 세모 화살표 버튼 표시 여부 (variant="arrows"와 동일) */
872
+ showArrows?: boolean;
873
+ /** 스크롤바 두께 preset ('thin' 4px | 'default' 8px | 'thick' 12px) @default 'default' */
785
874
  size?: StnScrollSize;
786
875
  /** 스크롤바 색상 preset */
787
876
  color?: StnScrollColor;
@@ -800,13 +889,18 @@ type StnScrollProps = HTMLAttributes<HTMLDivElement> & {
800
889
  };
801
890
  /**
802
891
  * STN 커스텀 스크롤바 컨테이너
803
- * - 색상, 두께, 방향을 토큰으로 제어
804
- * - 화살표 버튼은 그리지 않는다
892
+ * - variant="default": 깔끔한 모던 슬림 스크롤바
893
+ * - variant="arrows": 양 끝에 세모 화살표 버튼이 있는 클래식 인터랙티브 스크롤바
894
+ * - 두께 규격: thin (4px), default (8px), thick (12px)
805
895
  */
806
896
  declare const StnScroll: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
807
897
  /** 스크롤 방향 @default 'vertical' */
808
898
  orientation?: StnScrollOrientation;
809
- /** 스크롤바 두께 preset @default 'default' (8px) */
899
+ /** 스크롤바 형태 variant ('default' 기본 | 'arrows' 세모 화살표 버튼 포함) @default 'default' */
900
+ variant?: StnScrollVariant;
901
+ /** 위아래/좌우 세모 화살표 버튼 표시 여부 (variant="arrows"와 동일) */
902
+ showArrows?: boolean;
903
+ /** 스크롤바 두께 preset ('thin' 4px | 'default' 8px | 'thick' 12px) @default 'default' */
810
904
  size?: StnScrollSize;
811
905
  /** 스크롤바 색상 preset */
812
906
  color?: StnScrollColor;
@@ -824,6 +918,44 @@ declare const StnScroll: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivE
824
918
  className?: string;
825
919
  } & react.RefAttributes<HTMLDivElement>>;
826
920
 
921
+ type StnCardProps = StnWithoutStyle<HTMLAttributes<HTMLDivElement>> & {
922
+ children?: ReactNode;
923
+ /** 카드 스타일 형태 ('flat': 은은한 레이어 배경, 'outlined': 외곽 테두리, 'elevated': 그림자) @default 'flat' */
924
+ variant?: StnCardVariant;
925
+ /** 코너 둥글기 ('sm': 8px, 'md': 12px 기본, 'lg': 16px, 'none': 0) @default 'md' */
926
+ radius?: StnCardRadius;
927
+ /** 안쪽 여백 ('none': 0, 'sm': 8px, 'md': 16px 기본, 'lg': 24px) @default 'md' */
928
+ padding?: StnCardPadding;
929
+ /** 마우스 호버 및 클릭 인터랙션 활성화 여부 @default false */
930
+ interactive?: boolean;
931
+ className?: string;
932
+ };
933
+ type StnCardHeaderProps = StnWithoutStyle<Omit<HTMLAttributes<HTMLDivElement>, 'title'>> & {
934
+ children?: ReactNode;
935
+ /** 간편 타이틀 전달용 */
936
+ title?: ReactNode;
937
+ /** 우측 액션 버튼 등 추가 요소 */
938
+ extra?: ReactNode;
939
+ className?: string;
940
+ };
941
+ type StnCardBodyProps = StnWithoutStyle<HTMLAttributes<HTMLDivElement>> & {
942
+ children?: ReactNode;
943
+ className?: string;
944
+ };
945
+ type StnCardFooterProps = StnWithoutStyle<HTMLAttributes<HTMLDivElement>> & {
946
+ children?: ReactNode;
947
+ className?: string;
948
+ };
949
+ declare function StnCardHeader({ children, title, extra, className, ...rest }: StnCardHeaderProps): react_jsx_runtime.JSX.Element;
950
+ declare function StnCardBody({ children, className, ...rest }: StnCardBodyProps): react_jsx_runtime.JSX.Element;
951
+ declare function StnCardFooter({ children, className, ...rest }: StnCardFooterProps): react_jsx_runtime.JSX.Element;
952
+ interface StnCardComponent extends React.ForwardRefExoticComponent<StnCardProps & React.RefAttributes<HTMLDivElement>> {
953
+ Header: typeof StnCardHeader;
954
+ Body: typeof StnCardBody;
955
+ Footer: typeof StnCardFooter;
956
+ }
957
+ declare const StnCard: StnCardComponent;
958
+
827
959
  type StnSectionSideProps = Omit<HTMLAttributes<HTMLElement>, 'className' | 'children'> & {
828
960
  children?: ReactNode;
829
961
  className?: string;
@@ -1115,17 +1247,23 @@ interface StnBadgeProps extends react__default.HTMLAttributes<HTMLSpanElement> {
1115
1247
  */
1116
1248
  declare const StnBadge: react__default.ForwardRefExoticComponent<StnBadgeProps & react__default.RefAttributes<HTMLSpanElement>>;
1117
1249
 
1118
- type StnChipVariant = 'filled' | 'outline' | 'outlined' | 'border';
1250
+ type StnChipVariant = 'filled' | 'contained' | 'outline' | 'outlined' | 'border' | 'subtle' | 'soft' | 'tinted' | 'contained-50' | 'filled-50';
1251
+ type StnChipBgOpacity = 50 | 100 | '50' | '100' | '50%' | '100%' | number;
1119
1252
  type StnChipSize = 'sm' | 'md' | 'lg';
1120
1253
  type StnChipShape = 'square' | 'pill' | 'round' | 'rounded';
1121
1254
  type StnChipIconPosition = 'left' | 'right';
1122
1255
  type StnChipLabelPosition = 'top' | 'bottom' | 'left' | 'right';
1123
- type StnChipColor = 'cr' | 'mj' | 'mn' | 'wr' | 'CR' | 'MJ' | 'MN' | 'WR' | 'primary' | 'teal' | 'success' | 'error' | 'red' | 'warn' | 'warning' | 'purple' | 'secondary' | 'neutral' | 'gray' | 'critical' | 'major' | 'minor';
1256
+ type StnChipColor = 'primary' | 'secondary' | 'success' | 'error' | 'neutral' | 'critical' | 'major' | 'minor' | 'warning';
1124
1257
  type StnChipProps = StnWithoutStyle<Omit<HTMLAttributes<HTMLSpanElement>, 'className' | 'color'>> & {
1125
1258
  children?: ReactNode;
1126
1259
  /** 칩 본문 텍스트 (children이 없을 때 사용하거나, children과 함께 전달 시 외곽 라벨로 기능) */
1127
1260
  label?: ReactNode;
1128
1261
  variant?: StnChipVariant;
1262
+ /**
1263
+ * 채움(contained/filled) 상태일 때 배경색 투명도 (기본: 100).
1264
+ * 50 (또는 '50%') 지정 시 배경색이 50% 반투명으로 렌더링됩니다.
1265
+ */
1266
+ bgOpacity?: StnChipBgOpacity;
1129
1267
  size?: StnChipSize;
1130
1268
  shape?: StnChipShape;
1131
1269
  radius?: StnChipShape;
@@ -1229,6 +1367,12 @@ type StnSystemChipProps = HTMLAttributes<HTMLDivElement> & {
1229
1367
  items: StnSystemChipItem[];
1230
1368
  /** 텍스트 라벨 표시 여부 */
1231
1369
  showLabel?: boolean;
1370
+ /** 테두리(외곽선 및 구분선) 표시 여부 (기본값: true) */
1371
+ border?: boolean;
1372
+ /** 테두리 표시 여부 alias (기본값: true) */
1373
+ bordered?: boolean;
1374
+ /** 텍스트 위치: 'right' (기본: 점이 왼쪽, 텍스트가 오른쪽) | 'left' (텍스트가 왼쪽, 점이 오른쪽) */
1375
+ textPosition?: 'left' | 'right';
1232
1376
  /**
1233
1377
  * 핵심 1개만 노출 · 호버/포커스 시 전체 펼침.
1234
1378
  * - 생략(`auto`): `stn-header` ≤1200px 에서 CSS 자동 적용
@@ -1243,9 +1387,9 @@ type StnSystemChipProps = HTMLAttributes<HTMLDivElement> & {
1243
1387
  * [ 🔴 0 | 🟠 12 | 🟡 2 | 🔵 3 ] 형태.
1244
1388
  * compact 모드에서는 핵심 1개만 보이고 호버 시 전체가 펼쳐집니다.
1245
1389
  */
1246
- declare function StnSystemChip({ items, showLabel, compact, className, ...rest }: StnSystemChipProps): react_jsx_runtime.JSX.Element;
1390
+ declare function StnSystemChip({ items, showLabel, border, bordered, textPosition, compact, className, ...rest }: StnSystemChipProps): react_jsx_runtime.JSX.Element;
1247
1391
 
1248
- type StnToggleButtonSize = 'sm' | 'md' | 'lg';
1392
+ type StnToggleButtonSize = 'sm' | 'md' | 'lg' | 'xl';
1249
1393
  type StnToggleButtonColor = 'primary' | 'secondary' | 'success' | 'critical' | 'major' | 'minor' | 'warning' | 'neutral' | (string & {});
1250
1394
  type StnToggleButtonGradient = 'none' | 'main' | 'primary' | 'secondary' | 'critical' | 'major' | 'minor' | 'warning';
1251
1395
  type StnToggleButtonWidthPreset = 80 | 100 | 120 | 140 | 160 | 180 | 200;
@@ -1258,7 +1402,7 @@ type StnToggleButtonProps = StnWithoutStyle<Omit<ButtonHTMLAttributes<HTMLButton
1258
1402
  defaultPressed?: boolean;
1259
1403
  /** 토글 상태 변경 콜백 (true: ON, false: OFF) */
1260
1404
  onChange?: (pressed: boolean) => void;
1261
- /** 크기 ('sm': 26px, 'md': 34px 기본, 'lg': 42px) @default 'md' */
1405
+ /** 크기 ('sm': 24px, 'md': 32px 기본, 'lg': 44px, 'xl': 56px) @default 'md' */
1262
1406
  size?: StnToggleButtonSize;
1263
1407
  /** 활성(ON) 상태 시맨틱 솔리드 색상 @default 'primary' */
1264
1408
  color?: StnToggleButtonColor;
@@ -1291,7 +1435,7 @@ declare const StnToggleButton: react.ForwardRefExoticComponent<StnWithoutStyle<O
1291
1435
  defaultPressed?: boolean;
1292
1436
  /** 토글 상태 변경 콜백 (true: ON, false: OFF) */
1293
1437
  onChange?: (pressed: boolean) => void;
1294
- /** 크기 ('sm': 26px, 'md': 34px 기본, 'lg': 42px) @default 'md' */
1438
+ /** 크기 ('sm': 24px, 'md': 32px 기본, 'lg': 44px, 'xl': 56px) @default 'md' */
1295
1439
  size?: StnToggleButtonSize;
1296
1440
  /** 활성(ON) 상태 시맨틱 솔리드 색상 @default 'primary' */
1297
1441
  color?: StnToggleButtonColor;
@@ -1443,6 +1587,7 @@ type StnSegmentedOption = {
1443
1587
  label?: ReactNode;
1444
1588
  icon?: ReactNode;
1445
1589
  disabled?: boolean;
1590
+ id?: string;
1446
1591
  'aria-label'?: string;
1447
1592
  };
1448
1593
  type StnSegmentedShared = StnWithoutStyle<{
@@ -1705,7 +1850,6 @@ declare namespace StnHeader {
1705
1850
  var Left: typeof StnHeaderLeft;
1706
1851
  var Center: typeof StnHeaderCenter;
1707
1852
  var Right: typeof StnHeaderRight;
1708
- var TitleGroup: typeof StnHeaderTitleGroup;
1709
1853
  }
1710
1854
  type StnHeaderRegionProps = HTMLAttributes<HTMLDivElement> & {
1711
1855
  children?: ReactNode;
@@ -1714,11 +1858,6 @@ type StnHeaderRegionProps = HTMLAttributes<HTMLDivElement> & {
1714
1858
  declare function StnHeaderLeft({ children, className, ...rest }: StnHeaderRegionProps): react_jsx_runtime.JSX.Element;
1715
1859
  declare function StnHeaderCenter({ children, className, ...rest }: StnHeaderRegionProps): react_jsx_runtime.JSX.Element;
1716
1860
  declare function StnHeaderRight({ children, className, ...rest }: StnHeaderRegionProps): react_jsx_runtime.JSX.Element;
1717
- type StnHeaderTitleGroupProps = HTMLAttributes<HTMLDivElement> & {
1718
- children?: ReactNode;
1719
- className?: string;
1720
- };
1721
- declare function StnHeaderTitleGroup({ children, className, ...rest }: StnHeaderTitleGroupProps): react_jsx_runtime.JSX.Element;
1722
1861
  type StnHeaderPageTitleProps = HTMLAttributes<HTMLHeadingElement> & {
1723
1862
  children: ReactNode;
1724
1863
  className?: string;
@@ -2169,14 +2308,18 @@ type StnAlertCenterPanelProps = {
2169
2308
  workItems?: StnAlertCenterWorkItem[];
2170
2309
  deployItems?: StnAlertCenterWorkItem[];
2171
2310
  defaultTab?: StnAlertCenterTab;
2172
- /** Pub `:has(#gnb-alert-tab-*)` 기본 Pub id 사용 권장 */
2311
+ /** 패널 너비 크기 스케일 ('sm': 580px, 'md': 700px 기본, 'lg': 820px) @default 'md' */
2312
+ size?: StnAlertCenterSize;
2173
2313
  tabIds?: Partial<Record<StnAlertCenterTab, string>>;
2174
2314
  tabName?: string;
2175
2315
  onClose?: () => void;
2316
+ onMarkAllAsRead?: () => void;
2317
+ onManageSettings?: () => void;
2318
+ onItemClick?: (item: StnAlertCenterAlertItem) => void;
2176
2319
  closeLabel?: string;
2177
2320
  className?: string;
2178
2321
  };
2179
- declare function StnAlertCenterPanel({ title, alerts, workItems, deployItems, defaultTab, tabIds, tabName: tabNameProp, onClose, closeLabel, className, }: StnAlertCenterPanelProps): react_jsx_runtime.JSX.Element;
2322
+ declare function StnAlertCenterPanel({ title, alerts, workItems, deployItems, defaultTab, size, tabIds, tabName: _tabName, onClose, onMarkAllAsRead, onManageSettings, onItemClick, closeLabel, className, }: StnAlertCenterPanelProps): react_jsx_runtime.JSX.Element;
2180
2323
 
2181
2324
  type StnAlertCenterDocPreviewProps = StnAlertCenterPanelProps & {
2182
2325
  theme?: StnTheme;
@@ -2861,6 +3004,17 @@ declare const StnHeaderTitle: typeof StnHeaderTitleRoot & {
2861
3004
  };
2862
3005
 
2863
3006
  type StnContainerMaxWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
3007
+ type StnContainerClasses = {
3008
+ root?: string;
3009
+ disableGutters?: string;
3010
+ fixed?: string;
3011
+ maxWidthXs?: string;
3012
+ maxWidthSm?: string;
3013
+ maxWidthMd?: string;
3014
+ maxWidthLg?: string;
3015
+ maxWidthXl?: string;
3016
+ maxWidthFalse?: string;
3017
+ };
2864
3018
  type StnContainerProps<T extends ElementType = 'div'> = {
2865
3019
  /** 렌더링할 HTML 태그 또는 컴포넌트 (기본: 'div') */
2866
3020
  component?: T;
@@ -2873,23 +3027,26 @@ type StnContainerProps<T extends ElementType = 'div'> = {
2873
3027
  * - 'md' (1024px)
2874
3028
  * - 'lg' (1280px)
2875
3029
  * - 'xl' (1440px)
2876
- * - false (상한 없음)
3030
+ * - false (상한 없음, 100% fluid)
2877
3031
  * @default 'lg'
2878
3032
  */
2879
3033
  maxWidth?: StnContainerMaxWidth;
2880
- /** 좌우 패딩 거터 비활성화 여부 */
3034
+ /** 좌우 패딩 거터(Gutter) 비활성화 여부 @default false */
2881
3035
  disableGutters?: boolean;
2882
3036
  /**
2883
- * true면 breakpoint마다 그 구간 폭으로 고정된다. 구간 안에서는 늘어난다.
3037
+ * true면 breakpoint마다 그 구간 폭으로 고정된다. 구간 안에서는 유동적으로 늘어나지 않는다.
2884
3038
  * `maxWidth`가 마지막 계단이다. 기본 `lg`면 768 → 1024 → 1280에서 멈춘다.
3039
+ * @default false
2885
3040
  */
2886
3041
  fixed?: boolean;
3042
+ /** 세부 슬롯별 커스텀 스타일 클래스 오버라이드 */
3043
+ classes?: StnContainerClasses;
2887
3044
  className?: string;
2888
3045
  style?: CSSProperties;
2889
3046
  children?: ReactNode;
2890
3047
  } & Omit<React.ComponentPropsWithoutRef<T>, 'as' | 'component' | 'children' | 'className' | 'style'>;
2891
3048
  /**
2892
- * 본문 폭을 가운데로 제한하는 컨테이너.
3049
+ * 본문 폭을 가운데로 제한하는 반응형 레이아웃 컨테이너.
2893
3050
  * 기본은 화면이 커지면 따라 늘다 `maxWidth`에서 멈춘다.
2894
3051
  * `fixed`는 breakpoint(768 / 1024 / 1280 / 1440)마다 폭이 한 단계씩 고정된다.
2895
3052
  */
@@ -3525,4 +3682,4 @@ interface StnEventBannerProps extends Omit<react__default.HTMLAttributes<HTMLDiv
3525
3682
  /** 위험도별 이벤트 배너. placement와 severity로 배치·스타일을 고릅니다. */
3526
3683
  declare const StnEventBanner: react__default.ForwardRefExoticComponent<StnEventBannerProps & react__default.RefAttributes<HTMLDivElement>>;
3527
3684
 
3528
- export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, ListPageScaffold, type ListPageScaffoldProps, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_STATUS_COLORS, SideNavContext, type SideNavContextValue, StnAlertCenterDocPreview, type StnAlertCenterDocPreviewProps, StnAlertCenterPanel, type StnAlertCenterPanelProps, StnBadge, type StnBadgeAnchorOrigin, type StnBadgeColor, type StnBadgeProps, type StnBadgeVariant, StnBreadcrumb, type StnBreadcrumbItem, type StnBreadcrumbMenuItem, type StnBreadcrumbProps, type StnBreadcrumbSize, type StnBreadcrumbVariant, StnButton, type StnButtonColor, type StnButtonIconPosition, type StnButtonProps, type StnButtonShape, type StnButtonSize, type StnButtonVariant, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, StnChip, type StnChipColor, type StnChipIconPosition, type StnChipLabelPosition, type StnChipProps, type StnChipShape, type StnChipSize, type StnChipVariant, StnCircularProgress, type StnCircularProgressGradient, type StnCircularProgressLabelPosition, type StnCircularProgressProps, type StnCircularProgressSize, type StnCircularProgressTone, type StnCircularProgressTrack, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, StnDateRangeField, type StnDateRangeFieldProps, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, StnFloatingToolbarPreset, type StnFloatingToolbarPresetProps, type StnFloatingToolbarProps, StnGrid, type StnGridBreakpoint, type StnGridDirection, type StnGridProps, type StnGridResponsive, type StnGridSize, type StnGridSpacing, StnHeader, StnHeaderContextTitle, StnHeaderPageTitle, type StnHeaderPageTitleProps, type StnHeaderProps, type StnHeaderRegionProps, StnHeaderSubTitle, StnHeaderTitle, type StnHeaderTitleClockProps, StnHeaderTitleDate, type StnHeaderTitleDateOptions, type StnHeaderTitleDualProps, StnHeaderTitleFramePreview, StnHeaderTitleGroup, type StnHeaderTitleGroupProps, StnHeaderTitleMainText, type StnHeaderTitleProps, type StnHeaderTitleSize, StnHeaderTitleSubText, StnHeaderTitleTime, type StnHeaderTitleTimeOptions, type StnHeaderTitleTitleProps, type StnHeaderTitleVariant, StnHeaderTitleWeekday, StnHeaderToolbar, type StnHeaderToolbarProps, StnIcon, StnIconBox, type StnIconBoxColor, type StnIconBoxProps, type StnIconBoxSize, type StnIconProps, StnLayer, StnLayer0Background, type StnLayer0BackgroundColor, type StnLayer0BackgroundProps, StnLayerBackground, StnLayerContent, StnLayerDim, StnLayerModal, type StnLayerProps, type StnLayerRoleProps, StnLayerShell, type StnLayerShellProps, StnListViewLayout, StnListViewLayoutBody, type StnListViewLayoutBodyProps, StnListViewLayoutContent, StnListViewLayoutHeader, StnListViewLayoutPagination, type StnListViewLayoutProps, StnListViewLayoutSearch, StnListViewLayoutSidebar, StnListViewLayoutTable, StnLoadingSkeleton, StnLoadingSkeletonBlock, type StnLoadingSkeletonBlockProps, StnLoadingSkeletonCircle, type StnLoadingSkeletonCircleProps, StnLoadingSkeletonLine, type StnLoadingSkeletonLineProps, StnLoadingSkeletonProfile, type StnLoadingSkeletonProfileProps, type StnLoadingSkeletonProps, type StnLoadingSkeletonRootProps, StnLoadingSkeletonTable, type StnLoadingSkeletonTableProps, type StnLoadingSkeletonVariant, StnLoadingSkeletonWidget, type StnLoadingSkeletonWidgetProps, StnLoginBrandStack, type StnLoginBrandStackProps, StnLoginCard, type StnLoginCardBrandPosition, StnLoginCardGlowWrapper, type StnLoginCardGlowWrapperProps, type StnLoginCardProps, type StnLoginCardVariant, StnLoginFormFields, type StnLoginFormFieldsProps, StnLoginFormLinks, type StnLoginFormLinksProps, StnLoginFormStack, type StnLoginFormStackProps, StnLoginPlaceholder, type StnLoginPlaceholderProps, StnLoginTextField, type StnLoginTextFieldProps, StnLogo, type StnLogoProps, type StnLogoSize, type StnLogoTheme, type StnLogoVariant, StnMapCanvas, type StnMapCanvasProps, StnMapToolbar, type StnMapToolbarProps, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationItem, type StnPaginationProps, StnPopup, type StnPopupProps, type StnPopupSize, StnProgressBar, type StnProgressBarGradient, type StnProgressBarLabelAlign, type StnProgressBarLabelPosition, type StnProgressBarProps, type StnProgressBarSize, type StnProgressBarTone, type StnProgressBarTrack, StnProvider, type StnProviderProps, StnRadio, type StnRadioColor, StnRadioGroup, type StnRadioGroupLayout, type StnRadioGroupOption, type StnRadioGroupOrientation, type StnRadioGroupProps, type StnRadioLabelPlacement, type StnRadioProps, type StnRadioSize, StnScroll, type StnScrollColor, type StnScrollOrientation, type StnScrollProps, type StnScrollSize, StnSearchRequirementBar, StnSearchRequirementBarDemo, type StnSearchRequirementBarDemoProps, type StnSearchRequirementBarDividerProps, type StnSearchRequirementBarExportProps, type StnSearchRequirementBarFieldProps, type StnSearchRequirementBarFieldsProps, type StnSearchRequirementBarProps, type StnSearchRequirementBarSearchButtonProps, StnSectionSide, StnSectionSidePreset, type StnSectionSidePresetProps, type StnSectionSideProps, StnSegmented, type StnSegmentedMultipleProps, type StnSegmentedOption, type StnSegmentedProps, type StnSegmentedSingleProps, StnSeverityBadge, type StnSeverityBadgeProps, StnSeverityFilter, type StnSeverityFilterProps, type StnSeverityLevel, type StnSeverityVariant, type StnSideNavDropdownVariant, StnSideNavFooter, type StnSideNavFooterProps, StnSideNavGroup, type StnSideNavGroupProps, StnSideNavHeader, type StnSideNavHeaderProps, StnSideNavItem, type StnSideNavItemProps, type StnSideNavItemVariant, StnSideNavLogo, type StnSideNavLogoProps, StnSideNavMenu, type StnSideNavMenuProps, StnSideNavMobileTrigger, type StnSideNavMobileTriggerProps, StnSideNavSpacer, type StnSideNavSpacerProps, StnSideNavSub, StnSideNavSubItem, type StnSideNavSubItemProps, StnSideNavSubNav, type StnSideNavSubNavProps, type StnSideNavSubNavVariant, type StnSideNavSubProps, StnSideNavToggle, type StnSideNavToggleProps, StnSideNavWatermark, type StnSideNavWatermarkProps, StnSideNavigation, type StnSideNavigationProps, type StnSideNavigationVariant, StnSlider, type StnSliderColor, type StnSliderGradient, type StnSliderLabelAlign, type StnSliderLabelPosition, type StnSliderProps, type StnSliderSize, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnSystemChip, type StnSystemChipItem, type StnSystemChipProps, type StnSystemChipTone, StnTable, type StnTableAlign, StnTableBody, type StnTableBodyProps, StnTableGrid, type StnTableGridProps, StnTableHead, type StnTableHeadProps, type StnTableProps, StnTableRow, type StnTableRowProps, StnTableSort, type StnTableSortProps, StnTableTd, StnTableTdCheck, type StnTableTdCheckProps, type StnTableTdProps, StnTableTh, StnTableThCheck, type StnTableThCheckProps, type StnTableThProps, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTheme, StnToastCloseButton, StnToastIcon, type StnToastIconProps, StnToggleButton, type StnToggleButtonColor, type StnToggleButtonIconPosition, type StnToggleButtonProps, type StnToggleButtonSize, type StnToolbarOrientation, type StnTopologyCore, StnTopologyGraph, type StnTopologyGraphLink, type StnTopologyGraphNode, type StnTopologyGraphProps, type StnTopologyNode, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, StnTopologyRing, type StnTopologyRingProps, StnTree, type StnTreeDocRowState, type StnTreeItem, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, StnWidget, StnWidgetActions, type StnWidgetBackground, StnWidgetBody, StnWidgetChartSlot, type StnWidgetChartSlotProps, StnWidgetEmpty, StnWidgetFooter, StnWidgetGradeRow, StnWidgetGradeRowList, type StnWidgetGradeRowProps, StnWidgetHeader, StnWidgetInsetIcon, type StnWidgetInsetIconProps, StnWidgetLoading, type StnWidgetPadding, StnWidgetPlaceholder, type StnWidgetProps, StnWidgetStatCard, type StnWidgetStatCardProps, StnWidgetStatGroup, type StnWidgetStatus, type StnWidgetStatusGrade, StnWidgetStatusItem, type StnWidgetStatusItemProps, StnWidgetStatusList, StnWidgetTitle, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, flattenStnTree, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, useSideNav, useStn, useStnOptional };
3685
+ export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, ListPageScaffold, type ListPageScaffoldProps, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_STATUS_COLORS, SideNavContext, type SideNavContextValue, StnAlertCenterDocPreview, type StnAlertCenterDocPreviewProps, StnAlertCenterPanel, type StnAlertCenterPanelProps, StnBadge, type StnBadgeAnchorOrigin, type StnBadgeColor, type StnBadgeProps, type StnBadgeVariant, StnBreadcrumb, type StnBreadcrumbItem, type StnBreadcrumbMenuItem, type StnBreadcrumbProps, type StnBreadcrumbSize, type StnBreadcrumbVariant, StnButton, type StnButtonColor, type StnButtonIconPosition, type StnButtonProps, type StnButtonShape, type StnButtonSize, type StnButtonVariant, StnCard, StnCardBody, type StnCardBodyProps, StnCardFooter, type StnCardFooterProps, StnCardHeader, type StnCardHeaderProps, type StnCardProps, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, StnChip, type StnChipColor, type StnChipIconPosition, type StnChipLabelPosition, type StnChipProps, type StnChipShape, type StnChipSize, type StnChipVariant, StnCircularProgress, type StnCircularProgressGradient, type StnCircularProgressLabelPosition, type StnCircularProgressProps, type StnCircularProgressSize, type StnCircularProgressTone, type StnCircularProgressTrack, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, StnDateRangeField, type StnDateRangeFieldProps, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, StnFloatingToolbarPreset, type StnFloatingToolbarPresetProps, type StnFloatingToolbarProps, StnGrid, type StnGridBreakpoint, type StnGridDirection, type StnGridProps, type StnGridResponsive, type StnGridSize, type StnGridSpacing, StnHeader, StnHeaderContextTitle, StnHeaderPageTitle, type StnHeaderPageTitleProps, type StnHeaderProps, type StnHeaderRegionProps, StnHeaderSubTitle, StnHeaderTitle, type StnHeaderTitleClockProps, StnHeaderTitleDate, type StnHeaderTitleDateOptions, type StnHeaderTitleDualProps, StnHeaderTitleFramePreview, StnHeaderTitleMainText, type StnHeaderTitleProps, type StnHeaderTitleSize, StnHeaderTitleSubText, StnHeaderTitleTime, type StnHeaderTitleTimeOptions, type StnHeaderTitleTitleProps, type StnHeaderTitleVariant, StnHeaderTitleWeekday, StnHeaderToolbar, type StnHeaderToolbarProps, StnIcon, StnIconBox, type StnIconBoxColor, type StnIconBoxProps, type StnIconBoxSize, type StnIconProps, StnLayer, StnLayer0Background, type StnLayer0BackgroundColor, type StnLayer0BackgroundProps, StnLayerBackground, StnLayerContent, StnLayerDim, StnLayerModal, type StnLayerProps, type StnLayerRoleProps, StnLayerShell, type StnLayerShellProps, StnListViewLayout, StnListViewLayoutBody, type StnListViewLayoutBodyProps, StnListViewLayoutContent, StnListViewLayoutHeader, StnListViewLayoutPagination, type StnListViewLayoutProps, StnListViewLayoutSearch, StnListViewLayoutSidebar, StnListViewLayoutTable, StnLoadingSkeleton, StnLoadingSkeletonBlock, type StnLoadingSkeletonBlockProps, StnLoadingSkeletonCircle, type StnLoadingSkeletonCircleProps, StnLoadingSkeletonLine, type StnLoadingSkeletonLineProps, StnLoadingSkeletonProfile, type StnLoadingSkeletonProfileProps, type StnLoadingSkeletonProps, type StnLoadingSkeletonRootProps, StnLoadingSkeletonTable, type StnLoadingSkeletonTableProps, type StnLoadingSkeletonVariant, StnLoadingSkeletonWidget, type StnLoadingSkeletonWidgetProps, StnLoginBrandStack, type StnLoginBrandStackProps, StnLoginCard, type StnLoginCardBrandPosition, StnLoginCardGlowWrapper, type StnLoginCardGlowWrapperProps, type StnLoginCardProps, type StnLoginCardVariant, StnLoginFormFields, type StnLoginFormFieldsProps, StnLoginFormLinks, type StnLoginFormLinksProps, StnLoginFormStack, type StnLoginFormStackProps, StnLoginPlaceholder, type StnLoginPlaceholderProps, StnLoginTextField, type StnLoginTextFieldProps, StnLogo, type StnLogoProps, type StnLogoSize, type StnLogoTheme, type StnLogoVariant, StnMapCanvas, type StnMapCanvasProps, StnMapToolbar, type StnMapToolbarProps, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationItem, type StnPaginationProps, StnPopup, type StnPopupProps, type StnPopupSize, StnProgressBar, type StnProgressBarGradient, type StnProgressBarLabelAlign, type StnProgressBarLabelPosition, type StnProgressBarProps, type StnProgressBarSize, type StnProgressBarTone, type StnProgressBarTrack, StnProvider, type StnProviderProps, StnRadio, type StnRadioColor, StnRadioGroup, type StnRadioGroupLayout, type StnRadioGroupOption, type StnRadioGroupOrientation, type StnRadioGroupProps, type StnRadioLabelPlacement, type StnRadioProps, type StnRadioSize, StnScroll, type StnScrollColor, type StnScrollOrientation, type StnScrollProps, type StnScrollSize, type StnScrollVariant, StnSearchRequirementBar, StnSearchRequirementBarDemo, type StnSearchRequirementBarDemoProps, type StnSearchRequirementBarDividerProps, type StnSearchRequirementBarExportProps, type StnSearchRequirementBarFieldProps, type StnSearchRequirementBarFieldsProps, type StnSearchRequirementBarProps, type StnSearchRequirementBarSearchButtonProps, StnSectionSide, StnSectionSidePreset, type StnSectionSidePresetProps, type StnSectionSideProps, StnSegmented, type StnSegmentedMultipleProps, type StnSegmentedOption, type StnSegmentedProps, type StnSegmentedSingleProps, StnSeverityBadge, type StnSeverityBadgeProps, StnSeverityFilter, type StnSeverityFilterProps, type StnSeverityLevel, type StnSeverityVariant, type StnSideNavDropdownVariant, StnSideNavFooter, type StnSideNavFooterProps, StnSideNavGroup, type StnSideNavGroupProps, StnSideNavHeader, type StnSideNavHeaderProps, StnSideNavItem, type StnSideNavItemProps, type StnSideNavItemVariant, StnSideNavLogo, type StnSideNavLogoProps, StnSideNavMenu, type StnSideNavMenuProps, StnSideNavMobileTrigger, type StnSideNavMobileTriggerProps, StnSideNavSpacer, type StnSideNavSpacerProps, StnSideNavSub, StnSideNavSubItem, type StnSideNavSubItemProps, StnSideNavSubNav, type StnSideNavSubNavProps, type StnSideNavSubNavVariant, type StnSideNavSubProps, StnSideNavToggle, type StnSideNavToggleProps, StnSideNavWatermark, type StnSideNavWatermarkProps, StnSideNavigation, type StnSideNavigationProps, type StnSideNavigationVariant, StnSlider, type StnSliderColor, type StnSliderGradient, type StnSliderLabelAlign, type StnSliderLabelPosition, type StnSliderProps, type StnSliderSize, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnSystemChip, type StnSystemChipItem, type StnSystemChipProps, type StnSystemChipTone, StnTable, type StnTableAlign, StnTableBody, type StnTableBodyProps, StnTableGrid, type StnTableGridProps, StnTableHead, type StnTableHeadProps, type StnTableProps, StnTableRow, type StnTableRowProps, StnTableSort, type StnTableSortProps, StnTableTd, StnTableTdCheck, type StnTableTdCheckProps, type StnTableTdProps, StnTableTh, StnTableThCheck, type StnTableThCheckProps, type StnTableThProps, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTheme, StnToastCloseButton, StnToastIcon, type StnToastIconProps, StnToggleButton, type StnToggleButtonColor, type StnToggleButtonIconPosition, type StnToggleButtonProps, type StnToggleButtonSize, type StnToolbarOrientation, StnTooltip, type StnTooltipPlacement, type StnTooltipProps, type StnTooltipSize, type StnTooltipTone, type StnTooltipVariant, type StnTopologyCore, StnTopologyGraph, type StnTopologyGraphLink, type StnTopologyGraphNode, type StnTopologyGraphProps, type StnTopologyNode, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, StnTopologyRing, type StnTopologyRingProps, StnTree, type StnTreeDocRowState, type StnTreeItem, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, StnWidget, StnWidgetActions, type StnWidgetBackground, StnWidgetBody, StnWidgetChartSlot, type StnWidgetChartSlotProps, StnWidgetEmpty, StnWidgetFooter, StnWidgetGradeRow, StnWidgetGradeRowList, type StnWidgetGradeRowProps, StnWidgetHeader, StnWidgetInsetIcon, type StnWidgetInsetIconProps, StnWidgetLoading, type StnWidgetPadding, StnWidgetPlaceholder, type StnWidgetProps, StnWidgetStatCard, type StnWidgetStatCardProps, StnWidgetStatGroup, type StnWidgetStatus, type StnWidgetStatusGrade, StnWidgetStatusItem, type StnWidgetStatusItemProps, StnWidgetStatusList, StnWidgetTitle, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, flattenStnTree, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, useSideNav, useStn, useStnOptional };