@stn-uiux/pub-ui-react 0.1.58 → 0.1.59

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,15 +1,16 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, ThHTMLAttributes, TdHTMLAttributes, FormHTMLAttributes, MouseEvent, SVGAttributes, ElementType } from 'react';
4
+ import { StnInputWidthValue } from '@stn-uiux/pub-ui/data/stnInputWidth';
4
5
  export { resolveSystemIconSrcFromName, systemIconSrc } from '@stn-uiux/pub-ui/data/stnSystemIcons';
5
6
  export { STN_PAGINATION_EXAMPLE, STN_PAGINATION_FIGMA, STN_PAGINATION_INTRO, STN_PAGINATION_REACT } from '@stn-uiux/pub-ui/data/stnPagination';
6
7
  import { StnToastKind } from '@stn-uiux/pub-ui/data/stnToast';
7
8
  export { STN_TOAST_ICON_SLUG } from '@stn-uiux/pub-ui/data/stnToast';
9
+ import { StnStatusDotState, StnStatusFlowStep } from '@stn-uiux/pub-ui/data/stnStatus';
8
10
  import { StnCardVariant, StnCardRadius, StnCardPadding } from '@stn-uiux/pub-ui/data/stnCard';
9
11
  import { StnChipGrade, StnChipBorderAccent } from '@stn-uiux/pub-ui/data/stnChip';
10
12
  import { StnDropdownOption, StnDropdownSize, StnDropdownVariant, StnDropdownModifier, StnDropdownHelperTextPosition, StnDropdownDirection } from '@stn-uiux/pub-ui/data/stnDropdown';
11
13
  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';
12
- import { StnInputWidthValue } from '@stn-uiux/pub-ui/data/stnInputWidth';
13
14
  import { StnTextFieldSize } from '@stn-uiux/pub-ui/data/stnTextField';
14
15
  export { STN_TEXT_FIELD_FIGMA, STN_TEXT_FIELD_HTML, STN_TEXT_FIELD_INTRO, STN_TEXT_FIELD_SIZE_ROWS, STN_TEXT_FIELD_STATES, STN_TEXT_FIELD_USAGE, StnTextFieldSize } from '@stn-uiux/pub-ui/data/stnTextField';
15
16
  import { StnDateRangeFieldSize } from '@stn-uiux/pub-ui/data/stnDateRangeField';
@@ -39,12 +40,13 @@ declare function cn(...parts: Array<string | false | null | undefined>): string;
39
40
 
40
41
  type StnPaginationItem = number | 'ellipsis';
41
42
  /**
42
- * Infomap Figma `paging` (node 40000042:210340)
43
- * 시작 근처: 1 2 3 4 5 … N
44
- * 끝 근처: 1 … N-4 … N
45
- * 중간: 1 … c-1 c c+1 … N
43
+ * MUI 및 표준 디자인 시스템과 호환되는 페이지네이션 범위 빌더
44
+ * @param page 현재 페이지 (1-based)
45
+ * @param count 총 페이지 수
46
+ * @param siblingCount 현재 페이지 좌우로 노출할 페이지 수 (기본: 1)
47
+ * @param boundaryCount 시작과 끝에 항상 노출할 페이지 수 (기본: 1)
46
48
  */
47
- declare function buildPaginationItems(page: number, pageCount: number, siblingCount?: number): StnPaginationItem[];
49
+ declare function buildPaginationItems(page: number, count: number, siblingCount?: number, boundaryCount?: number): StnPaginationItem[];
48
50
 
49
51
  type StnTheme = 'light' | 'dark';
50
52
  type StnContextValue = {
@@ -91,6 +93,8 @@ type StnButtonProps = StnWithoutStyle<Omit<ButtonHTMLAttributes<HTMLButtonElemen
91
93
  iconPosition?: StnButtonIconPosition;
92
94
  /** 커스텀 아이콘 또는 아이콘 이름 ('line/pencil-minus' 또는 ReactNode) */
93
95
  icon?: ReactNode;
96
+ /** 표준 너비 프리셋 ('w80' ~ 'w200' 또는 80 ~ 200) 및 full (min-width 기반) */
97
+ width?: StnInputWidthValue;
94
98
  /** width 100% — `.stn-btn.full` */
95
99
  fullWidth?: boolean;
96
100
  className?: string;
@@ -110,6 +114,8 @@ declare const StnButton: react.ForwardRefExoticComponent<StnWithoutStyle<Omit<Bu
110
114
  iconPosition?: StnButtonIconPosition;
111
115
  /** 커스텀 아이콘 또는 아이콘 이름 ('line/pencil-minus' 또는 ReactNode) */
112
116
  icon?: ReactNode;
117
+ /** 표준 너비 프리셋 ('w80' ~ 'w200' 또는 80 ~ 200) 및 full (min-width 기반) */
118
+ width?: StnInputWidthValue;
113
119
  /** width 100% — `.stn-btn.full` */
114
120
  fullWidth?: boolean;
115
121
  className?: string;
@@ -308,27 +314,81 @@ type StnIconBoxProps = {
308
314
  */
309
315
  declare function StnIconBox({ icon, size, color, iconSize, active, className, style, children, }: StnIconBoxProps): react_jsx_runtime.JSX.Element;
310
316
 
317
+ type StnPaginationSize = 'sm' | 'md' | 'lg';
318
+ type StnPaginationVariant = 'text' | 'outlined';
319
+ type StnPaginationColor = 'standard' | 'primary' | 'secondary';
311
320
  type StnPaginationProps = StnWithoutStyle<Omit<ComponentPropsWithoutRef<'nav'>, 'className' | 'children'>> & {
312
- /** 1-based current page */
313
- page: number;
314
- /** Total page count */
321
+ /** 1-based 현재 페이지 (제어형) */
322
+ page?: number;
323
+ /** 비제어형 초기 페이지 (기본: 1) */
324
+ defaultPage?: number;
325
+ /** 총 페이지 수 */
315
326
  count: number;
327
+ /** 페이지 변경 콜백 */
316
328
  onPageChange?: (page: number) => void;
317
- /** Pages shown on each side of current when ellipsis appear (Infomap middle) */
329
+ /** MUI 호환 onChange 별칭 */
330
+ onChange?: (event: unknown, page: number) => void;
331
+ /** 현재 페이지 양옆으로 표시할 페이지 개수 (기본: 1) */
318
332
  siblingCount?: number;
333
+ /** 시작과 끝에 항상 표시할 페이지 개수 (기본: 1) */
334
+ boundaryCount?: number;
335
+ /** 맨 처음 이동 (|<) 버튼 표시 여부 */
336
+ showFirstButton?: boolean;
337
+ /** 맨 끝 이동 (>|) 버튼 표시 여부 */
338
+ showLastButton?: boolean;
339
+ /** 이전 (<) 버튼 숨김 여부 */
340
+ hidePrevButton?: boolean;
341
+ /** 다음 (>) 버튼 숨김 여부 */
342
+ hideNextButton?: boolean;
343
+ /** 콤팩트 반응형 모드 (좁은 화면용: siblingCount=0으로 현재 페이지만 간결하게 표시) */
344
+ compact?: boolean;
345
+ /** 크기 스케일 (STN 표준 규격: sm 28px · md 32px · lg 36px) */
346
+ size?: StnPaginationSize;
347
+ /** 스타일 형태 (text 기본 · outlined 테두리형) */
348
+ variant?: StnPaginationVariant;
349
+ /** 활성 상태 강조 색상 (standard 기본 · primary · secondary) */
350
+ color?: StnPaginationColor;
351
+ /** 전체 비활성화 */
352
+ disabled?: boolean;
319
353
  className?: string;
320
354
  };
321
355
  /**
322
- * Infomap Figma `paging` — 모양: `stn-pagination.css`
356
+ * STN Design System Pagination (`StnPagination`)
357
+ * MUI Pagination 및 Infomap 표준 스펙을 완전 지원하는 페이지네이션 컴포넌트
323
358
  */
324
359
  declare const StnPagination: react.ForwardRefExoticComponent<StnWithoutStyle<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children" | "className">> & {
325
- /** 1-based current page */
326
- page: number;
327
- /** Total page count */
360
+ /** 1-based 현재 페이지 (제어형) */
361
+ page?: number;
362
+ /** 비제어형 초기 페이지 (기본: 1) */
363
+ defaultPage?: number;
364
+ /** 총 페이지 수 */
328
365
  count: number;
366
+ /** 페이지 변경 콜백 */
329
367
  onPageChange?: (page: number) => void;
330
- /** Pages shown on each side of current when ellipsis appear (Infomap middle) */
368
+ /** MUI 호환 onChange 별칭 */
369
+ onChange?: (event: unknown, page: number) => void;
370
+ /** 현재 페이지 양옆으로 표시할 페이지 개수 (기본: 1) */
331
371
  siblingCount?: number;
372
+ /** 시작과 끝에 항상 표시할 페이지 개수 (기본: 1) */
373
+ boundaryCount?: number;
374
+ /** 맨 처음 이동 (|<) 버튼 표시 여부 */
375
+ showFirstButton?: boolean;
376
+ /** 맨 끝 이동 (>|) 버튼 표시 여부 */
377
+ showLastButton?: boolean;
378
+ /** 이전 (<) 버튼 숨김 여부 */
379
+ hidePrevButton?: boolean;
380
+ /** 다음 (>) 버튼 숨김 여부 */
381
+ hideNextButton?: boolean;
382
+ /** 콤팩트 반응형 모드 (좁은 화면용: siblingCount=0으로 현재 페이지만 간결하게 표시) */
383
+ compact?: boolean;
384
+ /** 크기 스케일 (STN 표준 규격: sm 28px · md 32px · lg 36px) */
385
+ size?: StnPaginationSize;
386
+ /** 스타일 형태 (text 기본 · outlined 테두리형) */
387
+ variant?: StnPaginationVariant;
388
+ /** 활성 상태 강조 색상 (standard 기본 · primary · secondary) */
389
+ color?: StnPaginationColor;
390
+ /** 전체 비활성화 */
391
+ disabled?: boolean;
332
392
  className?: string;
333
393
  } & react.RefAttributes<HTMLElement>>;
334
394
 
@@ -604,6 +664,225 @@ declare const StnCheckbox: react.ForwardRefExoticComponent<StnWithoutStyle<Omit<
604
664
  className?: string;
605
665
  } & react.RefAttributes<HTMLInputElement>>;
606
666
 
667
+ type StnSeverityLevel = 'critical' | 'major' | 'minor' | 'warning';
668
+ type StnSeverityVariant = 'contained' | 'outlined' | 'none' | 'filter' | 'glow';
669
+ type StnSeveritySize = 'sm' | 'md' | 'lg';
670
+ interface StnSeverityBadgeProps extends react__default.ButtonHTMLAttributes<HTMLButtonElement | HTMLSpanElement> {
671
+ /** 심각도: critical, major, minor, warning */
672
+ severity: StnSeverityLevel;
673
+ /** 표시 모드: contained (기본 채움형), outlined (외곽선형), none (아이콘+글자만), filter (필터 토글 버튼), glow (발광 효과) */
674
+ variant?: StnSeverityVariant;
675
+ /** 뱃지 크기: 'sm' (18px), 'md' (20px - 기본값), 'lg' (24px) */
676
+ size?: StnSeveritySize;
677
+ /** 라운드(알약/원형) 모서리 적용 여부 (기본값: false, 4px) */
678
+ round?: boolean;
679
+ /** 아이콘 표시 여부 (기본값: true) */
680
+ showIcon?: boolean;
681
+ /** 아이콘 전용 모드 (텍스트 없이 정사각/원형 심각도 아이콘만 표시) */
682
+ iconOnly?: boolean;
683
+ /** 블러 / 네온 글로우 발광 효과 적용 여부 (variant="glow"와 동일, 기본값: false) */
684
+ glow?: boolean;
685
+ /** glow의 별칭 prop (blur 발광 효과 제어) */
686
+ blur?: boolean;
687
+ /** 텍스트 라벨 (미지정 시 기본 라벨 표시) */
688
+ label?: react__default.ReactNode;
689
+ /** 필터 모드일 때 활성화(선택) 상태 */
690
+ active?: boolean;
691
+ /** 클릭 이벤트 핸들러 */
692
+ onClick?: react__default.MouseEventHandler<HTMLElement>;
693
+ /** 추가 클래스 */
694
+ className?: string;
695
+ children?: react__default.ReactNode;
696
+ }
697
+ /**
698
+ * StnSeverityBadge
699
+ * 알람 심각도(Critical, Major, Minor, Warning)를 명확하게 표시하거나
700
+ * 대시보드에서 다중 필터 토글 용도로 사용하는 컴포넌트입니다.
701
+ *
702
+ * @deprecated 통합 상태 컴포넌트인 `<StnStatus.Severity />` 사용을 강력히 권장합니다.
703
+ */
704
+ declare const StnSeverityBadge: react__default.ForwardRefExoticComponent<StnSeverityBadgeProps & react__default.RefAttributes<HTMLElement>>;
705
+ interface StnSeverityFilterProps {
706
+ /** 현재 선택된 심각도 레벨 배열 */
707
+ value?: StnSeverityLevel[];
708
+ /** 선택 변경 콜백 */
709
+ onChange?: (nextValue: StnSeverityLevel[]) => void;
710
+ /** 비활성화할 심각도 목록 */
711
+ disabledSeverities?: StnSeverityLevel[];
712
+ /** 아이콘 표시 여부 (기본: true) */
713
+ showIcon?: boolean;
714
+ /** 추가 클래스 */
715
+ className?: string;
716
+ }
717
+ /**
718
+ * StnSeverityFilter
719
+ * 대시보드 및 실시간 장애 목록 상단에서 사용되는 4단계 심각도 필터 그룹 컴포넌트입니다.
720
+ *
721
+ * @deprecated 통합 상태 컴포넌트인 `<StnStatus.SeverityFilter />` 사용을 강력히 권장합니다.
722
+ */
723
+ declare const StnSeverityFilter: react__default.FC<StnSeverityFilterProps>;
724
+
725
+ type StnStatusDotPosition = 'left' | 'right' | 'none';
726
+ type StnStatusDotSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
727
+ type StnStatusDotGap = 'none' | 'xs' | 'sm' | 'md' | 'lg';
728
+ type StnStatusDotProps = HTMLAttributes<HTMLDivElement> & {
729
+ state?: StnStatusDotState;
730
+ label?: ReactNode;
731
+ count?: number | string;
732
+ pulse?: boolean;
733
+ bordered?: boolean;
734
+ /** dot 위치: 'left'(기본) | 'right' | 'none'(점 없이 글자만 표시) */
735
+ dotPosition?: StnStatusDotPosition;
736
+ /** STN 표준 크기: 'xs' | 'sm' | 'md'(기본) | 'lg' | 'xl' */
737
+ size?: StnStatusDotSize;
738
+ /** 여백 간격: 'none' | 'xs' | 'sm' | 'md' | 'lg' */
739
+ gap?: StnStatusDotGap;
740
+ className?: string;
741
+ };
742
+ declare const StnStatusDot: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
743
+ state?: StnStatusDotState;
744
+ label?: ReactNode;
745
+ count?: number | string;
746
+ pulse?: boolean;
747
+ bordered?: boolean;
748
+ /** dot 위치: 'left'(기본) | 'right' | 'none'(점 없이 글자만 표시) */
749
+ dotPosition?: StnStatusDotPosition;
750
+ /** STN 표준 크기: 'xs' | 'sm' | 'md'(기본) | 'lg' | 'xl' */
751
+ size?: StnStatusDotSize;
752
+ /** 여백 간격: 'none' | 'xs' | 'sm' | 'md' | 'lg' */
753
+ gap?: StnStatusDotGap;
754
+ className?: string;
755
+ } & react.RefAttributes<HTMLDivElement>>;
756
+ type StnStatusDotGroupItem = {
757
+ id: string;
758
+ state?: StnStatusDotState;
759
+ label?: ReactNode;
760
+ count?: number | string;
761
+ };
762
+ type StnStatusDotGroupProps = HTMLAttributes<HTMLDivElement> & {
763
+ items: StnStatusDotGroupItem[];
764
+ bordered?: boolean;
765
+ className?: string;
766
+ };
767
+ declare const StnStatusDotGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
768
+ items: StnStatusDotGroupItem[];
769
+ bordered?: boolean;
770
+ className?: string;
771
+ } & react.RefAttributes<HTMLDivElement>>;
772
+ type StnStatusSwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'type'> & {
773
+ checked?: boolean;
774
+ defaultChecked?: boolean;
775
+ onChange?: (checked: boolean) => void;
776
+ labelOn?: string;
777
+ labelOff?: string;
778
+ icon?: string;
779
+ /**
780
+ * 표준 너비 프리셋 ('w80' ~ 'w200' 또는 80 ~ 200) 및 'full'
781
+ * 버튼/토글류 특성상 min-width 기반으로 작용하여 짧은 텍스트는 고정 너비를 유지하고, 긴 텍스트는 자연스럽게 늘어남(Hug)
782
+ * @default 'w80'
783
+ */
784
+ width?: StnInputWidthValue;
785
+ /** 전체 폭 100% (`full`) */
786
+ fullWidth?: boolean;
787
+ className?: string;
788
+ };
789
+ declare const StnStatusSwitch: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onChange"> & {
790
+ checked?: boolean;
791
+ defaultChecked?: boolean;
792
+ onChange?: (checked: boolean) => void;
793
+ labelOn?: string;
794
+ labelOff?: string;
795
+ icon?: string;
796
+ /**
797
+ * 표준 너비 프리셋 ('w80' ~ 'w200' 또는 80 ~ 200) 및 'full'
798
+ * 버튼/토글류 특성상 min-width 기반으로 작용하여 짧은 텍스트는 고정 너비를 유지하고, 긴 텍스트는 자연스럽게 늘어남(Hug)
799
+ * @default 'w80'
800
+ */
801
+ width?: StnInputWidthValue;
802
+ /** 전체 폭 100% (`full`) */
803
+ fullWidth?: boolean;
804
+ className?: string;
805
+ } & react.RefAttributes<HTMLButtonElement>>;
806
+ type StnStatusFlowSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
807
+ type StnStatusFlowProps = HTMLAttributes<HTMLDivElement> & {
808
+ steps: StnStatusFlowStep[];
809
+ current?: string;
810
+ /** 테두리 유무 — 기본값 true, false 시 플랫/테두리 없음 */
811
+ bordered?: boolean;
812
+ /** STN 표준 크기 — xs · sm · md(기본) · lg · xl */
813
+ size?: StnStatusFlowSize;
814
+ className?: string;
815
+ };
816
+ declare const StnStatusFlow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
817
+ steps: StnStatusFlowStep[];
818
+ current?: string;
819
+ /** 테두리 유무 — 기본값 true, false 시 플랫/테두리 없음 */
820
+ bordered?: boolean;
821
+ /** STN 표준 크기 — xs · sm · md(기본) · lg · xl */
822
+ size?: StnStatusFlowSize;
823
+ className?: string;
824
+ } & react.RefAttributes<HTMLDivElement>>;
825
+ type StnStatusProps = ({
826
+ type?: 'dot';
827
+ } & StnStatusDotProps) | ({
828
+ type: 'dot-group';
829
+ } & StnStatusDotGroupProps) | ({
830
+ type: 'switch';
831
+ } & StnStatusSwitchProps) | ({
832
+ type: 'severity';
833
+ } & Omit<StnSeverityBadgeProps, 'type'>) | ({
834
+ type: 'flow';
835
+ } & StnStatusFlowProps);
836
+ declare function StnStatus(props: StnStatusProps): react_jsx_runtime.JSX.Element;
837
+ declare namespace StnStatus {
838
+ var Dot: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
839
+ state?: StnStatusDotState;
840
+ label?: ReactNode;
841
+ count?: number | string;
842
+ pulse?: boolean;
843
+ bordered?: boolean;
844
+ /** dot 위치: 'left'(기본) | 'right' | 'none'(점 없이 글자만 표시) */
845
+ dotPosition?: StnStatusDotPosition;
846
+ /** STN 표준 크기: 'xs' | 'sm' | 'md'(기본) | 'lg' | 'xl' */
847
+ size?: StnStatusDotSize;
848
+ /** 여백 간격: 'none' | 'xs' | 'sm' | 'md' | 'lg' */
849
+ gap?: StnStatusDotGap;
850
+ className?: string;
851
+ } & react.RefAttributes<HTMLDivElement>>;
852
+ var DotGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
853
+ items: StnStatusDotGroupItem[];
854
+ bordered?: boolean;
855
+ className?: string;
856
+ } & react.RefAttributes<HTMLDivElement>>;
857
+ var Severity: react.ForwardRefExoticComponent<StnSeverityBadgeProps & react.RefAttributes<HTMLElement>>;
858
+ var Switch: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onChange"> & {
859
+ checked?: boolean;
860
+ defaultChecked?: boolean;
861
+ onChange?: (checked: boolean) => void;
862
+ labelOn?: string;
863
+ labelOff?: string;
864
+ icon?: string;
865
+ /**
866
+ * 표준 너비 프리셋 ('w80' ~ 'w200' 또는 80 ~ 200) 및 'full'
867
+ * 버튼/토글류 특성상 min-width 기반으로 작용하여 짧은 텍스트는 고정 너비를 유지하고, 긴 텍스트는 자연스럽게 늘어남(Hug)
868
+ * @default 'w80'
869
+ */
870
+ width?: StnInputWidthValue;
871
+ /** 전체 폭 100% (`full`) */
872
+ fullWidth?: boolean;
873
+ className?: string;
874
+ } & react.RefAttributes<HTMLButtonElement>>;
875
+ var Flow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
876
+ steps: StnStatusFlowStep[];
877
+ current?: string;
878
+ /** 테두리 유무 — 기본값 true, false 시 플랫/테두리 없음 */
879
+ bordered?: boolean;
880
+ /** STN 표준 크기 — xs · sm · md(기본) · lg · xl */
881
+ size?: StnStatusFlowSize;
882
+ className?: string;
883
+ } & react.RefAttributes<HTMLDivElement>>;
884
+ }
885
+
607
886
  /** footerRight 액션 슬롯 권장 상한 (문서·Figma 101782) */
608
887
  declare const STN_TABLE_FOOTER_MAX_ACTIONS = 4;
609
888
  type StnTableProps = {
@@ -764,6 +1043,9 @@ type StnTableCompound = typeof StnTableBase & {
764
1043
  TdCheck: typeof StnTableTdCheck;
765
1044
  Sort: typeof StnTableSort;
766
1045
  RowActions: typeof StnTableRowActions;
1046
+ Status: typeof StnStatusDot;
1047
+ Switch: typeof StnStatusSwitch;
1048
+ Flow: typeof StnStatusFlow;
767
1049
  };
768
1050
  /**
769
1051
  * Pub list table shell — Infomap Figma thead/tbody (node 40000042:209510).
@@ -782,6 +1064,10 @@ type StnTreeItemData = {
782
1064
  bold?: boolean;
783
1065
  /** 가시성 상태 (눈 토글 시 사용) — 기본값 `true` (표시), `false` (숨김/미사용) */
784
1066
  visible?: boolean;
1067
+ /** 노드 우측에 표시할 카운트 숫자/문자열 뱃지 (선택 사항) */
1068
+ count?: number | string;
1069
+ /** 노드 좌측 커스텀 아이콘 (StnIcon name 문자열 또는 ReactNode) */
1070
+ icon?: ReactNode;
785
1071
  children?: StnTreeItemData[];
786
1072
  };
787
1073
  type StnTreeGuideCell = {
@@ -806,6 +1092,8 @@ type StnTreeFlatRow = {
806
1092
  expanded: boolean;
807
1093
  isLast: boolean;
808
1094
  visible: boolean;
1095
+ count?: number | string;
1096
+ icon?: ReactNode;
809
1097
  };
810
1098
  /** 단일 Tree Node용 가이드/토글 셀 — depth · kind 기준으로 생성 */
811
1099
  declare function buildStnTreeNodeCells(options: {
@@ -844,6 +1132,10 @@ type StnTreeNodeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSel
844
1132
  * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
845
1133
  */
846
1134
  showIcon?: boolean;
1135
+ /** 노드 앞 커스텀 아이콘 (StnIcon 문자열 이름 또는 ReactNode) */
1136
+ icon?: ReactNode;
1137
+ /** 노드 우측에 표시할 카운트 숫자/문자열 뱃지 */
1138
+ count?: number | string;
847
1139
  /**
848
1140
  * 가시성 상태 (눈 토글 시 사용) — 기본값 `true`.
849
1141
  * `false`인 경우 해당 행이 반투명(dimmed) 처리되며 감긴 눈 아이콘이 표시됩니다.
@@ -889,6 +1181,10 @@ declare const StnTreeNode: react.ForwardRefExoticComponent<Omit<HTMLAttributes<H
889
1181
  * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
890
1182
  */
891
1183
  showIcon?: boolean;
1184
+ /** 노드 앞 커스텀 아이콘 (StnIcon 문자열 이름 또는 ReactNode) */
1185
+ icon?: ReactNode;
1186
+ /** 노드 우측에 표시할 카운트 숫자/문자열 뱃지 */
1187
+ count?: number | string;
892
1188
  /**
893
1189
  * 가시성 상태 (눈 토글 시 사용) — 기본값 `true`.
894
1190
  * `false`인 경우 해당 행이 반투명(dimmed) 처리되며 감긴 눈 아이콘이 표시됩니다.
@@ -933,6 +1229,10 @@ declare const StnTreeItem: react.ForwardRefExoticComponent<Omit<HTMLAttributes<H
933
1229
  * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
934
1230
  */
935
1231
  showIcon?: boolean;
1232
+ /** 노드 앞 커스텀 아이콘 (StnIcon 문자열 이름 또는 ReactNode) */
1233
+ icon?: ReactNode;
1234
+ /** 노드 우측에 표시할 카운트 숫자/문자열 뱃지 */
1235
+ count?: number | string;
936
1236
  /**
937
1237
  * 가시성 상태 (눈 토글 시 사용) — 기본값 `true`.
938
1238
  * `false`인 경우 해당 행이 반투명(dimmed) 처리되며 감긴 눈 아이콘이 표시됩니다.
@@ -1043,7 +1343,7 @@ type StnTreeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect'
1043
1343
  onSelect?: (id: string) => void;
1044
1344
  /**
1045
1345
  * 행 높이 크기 — `xs` 20px / `sm` 24px(기본) / `md` 32px / `lg` 40px / `xl` 48px.
1046
- * `.stn-tree--{size}` CSS 수식어로 적용됩니다.
1346
+ * `.xs`, `.sm`, `.md`, `.lg`, `.xl` 표준 크기 클래스로 적용됩니다.
1047
1347
  */
1048
1348
  size?: StnTreeSize;
1049
1349
  /**
@@ -1056,7 +1356,7 @@ type StnTreeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect'
1056
1356
  radius?: StnTreeRadius;
1057
1357
  /**
1058
1358
  * 계층 가이드라인(Connector, Vertical 라인) 표시 여부. 기본 `true`.
1059
- * `false`로 설정하면 가이드선이 숨겨지고 인덴트만 유지됩니다 (`.stn-tree--no-guides`).
1359
+ * `false`로 설정하면 가이드선이 숨겨지고 인덴트만 유지됩니다 (`.no-guides`).
1060
1360
  */
1061
1361
  guides?: boolean;
1062
1362
  /**
@@ -1124,7 +1424,7 @@ declare const StnTree: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLD
1124
1424
  onSelect?: (id: string) => void;
1125
1425
  /**
1126
1426
  * 행 높이 크기 — `xs` 20px / `sm` 24px(기본) / `md` 32px / `lg` 40px / `xl` 48px.
1127
- * `.stn-tree--{size}` CSS 수식어로 적용됩니다.
1427
+ * `.xs`, `.sm`, `.md`, `.lg`, `.xl` 표준 크기 클래스로 적용됩니다.
1128
1428
  */
1129
1429
  size?: StnTreeSize;
1130
1430
  /**
@@ -1137,7 +1437,7 @@ declare const StnTree: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLD
1137
1437
  radius?: StnTreeRadius;
1138
1438
  /**
1139
1439
  * 계층 가이드라인(Connector, Vertical 라인) 표시 여부. 기본 `true`.
1140
- * `false`로 설정하면 가이드선이 숨겨지고 인덴트만 유지됩니다 (`.stn-tree--no-guides`).
1440
+ * `false`로 설정하면 가이드선이 숨겨지고 인덴트만 유지됩니다 (`.no-guides`).
1141
1441
  */
1142
1442
  guides?: boolean;
1143
1443
  /**
@@ -1229,8 +1529,14 @@ declare const StnCard: StnCardComponent;
1229
1529
  type StnSectionSideProps = Omit<HTMLAttributes<HTMLElement>, 'className' | 'children'> & {
1230
1530
  children?: ReactNode;
1231
1531
  className?: string;
1532
+ /** 상단 고정 헤더 영역 (검색창, 탭, 타이틀 등) */
1533
+ header?: ReactNode;
1534
+ /** 하단 고정 푸터 영역 (스위치, 액션 등) */
1535
+ footer?: ReactNode;
1232
1536
  /** true면 LNB 열 높이에 맞춰 패널을 세로로 채움 (list view + search) */
1233
1537
  fill?: boolean;
1538
+ /** true면 패널 너비를 100%로 가득 채움 (상단/모바일 배치 시) */
1539
+ fullWidth?: boolean;
1234
1540
  /** StnScroll props (orientation 고정 vertical) */
1235
1541
  scrollProps?: Omit<StnScrollProps, 'orientation' | 'children'>;
1236
1542
  };
@@ -1241,8 +1547,14 @@ type StnSectionSideProps = Omit<HTMLAttributes<HTMLElement>, 'className' | 'chil
1241
1547
  declare const StnSectionSide: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
1242
1548
  children?: ReactNode;
1243
1549
  className?: string;
1550
+ /** 상단 고정 헤더 영역 (검색창, 탭, 타이틀 등) */
1551
+ header?: ReactNode;
1552
+ /** 하단 고정 푸터 영역 (스위치, 액션 등) */
1553
+ footer?: ReactNode;
1244
1554
  /** true면 LNB 열 높이에 맞춰 패널을 세로로 채움 (list view + search) */
1245
1555
  fill?: boolean;
1556
+ /** true면 패널 너비를 100%로 가득 채움 (상단/모바일 배치 시) */
1557
+ fullWidth?: boolean;
1246
1558
  /** StnScroll props (orientation 고정 vertical) */
1247
1559
  scrollProps?: Omit<StnScrollProps, "orientation" | "children">;
1248
1560
  } & react.RefAttributes<HTMLElement>>;
@@ -1565,100 +1877,6 @@ type StnChipProps = StnWithoutStyle<Omit<HTMLAttributes<HTMLSpanElement>, 'class
1565
1877
  };
1566
1878
  declare function StnChip(props: StnChipProps): react_jsx_runtime.JSX.Element;
1567
1879
 
1568
- type StnSeverityLevel = 'critical' | 'major' | 'minor' | 'warning';
1569
- type StnSeverityVariant = 'badge' | 'filter' | 'glow' | 'solid';
1570
- type StnSeveritySize = 'sm' | 'md' | 'lg';
1571
- interface StnSeverityBadgeProps extends react__default.ButtonHTMLAttributes<HTMLButtonElement | HTMLSpanElement> {
1572
- /** 심각도: critical, major, minor, warning */
1573
- severity: StnSeverityLevel;
1574
- /** 표시 모드: badge (기본 깔끔한 솔리드), glow (네온 블러/글로우 발광), filter (필터 토글 버튼) */
1575
- variant?: StnSeverityVariant;
1576
- /** 뱃지 크기: 'sm' (18px), 'md' (20px - 기본값), 'lg' (24px) */
1577
- size?: StnSeveritySize;
1578
- /** 라운드(알약/원형) 모서리 적용 여부 (기본값: false, 4px) */
1579
- round?: boolean;
1580
- /** 아이콘 표시 여부 (기본값: true) */
1581
- showIcon?: boolean;
1582
- /** 아이콘 전용 모드 (텍스트 없이 정사각/원형 심각도 아이콘만 표시) */
1583
- iconOnly?: boolean;
1584
- /** 블러 / 네온 글로우 발광 효과 적용 여부 (variant="glow"와 동일, 기본값: false) */
1585
- glow?: boolean;
1586
- /** glow의 별칭 prop (blur 발광 효과 제어) */
1587
- blur?: boolean;
1588
- /** 텍스트 라벨 (미지정 시 기본 라벨 표시) */
1589
- label?: react__default.ReactNode;
1590
- /** 필터 모드일 때 활성화(선택) 상태 */
1591
- active?: boolean;
1592
- /** 클릭 이벤트 핸들러 */
1593
- onClick?: react__default.MouseEventHandler<HTMLElement>;
1594
- /** 추가 클래스 */
1595
- className?: string;
1596
- children?: react__default.ReactNode;
1597
- }
1598
- /**
1599
- * StnSeverityBadge
1600
- * 알람 심각도(Critical, Major, Minor, Warning)를 명확하게 표시하거나
1601
- * 대시보드에서 다중 필터 토글 용도로 사용하는 독립 컴포넌트입니다.
1602
- */
1603
- declare const StnSeverityBadge: react__default.ForwardRefExoticComponent<StnSeverityBadgeProps & react__default.RefAttributes<HTMLElement>>;
1604
- interface StnSeverityFilterProps {
1605
- /** 현재 선택된 심각도 레벨 배열 */
1606
- value?: StnSeverityLevel[];
1607
- /** 선택 변경 콜백 */
1608
- onChange?: (nextValue: StnSeverityLevel[]) => void;
1609
- /** 비활성화할 심각도 목록 */
1610
- disabledSeverities?: StnSeverityLevel[];
1611
- /** 아이콘 표시 여부 (기본: true) */
1612
- showIcon?: boolean;
1613
- /** 추가 클래스 */
1614
- className?: string;
1615
- }
1616
- /**
1617
- * StnSeverityFilter
1618
- * 대시보드 및 실시간 장애 목록 상단에서 사용되는 4단계 심각도 필터 그룹 컴포넌트입니다.
1619
- */
1620
- declare const StnSeverityFilter: react__default.FC<StnSeverityFilterProps>;
1621
-
1622
- type StnSystemChipTone = 'cr' | 'mj' | 'mn' | 'wr' | 'CR' | 'MJ' | 'MN' | 'WR' | 'info' | 'success' | 'purple' | 'neutral' | 'critical' | 'major' | 'minor' | 'warning' | 'teal' | 'error' | 'warn' | string;
1623
- type StnSystemChipItem = {
1624
- id: string;
1625
- /** 점(dot) 색상 톤: 2글자 표준(cr, mj, mn, wr) 또는 info, success, purple 등 */
1626
- tone?: StnSystemChipTone;
1627
- /** 점(dot) 커스텀 색상 값 (CSS 컬러 또는 var(--...)) */
1628
- dotColor?: string;
1629
- /** 수치 카운트 또는 텍스트 */
1630
- count?: number | string;
1631
- value?: number | string;
1632
- /** 텍스트 라벨 (선택) */
1633
- label?: string;
1634
- };
1635
- type StnSystemChipProps = HTMLAttributes<HTMLDivElement> & {
1636
- /** 1개, 2개, 3개, 4개 등 원하는 숫자만큼의 아이템 배열 */
1637
- items: StnSystemChipItem[];
1638
- /** 텍스트 라벨 표시 여부 */
1639
- showLabel?: boolean;
1640
- /** 테두리(외곽선 및 구분선) 표시 여부 (기본값: true) */
1641
- border?: boolean;
1642
- /** 테두리 표시 여부 alias (기본값: true) */
1643
- bordered?: boolean;
1644
- /** 텍스트 위치: 'right' (기본: 점이 왼쪽, 텍스트가 오른쪽) | 'left' (텍스트가 왼쪽, 점이 오른쪽) */
1645
- textPosition?: 'left' | 'right';
1646
- /**
1647
- * 핵심 1개만 노출 · 호버/포커스 시 전체 펼침.
1648
- * - 생략(`auto`): `stn-header` ≤1200px 에서 CSS 자동 적용
1649
- * - `true`: 항상 compact
1650
- * - `false`: 항상 전체 노출
1651
- */
1652
- compact?: boolean;
1653
- className?: string;
1654
- };
1655
- /**
1656
- * System Chip (헤더 시스템 상태 요약 바)
1657
- * [ 🔴 0 | 🟠 12 | 🟡 2 | 🔵 3 ] 형태.
1658
- * compact 모드에서는 핵심 1개만 보이고 호버 시 전체가 펼쳐집니다.
1659
- */
1660
- declare function StnSystemChip({ items, showLabel, border, bordered, textPosition, compact, className, ...rest }: StnSystemChipProps): react_jsx_runtime.JSX.Element;
1661
-
1662
1880
  type StnToggleButtonSize = 'sm' | 'md' | 'lg' | 'xl';
1663
1881
  type StnToggleButtonColor = 'primary' | 'secondary' | 'success' | 'critical' | 'major' | 'minor' | 'warning' | 'neutral' | (string & {});
1664
1882
  type StnToggleButtonGradient = 'none' | 'main' | 'primary' | 'secondary' | 'critical' | 'major' | 'minor' | 'warning';
@@ -1871,7 +2089,11 @@ type StnSegmentedShared = StnWithoutStyle<{
1871
2089
  orientation?: StnSegmentedOrientation;
1872
2090
  /** 수직 세로 배치 여부 @default false */
1873
2091
  vertical?: boolean;
1874
- /** 전체 너비 확장 여부 @default false */
2092
+ /** 전체 너비 100% 확장 여부 (STN 4대 표준 규격 Width full) @default false */
2093
+ fullWidth?: boolean;
2094
+ /** 너비 프리셋 (예: 'full') */
2095
+ width?: 'full' | string;
2096
+ /** 전체 너비 확장 여부 (fullWidth 별칭) @default false */
1875
2097
  block?: boolean;
1876
2098
  /** 전체 비활성화 */
1877
2099
  disabled?: boolean;
@@ -1978,7 +2200,7 @@ type StnTextFieldProps = StnWithoutStyle<Omit<InputHTMLAttributes<HTMLInputEleme
1978
2200
  color?: StnTextFieldColor;
1979
2201
  /** 오류 테두리 — `aria-invalid`도 함께 설정 */
1980
2202
  invalid?: boolean;
1981
- /** width 100% — `stn-text-field--full` */
2203
+ /** width 100% — `full` */
1982
2204
  fullWidth?: boolean;
1983
2205
  /** 프리셋 80·100·140·180·200 · `100%`/`full` · 그 외 px/string */
1984
2206
  width?: StnInputWidthValue;
@@ -2006,7 +2228,7 @@ declare const StnTextField: react.ForwardRefExoticComponent<StnWithoutStyle<Omit
2006
2228
  color?: StnTextFieldColor;
2007
2229
  /** 오류 테두리 — `aria-invalid`도 함께 설정 */
2008
2230
  invalid?: boolean;
2009
- /** width 100% — `stn-text-field--full` */
2231
+ /** width 100% — `full` */
2010
2232
  fullWidth?: boolean;
2011
2233
  /** 프리셋 80·100·140·180·200 · `100%`/`full` · 그 외 px/string */
2012
2234
  width?: StnInputWidthValue;
@@ -2099,6 +2321,22 @@ type StnLabelPrefixProps = {
2099
2321
  label: ReactNode;
2100
2322
  /** 레이블 앞에 표시할 아이콘 (ReactNode) */
2101
2323
  labelIcon?: ReactNode;
2324
+ /** 레이블 앞에 표시할 체크박스 활성화 여부 */
2325
+ checkbox?: boolean;
2326
+ /** 체크박스 체크 여부 (controlled) */
2327
+ checked?: boolean;
2328
+ /** 체크박스 기본 체크 여부 (uncontrolled) */
2329
+ defaultChecked?: boolean;
2330
+ /** 체크박스 변경 이벤트 핸들러 */
2331
+ onCheckboxChange?: (checked: boolean) => void;
2332
+ /** 체크박스 비활성화 여부 */
2333
+ checkboxDisabled?: boolean;
2334
+ /** 체크박스 크기 ('sm': 14px, 'md': 18px, 'lg': 22px). 기본값은 size에 따름 */
2335
+ checkboxSize?: StnCheckboxSize;
2336
+ /** 체크 해제 시 내부 자식 컨트롤을 비활성화(disabled)할지 여부 @default false */
2337
+ disableControlWhenUnchecked?: boolean;
2338
+ /** 커스텀 체크박스 노드 슬롯 (직접 <StnCheckbox /> 등을 주입) */
2339
+ checkboxSlot?: ReactNode;
2102
2340
  /** 레이블 위치: prefix(왼쪽, 기본) · suffix(오른쪽) */
2103
2341
  labelPosition?: StnLabelPrefixPosition;
2104
2342
  /** 필수 입력 여부 (`*` 표시) */
@@ -2147,7 +2385,7 @@ type StnLabelPrefixProps = {
2147
2385
  * </StnLabelPrefix>
2148
2386
  * ```
2149
2387
  */
2150
- declare function StnLabelPrefix({ label, labelIcon, labelPosition, required, size, variant, color, error, invalid, radius, fullWidth, width, helperText, disabled, children, className, id: idProp, ...rest }: StnLabelPrefixProps): react_jsx_runtime.JSX.Element;
2388
+ declare function StnLabelPrefix({ label, labelIcon, checkbox, checked, defaultChecked, onCheckboxChange, checkboxDisabled, checkboxSize, disableControlWhenUnchecked, checkboxSlot, labelPosition, required, size, variant, color, error, invalid, radius, fullWidth, width, helperText, disabled, children, className, id: idProp, ...rest }: StnLabelPrefixProps): react_jsx_runtime.JSX.Element;
2151
2389
 
2152
2390
  type StnSearchRequirementBarProps = HTMLAttributes<HTMLDivElement> & {
2153
2391
  children?: ReactNode;
@@ -2185,7 +2423,7 @@ type StnSearchRequirementBarFieldProps = HTMLAttributes<HTMLDivElement> & {
2185
2423
  };
2186
2424
  declare function StnSearchRequirementBarField({ label, children, className, labelClassName, controlClassName, ...rest }: StnSearchRequirementBarFieldProps): react_jsx_runtime.JSX.Element;
2187
2425
  type StnSearchRequirementBarSearchButtonProps = StnButtonProps;
2188
- declare function StnSearchRequirementBarSearchButton({ children, size, icon, className, ...rest }: StnSearchRequirementBarSearchButtonProps): react_jsx_runtime.JSX.Element;
2426
+ declare function StnSearchRequirementBarSearchButton({ children, size, variant, icon, className, ...rest }: StnSearchRequirementBarSearchButtonProps): react_jsx_runtime.JSX.Element;
2189
2427
  type StnSearchRequirementBarExportProps = Omit<StnButtonProps, 'children' | 'icon'> & {
2190
2428
  /** 기본 `line/file-analytics` (엑셀/다운로드) */
2191
2429
  name?: string;
@@ -4068,4 +4306,4 @@ interface StnEventBannerProps extends Omit<react__default.HTMLAttributes<HTMLDiv
4068
4306
  /** 위험도별 이벤트 배너. placement와 severity로 배치·스타일을 고릅니다. */
4069
4307
  declare const StnEventBanner: react__default.ForwardRefExoticComponent<StnEventBannerProps & react__default.RefAttributes<HTMLDivElement>>;
4070
4308
 
4071
- 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, StnAlertCard, type StnAlertCardProps, 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, type StnDateRangeFieldVariant, 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, StnLabelPrefix, type StnLabelPrefixPosition, type StnLabelPrefixProps, type StnLabelPrefixRadius, type StnLabelPrefixSize, type StnLabelPrefixVariant, 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, StnModal, type StnModalProps, type StnModalSize, 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, StnTreeItem, type StnTreeItemData, type StnTreeItemDocState, type StnTreeItemProps, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, type StnTreeRadius, type StnTreeSize, type StnTreeWidth, 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 };
4309
+ 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, StnAlertCard, type StnAlertCardProps, 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, type StnDateRangeFieldVariant, 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, StnLabelPrefix, type StnLabelPrefixPosition, type StnLabelPrefixProps, type StnLabelPrefixRadius, type StnLabelPrefixSize, type StnLabelPrefixVariant, 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, StnModal, type StnModalProps, type StnModalSize, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationColor, type StnPaginationItem, type StnPaginationProps, type StnPaginationSize, type StnPaginationVariant, 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, StnStatus, StnStatusDot, type StnStatusDotGap, StnStatusDotGroup, type StnStatusDotGroupItem, type StnStatusDotGroupProps, type StnStatusDotPosition, type StnStatusDotProps, type StnStatusDotSize, StnStatusFlow, type StnStatusFlowProps, type StnStatusFlowSize, type StnStatusProps, StnStatusSwitch, type StnStatusSwitchProps, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, 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, StnTreeItem, type StnTreeItemData, type StnTreeItemDocState, type StnTreeItemProps, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, type StnTreeRadius, type StnTreeSize, type StnTreeWidth, 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 };