@stn-uiux/pub-ui-react 0.1.81 → 0.1.84

package/dist/index.d.ts

@@ -1,14 +1,20 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, ThHTMLAttributes, TdHTMLAttributes, AllHTMLAttributes, ElementType, FormHTMLAttributes, MouseEvent, TextareaHTMLAttributes, SVGAttributes } from 'react';
+import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, MouseEvent as MouseEvent$1, KeyboardEvent as KeyboardEvent$1, ThHTMLAttributes, TdHTMLAttributes, AllHTMLAttributes, ElementType, forwardRef, FormHTMLAttributes, TextareaHTMLAttributes, SVGAttributes } from 'react';
 import { StnInputWidthValue } from '@stn-uiux/pub-ui/data/stnInputWidth';
 export { resolveSystemIconSrcFromName, systemIconSrc } from '@stn-uiux/pub-ui/data/stnSystemIcons';
 export { STN_PAGINATION_EXAMPLE, STN_PAGINATION_FIGMA, STN_PAGINATION_INTRO, STN_PAGINATION_REACT } from '@stn-uiux/pub-ui/data/stnPagination';
+import { StnPopoverReference, StnPopoverPosition, StnPopoverOrigin } from '@stn-uiux/pub-ui/data/stnPopover';
+export { StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from '@stn-uiux/pub-ui/data/stnPopover';
 import { StnToastKind } from '@stn-uiux/pub-ui/data/stnToast';
 export { STN_TOAST_ICON_SLUG } from '@stn-uiux/pub-ui/data/stnToast';
 import { StnStatusDotState, StnStatusFlowStep } from '@stn-uiux/pub-ui/data/stnStatus';
 import { StnCardVariant, StnCardRadius, StnCardPadding, StnCardSeverity } from '@stn-uiux/pub-ui/data/stnCard';
 export { StnCardSeverity } from '@stn-uiux/pub-ui/data/stnCard';
+import { StnSplitViewSideWidth, StnSplitViewOverlayPlacement } from '@stn-uiux/pub-ui/data/stnSplitView';
+export { StnSplitViewOverlayPlacement, StnSplitViewSideWidth } from '@stn-uiux/pub-ui/data/stnSplitView';
+import { StnStepStatus, StnStepperOrientation, StnStepperPosition, StnStepperSize, StnStepperLineThickness, StnStepItem } from '@stn-uiux/pub-ui/data/stnStepper';
+export { StnStepItem, StnStepStatus, StnStepperOrientation, StnStepperPosition, StnStepperSize } from '@stn-uiux/pub-ui/data/stnStepper';
 import { StnChipGrade, StnChipBorderAccent } from '@stn-uiux/pub-ui/data/stnChip';
 import { StnDividerOrientation, StnDividerVariant, StnDividerTextAlign } from '@stn-uiux/pub-ui/data/stnDivider';
 export { StnDividerOrientation, StnDividerTextAlign, StnDividerVariant } from '@stn-uiux/pub-ui/data/stnDivider';
@@ -26,9 +32,9 @@ import { StnHeaderVariant, StnHeaderPadding, StnHeaderGap } from '@stn-uiux/pub-
 export { STN_HEADER_INTRO, STN_HEADER_PAGE_TITLE_DEMO, STN_HEADER_USAGE, STN_HEADER_VARIANT_ROWS, STN_SYSTEM_CHIP_DEMO, StnHeaderGap, StnHeaderPadding, StnHeaderVariant } from '@stn-uiux/pub-ui/data/stnHeader';
 import { StnLayer0BackgroundPreset, StnLayer0BackgroundKind } from '@stn-uiux/pub-ui/data/stnLayer0Background';
 export { STN_LAYER0_BACKGROUND_DEMO_IMAGES, STN_LAYER0_BACKGROUND_INTRO, STN_LAYER0_BACKGROUND_USAGE, STN_LAYER0_BACKGROUND_VARIANT_ROWS, STN_LAYER0_MAP_LIGHT_OVERLAY, StnLayer0BackgroundKind, StnLayer0BackgroundPreset } from '@stn-uiux/pub-ui/data/stnLayer0Background';
-import { StnDateRange } from '@stn-uiux/pub-ui/data/stnDatePicker';
-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';
-import { StnWidgetShell, StnWidgetAppearance, StnWidgetBackgroundMode, StnWidgetGradeRowGrade } from '@stn-uiux/pub-ui/data/stnWidget';
+import { StnDateRange, StnDatePickerMode, StnDateTimePlacement, StnDatePreset } from '@stn-uiux/pub-ui/data/stnDatePicker';
+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, STN_DATE_PRESET_LABEL, StnDatePickerMode, StnDatePreset, StnDatePresetKind, StnDateRange, StnDateTimePlacement, createStnDatePreset, createStnDatePresets } from '@stn-uiux/pub-ui/data/stnDatePicker';
+import { StnWidgetGradeRowGrade, StnWidgetShell, StnWidgetAppearance, StnWidgetBackgroundMode } from '@stn-uiux/pub-ui/data/stnWidget';
 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';
 import { StnAlertCenterAlertItem, StnAlertCenterTextOverflow, StnAlertCenterWorkItem, StnAlertCenterTab, StnAlertCenterSize } from '@stn-uiux/pub-ui/data/stnAlertCenter';
 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_ALERT_CENTER_USAGE_HTML, STN_GNB_ALERT_INTEGRATION_USAGE, StnAlertCenterAlertItem, StnAlertCenterSize, StnAlertCenterTab, StnAlertCenterTextOverflow, StnAlertCenterWorkItem } from '@stn-uiux/pub-ui/data/stnAlertCenter';
@@ -38,6 +44,8 @@ export { STN_ALERT_CENTER_PAGE_SCAFFOLD_USAGE, STN_LAYER_SHELL_USAGE, STN_LAYOUT
 import { StnElevationLevel, StnLayerRole, StnLayerSurface } from '@stn-uiux/pub-ui/data/stnLayer';
 export { STN_ELEVATION_Z_INDEX, STN_LAYER_INTRO, STN_LAYER_ROLE_ROWS, STN_LAYER_ROLE_TO_LEVEL, STN_LAYER_ROLE_USAGE, STN_LAYER_SURFACE_ROWS, StnElevationLevel, StnLayerRole, StnLayerSurface } from '@stn-uiux/pub-ui/data/stnLayer';
 export { STN_LOADING_SKELETON_INTRO, STN_LOADING_SKELETON_PARTS, STN_LOADING_SKELETON_USAGE } from '@stn-uiux/pub-ui/data/stnLoadingSkeleton';
+import { StnEmptyStateKind, StnEmptyStateSize, StnEmptyStateTone } from '@stn-uiux/pub-ui/data/stnEmptyState';
+export { StnEmptyStateKind, StnEmptyStateSize, StnEmptyStateTone } from '@stn-uiux/pub-ui/data/stnEmptyState';
 export { StnTextAreaSize } from '@stn-uiux/pub-ui/data/stnTextArea';
 
 /** Join truthy class fragments (no dependency on clsx). */
@@ -422,6 +430,36 @@ declare const StnPagination: react.ForwardRefExoticComponent<StnWithoutStyle<Omi
     className?: string;
 } & react.RefAttributes<HTMLElement>>;
 
+interface StnPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClose'> {
+    /** 팝오버 오픈 여부 */
+    open: boolean;
+    /** 팝오버의 기준이 되는 앵커 엘리먼트 */
+    anchorEl?: Element | null | (() => Element | null);
+    /** 앵커링 기준 ('anchorEl' 엘리먼트 기준 | 'anchorPosition' 절대 좌표 기준) @default 'anchorEl' */
+    anchorReference?: StnPopoverReference;
+    /** 절대 좌표 기준 위치 ({ top: number, left: number }) */
+    anchorPosition?: StnPopoverPosition;
+    /** 앵커의 기준점 ({ vertical: 'top' | 'center' | 'bottom' | number, horizontal: 'left' | 'center' | 'right' | number }) @default { vertical: 'top', horizontal: 'left' } */
+    anchorOrigin?: StnPopoverOrigin;
+    /** 팝오버 카드의 결합 기준점 ({ vertical: 'top' | 'center' | 'bottom' | number, horizontal: 'left' | 'center' | 'right' | number }) @default { vertical: 'top', horizontal: 'left' } */
+    transformOrigin?: StnPopoverOrigin;
+    /** 화면 밖 넘침 방지를 위한 뷰포트 최소 여백(px) @default 16 */
+    marginThreshold?: number;
+    /** 플로팅 카드(paper)에 지정할 추가 클래스명 */
+    paperClassName?: string;
+    /** 플로팅 카드(paper)에 지정할 인라인 스타일 */
+    paperStyle?: React.CSSProperties;
+    /** 팝오버 닫힘 이벤트 콜백 */
+    onClose?: (event: MouseEvent | KeyboardEvent | MouseEvent$1 | KeyboardEvent$1, reason: 'backdropClick' | 'escapeKeyDown') => void;
+    /** 렌더링될 부모 컨테이너 (기본: document.body) */
+    container?: Element | null | (() => Element | null);
+    /** Portal 렌더링 비활성화 여부 @default false */
+    disablePortal?: boolean;
+    /** 팝오버 내부 콘텐츠 */
+    children?: ReactNode;
+}
+declare const StnPopover: react.ForwardRefExoticComponent<StnPopoverProps & react.RefAttributes<HTMLDivElement>>;
+
 /**
  * STN 표준 모달 다이얼로그 크기 규격 (소문자 2글자 표준 스케일 + full)
  */
@@ -1137,6 +1175,12 @@ declare const StnTableSort: react.ForwardRefExoticComponent<ButtonHTMLAttributes
 type StnTableRowActionsProps = HTMLAttributes<HTMLDivElement>;
 /** Row Actions — 행 호버 시 우측 끝에 나타나는 액션 버튼 그룹 컨테이너 */
 declare const StnTableRowActions: react.ForwardRefExoticComponent<StnTableRowActionsProps & react.RefAttributes<HTMLDivElement>>;
+/** Table Empty State Row — 테이블 데이터가 없을 때 StnEmptyState를 중앙 배치하는 행 컴포넌트 */
+declare const StnTableEmpty: react.ForwardRefExoticComponent<{
+    colSpan?: number;
+    className?: string;
+    children?: ReactNode;
+} & HTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
 type StnTableCompound = typeof StnTableBase & {
     Grid: typeof StnTableGrid;
     Head: typeof StnTableHead;
@@ -1148,6 +1192,7 @@ type StnTableCompound = typeof StnTableBase & {
     TdCheck: typeof StnTableTdCheck;
     Sort: typeof StnTableSort;
     RowActions: typeof StnTableRowActions;
+    Empty: typeof StnTableEmpty;
     Status: typeof StnStatusDot;
     Switch: typeof StnStatusSwitch;
     Flow: typeof StnStatusFlow;
@@ -1173,6 +1218,10 @@ type StnTreeItemData = {
     count?: number | string;
     /** 노드 좌측 커스텀 아이콘 (StnIcon name 문자열 또는 ReactNode) */
     icon?: ReactNode;
+    /** 개별 노드 체크박스 표시 여부 (생략 시 StnTree의 showCheckbox 설정을 따름) */
+    showCheckbox?: boolean;
+    /** 체크박스 비활성화 여부 */
+    disableCheckbox?: boolean;
     children?: StnTreeItemData[];
 };
 type StnTreeGuideCell = {
@@ -1199,6 +1248,8 @@ type StnTreeFlatRow = {
     visible: boolean;
     count?: number | string;
     icon?: ReactNode;
+    showCheckbox?: boolean;
+    disableCheckbox?: boolean;
 };
 /** 단일 Tree Node용 가이드/토글 셀 — depth · kind 기준으로 생성 */
 declare function buildStnTreeNodeCells(options: {
@@ -1212,6 +1263,35 @@ declare function buildStnTreeNodeCells(options: {
 }): StnTreeGuideCell[];
 declare function flattenStnTree(nodes: StnTreeItemData[], expandedIds: Iterable<string>): StnTreeFlatRow[];
 declare function collectExpandableIds(nodes: StnTreeItemData[]): string[];
+/** 트리 노드 검색 헬퍼 */
+declare function findNodeById(nodes: StnTreeItemData[], id: string): StnTreeItemData | undefined;
+type TreeIdMaps = {
+    parentMap: Map<string, string | null>;
+    childrenMap: Map<string, string[]>;
+    nodeMap: Map<string, StnTreeItemData>;
+};
+/**
+ * 트리 체크박스 연쇄 선택(Cascading Check) 계산 알고리즘.
+ * - 타겟 노드와 모든 하위 자손을 선택/해제합니다.
+ * - 상위 부모 노드들을 거슬러 올라가며 자식들의 체크 상태에 따라 부모의 checked / indeterminate 상태를 갱신합니다.
+ */
+declare function computeCascadeCheck(options: {
+    nodes: StnTreeItemData[];
+    targetId: string;
+    nextChecked: boolean;
+    currentCheckedIds: string[];
+    currentIndeterminateIds?: string[];
+}): {
+    checkedIds: string[];
+    indeterminateIds: string[];
+};
+/**
+ * 초기 checkedIds 배열이 주어졌을 때 부모 노드들의 checked / indeterminate 상태를 상향식 계산
+ */
+declare function computeInitialCascade(nodes: StnTreeItemData[], initialCheckedIds: string[]): {
+    checkedIds: string[];
+    indeterminateIds: string[];
+};
 
 type StnTreeNodeDocState = 'default' | 'hover' | 'pressed' | 'selected';
 type StnTreeNodeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect' | 'onToggle'> & {
@@ -1232,6 +1312,30 @@ type StnTreeNodeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSel
     ancestorIsLast?: boolean[];
     /** 셀을 직접 넘기면 depth/kind 기반 생성을 건너뜁니다 */
     cells?: StnTreeGuideCell[];
+    /**
+     * 노드 아이콘 좌측 체크박스 표시 여부. 기본 `false`.
+     */
+    showCheckbox?: boolean;
+    /**
+     * 체크박스 선택(Checked) 상태.
+     */
+    checked?: boolean;
+    /**
+     * 체크박스 부분 선택(Indeterminate) 상태.
+     */
+    indeterminate?: boolean;
+    /**
+     * 체크박스 비활성화 여부.
+     */
+    disableCheckbox?: boolean;
+    /**
+     * 체크박스 크기 ('sm' 14px, 기본값 · 'md' 18px).
+     */
+    checkboxSize?: 'sm' | 'md';
+    /**
+     * 체크박스 선택 상태 변경 시 콜백.
+     */
+    onCheckChange?: (checked: boolean) => void;
     /**
      * 노드 앞 아이콘(폴더·서버) 표시 여부. 기본 `true`.
      * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
@@ -1281,6 +1385,30 @@ declare const StnTreeNode: react.ForwardRefExoticComponent<Omit<HTMLAttributes<H
     ancestorIsLast?: boolean[];
     /** 셀을 직접 넘기면 depth/kind 기반 생성을 건너뜁니다 */
     cells?: StnTreeGuideCell[];
+    /**
+     * 노드 아이콘 좌측 체크박스 표시 여부. 기본 `false`.
+     */
+    showCheckbox?: boolean;
+    /**
+     * 체크박스 선택(Checked) 상태.
+     */
+    checked?: boolean;
+    /**
+     * 체크박스 부분 선택(Indeterminate) 상태.
+     */
+    indeterminate?: boolean;
+    /**
+     * 체크박스 비활성화 여부.
+     */
+    disableCheckbox?: boolean;
+    /**
+     * 체크박스 크기 ('sm' 14px, 기본값 · 'md' 18px).
+     */
+    checkboxSize?: "sm" | "md";
+    /**
+     * 체크박스 선택 상태 변경 시 콜백.
+     */
+    onCheckChange?: (checked: boolean) => void;
     /**
      * 노드 앞 아이콘(폴더·서버) 표시 여부. 기본 `true`.
      * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
@@ -1329,6 +1457,30 @@ declare const StnTreeItem: react.ForwardRefExoticComponent<Omit<HTMLAttributes<H
     ancestorIsLast?: boolean[];
     /** 셀을 직접 넘기면 depth/kind 기반 생성을 건너뜁니다 */
     cells?: StnTreeGuideCell[];
+    /**
+     * 노드 아이콘 좌측 체크박스 표시 여부. 기본 `false`.
+     */
+    showCheckbox?: boolean;
+    /**
+     * 체크박스 선택(Checked) 상태.
+     */
+    checked?: boolean;
+    /**
+     * 체크박스 부분 선택(Indeterminate) 상태.
+     */
+    indeterminate?: boolean;
+    /**
+     * 체크박스 비활성화 여부.
+     */
+    disableCheckbox?: boolean;
+    /**
+     * 체크박스 크기 ('sm' 14px, 기본값 · 'md' 18px).
+     */
+    checkboxSize?: "sm" | "md";
+    /**
+     * 체크박스 선택 상태 변경 시 콜백.
+     */
+    onCheckChange?: (checked: boolean) => void;
     /**
      * 노드 앞 아이콘(폴더·서버) 표시 여부. 기본 `true`.
      * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
@@ -1451,6 +1603,44 @@ type StnTreeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect'
     selectedId?: string | null;
     defaultSelectedId?: string | null;
     onSelect?: (id: string) => void;
+    /**
+     * 노드 아이콘 좌측 체크박스 전체 표시 여부. 기본값 `false`.
+     * `true` 설정 시 아이콘 좌측에 StnCheckbox가 렌더링됩니다.
+     */
+    showCheckbox?: boolean;
+    /**
+     * `showCheckbox` 별칭 (AntD/MUI 호환).
+     */
+    checkable?: boolean;
+    /**
+     * 부모-자식 간 체크박스 상태 연쇄 반영 여부 (Cascading check). 기본값 `false`.
+     * `true` 설정 시 부모 선택 시 하위 모든 자식이 선택되며, 일부 자식만 선택 시 부모는 부분 선택(indeterminate) 상태가 됩니다.
+     */
+    cascadeCheck?: boolean;
+    /**
+     * 체크된 노드 ID 목록 (제어 상태).
+     */
+    checkedIds?: string[];
+    /**
+     * 초기 체크된 노드 ID 목록 (비제어 상태).
+     */
+    defaultCheckedIds?: string[];
+    /**
+     * 부분 선택(indeterminate)된 노드 ID 목록 (제어 상태).
+     */
+    indeterminateIds?: string[];
+    /**
+     * 초기 부분 선택된 노드 ID 목록 (비제어 상태).
+     */
+    defaultIndeterminateIds?: string[];
+    /**
+     * 체크박스 크기 ('sm': 14px, 기본값 · 'md': 18px).
+     */
+    checkboxSize?: 'sm' | 'md';
+    /**
+     * 노드 체크박스 상태 변경 시 호출되는 콜백.
+     */
+    onCheckChange?: (checkedIds: string[], targetNode: StnTreeItemData, checked: boolean, indeterminateIds: string[]) => void;
     /**
      * 행 높이 크기 — `xs` 20px / `sm` 24px(기본) / `md` 32px / `lg` 40px / `xl` 48px.
      * `.xs`, `.sm`, `.md`, `.lg`, `.xl` 표준 크기 클래스로 적용됩니다.
@@ -1537,6 +1727,44 @@ declare const StnTree: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLD
     selectedId?: string | null;
     defaultSelectedId?: string | null;
     onSelect?: (id: string) => void;
+    /**
+     * 노드 아이콘 좌측 체크박스 전체 표시 여부. 기본값 `false`.
+     * `true` 설정 시 아이콘 좌측에 StnCheckbox가 렌더링됩니다.
+     */
+    showCheckbox?: boolean;
+    /**
+     * `showCheckbox` 별칭 (AntD/MUI 호환).
+     */
+    checkable?: boolean;
+    /**
+     * 부모-자식 간 체크박스 상태 연쇄 반영 여부 (Cascading check). 기본값 `false`.
+     * `true` 설정 시 부모 선택 시 하위 모든 자식이 선택되며, 일부 자식만 선택 시 부모는 부분 선택(indeterminate) 상태가 됩니다.
+     */
+    cascadeCheck?: boolean;
+    /**
+     * 체크된 노드 ID 목록 (제어 상태).
+     */
+    checkedIds?: string[];
+    /**
+     * 초기 체크된 노드 ID 목록 (비제어 상태).
+     */
+    defaultCheckedIds?: string[];
+    /**
+     * 부분 선택(indeterminate)된 노드 ID 목록 (제어 상태).
+     */
+    indeterminateIds?: string[];
+    /**
+     * 초기 부분 선택된 노드 ID 목록 (비제어 상태).
+     */
+    defaultIndeterminateIds?: string[];
+    /**
+     * 체크박스 크기 ('sm': 14px, 기본값 · 'md': 18px).
+     */
+    checkboxSize?: "sm" | "md";
+    /**
+     * 노드 체크박스 상태 변경 시 호출되는 콜백.
+     */
+    onCheckChange?: (checkedIds: string[], targetNode: StnTreeItemData, checked: boolean, indeterminateIds: string[]) => void;
     /**
      * 행 높이 크기 — `xs` 20px / `sm` 24px(기본) / `md` 32px / `lg` 40px / `xl` 48px.
      * `.xs`, `.sm`, `.md`, `.lg`, `.xl` 표준 크기 클래스로 적용됩니다.
@@ -1638,13 +1866,18 @@ type StnCardHeaderProps = StnWithoutStyle<Omit<HTMLAttributes<HTMLDivElement>, '
 type StnCardBodyProps = StnWithoutStyle<HTMLAttributes<HTMLDivElement>> & {
     children?: ReactNode;
     className?: string;
+    /**
+     * edge-to-edge 본문 (Split View 등).
+     * 보통 Card `padding="none"`과 함께 사용 — 헤더/푸터는 카드가 인셋을 유지한다.
+     */
+    flush?: boolean;
 };
 type StnCardFooterProps = StnWithoutStyle<HTMLAttributes<HTMLDivElement>> & {
     children?: ReactNode;
     className?: string;
 };
 declare function StnCardHeader({ children, title, titleSize, titleWeight, extra, className, ...rest }: StnCardHeaderProps): react_jsx_runtime.JSX.Element;
-declare function StnCardBody({ children, className, ...rest }: StnCardBodyProps): react_jsx_runtime.JSX.Element;
+declare function StnCardBody({ children, className, flush, ...rest }: StnCardBodyProps): react_jsx_runtime.JSX.Element;
 declare function StnCardFooter({ children, className, ...rest }: StnCardFooterProps): react_jsx_runtime.JSX.Element;
 interface StnCardComponent extends React.ForwardRefExoticComponent<StnCardProps & React.RefAttributes<HTMLDivElement>> {
     Header: typeof StnCardHeader;
@@ -1731,6 +1964,49 @@ type StnSectionSidePresetProps = Omit<StnSectionSideProps, 'children'> & {
 /** Figma 예제 — FOLDER STRUCTURE + scroll */
 declare function StnSectionSidePreset({ tree, collapsed, ...sideProps }: StnSectionSidePresetProps): react_jsx_runtime.JSX.Element;
 
+type StnSplitViewProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    children?: ReactNode;
+    className?: string;
+    /** 부모 flex 높이 체인을 채움 (Card flush body / LayerShell 안) @default true */
+    fill?: boolean;
+};
+type StnSplitViewSideProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+    children?: ReactNode;
+    className?: string;
+    /** 상단 고정 영역 (타이틀·검색 등) */
+    header?: ReactNode;
+    /** 사이드 폭 토큰 @default 'md' */
+    width?: StnSplitViewSideWidth;
+    /** start=좌(기본, border-end) · end=우(border-start) @default 'start' */
+    edge?: 'start' | 'end';
+    /** 본문 스크롤. false면 children을 그대로 렌더 @default true */
+    scrollable?: boolean;
+    scrollProps?: Omit<StnScrollProps, 'orientation' | 'children'>;
+};
+type StnSplitViewStageProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    children?: ReactNode;
+    className?: string;
+};
+type StnSplitViewOverlayProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    children?: ReactNode;
+    className?: string;
+    placement?: StnSplitViewOverlayPlacement;
+};
+declare function StnSplitViewSide({ children, className, header, width, edge, scrollable, scrollProps, ...rest }: StnSplitViewSideProps): react_jsx_runtime.JSX.Element;
+/**
+ * Stage는 position:relative 호스트.
+ * - `StnFloatingToolbar placement=…` / `StnSplitView.Overlay` → absolute 오버레이
+ * - 본문(그래프·빈 슬롯) → `StnStack fill` 등으로 채움
+ */
+declare function StnSplitViewStage({ children, className, ...rest }: StnSplitViewStageProps): react_jsx_runtime.JSX.Element;
+declare function StnSplitViewOverlay({ children, className, placement, ...rest }: StnSplitViewOverlayProps): react_jsx_runtime.JSX.Element;
+type StnSplitViewComponent = ReturnType<typeof forwardRef<HTMLDivElement, StnSplitViewProps>> & {
+    Side: typeof StnSplitViewSide;
+    Stage: typeof StnSplitViewStage;
+    Overlay: typeof StnSplitViewOverlay;
+};
+declare const StnSplitView: StnSplitViewComponent;
+
 type StnLoginCardBrandPosition = 'left' | 'right';
 type StnLoginCardVariant = 'default' | 'glow';
 type StnLoginCardProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
@@ -1902,6 +2178,163 @@ declare const StnLoginTextField: react.ForwardRefExoticComponent<StnWithoutStyle
     className?: string;
 } & react.RefAttributes<HTMLInputElement>>;
 
+type StnStepProps = {
+    /** 스텝 고유 식별자 */
+    key?: string | number;
+    /** 스텝 메인 타이틀 */
+    label?: ReactNode;
+    /** 서브 캡션 설명 */
+    caption?: ReactNode;
+    /** 상태 직접 지정 ('wait' | 'running' | 'success' | 'warning' | 'error') */
+    status?: StnStepStatus;
+    /** 커스텀 아이콘 (StnIcon 문자열 이름 또는 ReactNode) */
+    icon?: string | ReactNode;
+    /** 오류 상태 여부 또는 에러 문구 */
+    error?: boolean | ReactNode;
+    /** 에러 상세 설명 안내 텍스트 */
+    errorText?: ReactNode;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+    /** 선택 사항 라벨 (예: '선택 사항') */
+    optional?: ReactNode;
+    /** 클릭 핸들러 (nonLinear 모드에서 동작) */
+    onClick?: () => void;
+    /** Vertical 모드에서 본문 내용 강제 펼침 여부 (미지정 시 activeStep과 일치할 때 자동 펼침) */
+    expanded?: boolean;
+    /** Vertical 모드에서 펼쳐질 본문 내용 슬롯 */
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+type StnStepperProps = HTMLAttributes<HTMLDivElement> & {
+    /** 현재 진행 중인 스텝 인덱스 (0부터 시작) @default 0 */
+    activeStep?: number;
+    /** 가로(horizontal) 또는 세로(vertical) 방향 @default 'horizontal' */
+    orientation?: StnStepperOrientation;
+    /** 세로(vertical) 모드일 때 스텝 노드 위치 ('left' | 'right') @default 'left' */
+    position?: StnStepperPosition;
+    /** STN 표준 규격 크기 스케일 (xs · sm · md · lg · xl) @default 'md' */
+    size?: StnStepperSize;
+    /** 스텝 연결선 두께 (1~4px 숫자, 'xs'~'xl' 스케일, 또는 CSS 단위 문자열) @default undefined (size에 맞춤) */
+    lineThickness?: StnStepperLineThickness;
+    /** 아이콘 아래에 라벨/캡션을 배치하는 옵션 (가로 모드 전용) @default false */
+    alternativeLabel?: boolean;
+    /**
+     * 라벨·캡션·선택 표기·오류 문구 표시.
+     * false면 노드(아이콘·번호)와 연결선만 보이고, 문구는 스크린리더용으로 남는다.
+     * 가로에서 노드를 칸 중앙에 두려면 alternativeLabel과 함께 쓴다.
+     * @default true
+     */
+    showLabel?: boolean;
+    /** 순차적 진행 강제 여부 (기본 true, false 시 non-linear 탐색 허용) @default true */
+    linear?: boolean;
+    /** 자유 탐색 모드 (true 시 스텝 헤더 클릭으로 원하는 단계로 즉시 이동 가능) @default false */
+    nonLinear?: boolean;
+    /** 세로(vertical) 모드에서 모든 스텝의 콘텐츠를 동시에 펼쳐서 표시할지 여부 @default false */
+    allExpanded?: boolean;
+    /** 스텝 사이를 잇는 연결선 표시 여부 @default true */
+    showLine?: boolean;
+    /** showLine alias (@default true) */
+    hasConnector?: boolean;
+    /** 스텝 클릭 이벤트 핸들러 */
+    onStepClick?: (stepIndex: number, step: StnStepItem) => void;
+    /** 데이터 기반 스텝 목록 (배열 전달 시 빠른 렌더링 지원) */
+    steps?: StnStepItem[];
+    /** JSX 컴포넌트 형태(<StnStep>)로 자식을 전달할 때 사용 */
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const StnStep: react.ForwardRefExoticComponent<StnStepProps & react.RefAttributes<HTMLDivElement>>;
+declare const StnStepper: React.ForwardRefExoticComponent<StnStepperProps & React.RefAttributes<HTMLDivElement>> & {
+    Step: typeof StnStep;
+};
+
+type StnStepCardItem = {
+    key?: string | number;
+    /** 카드 제목 위 단계 라벨. 없으면 STEP 01 */
+    stepLabel?: ReactNode;
+    title: ReactNode;
+    /** 이 카드의 결과 제목. 없으면 StnStepCards의 resultLabel */
+    resultLabel?: ReactNode;
+    /** 결과 값. 없으면 상태 이름(성공·진행·대기·오류·경고) */
+    resultText?: ReactNode;
+    status?: StnStepStatus;
+    /** 이 카드의 버튼 문구. 없으면 StnStepCards의 actionLabel */
+    actionLabel?: ReactNode;
+    onAction?: () => void;
+    /** 결과를 열 수 있는 상태여도 버튼을 막는다 */
+    actionDisabled?: boolean;
+};
+type StnStepCardsProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    steps: StnStepCardItem[];
+    /**
+     * 현재 단계 인덱스.
+     * 없으면 status가 running인 첫 단계, 그것도 없으면 0.
+     */
+    activeStep?: number;
+    /** 위쪽 스텝퍼 크기 @default 'md' */
+    size?: StnStepperSize;
+    /** 스텝퍼 연결선 두께. StnStepper lineThickness와 같다 */
+    lineThickness?: StnStepperLineThickness;
+    /** 연결선 표시. StnStepper showLine과 같다 @default true */
+    showLine?: boolean;
+    /**
+     * 노드 클릭으로 단계를 고를 수 있게 한다. StnStepper nonLinear와 같다.
+     * 현재 카드 보더는 activeStep이 바뀌어야 움직인다.
+     * @default false
+     */
+    nonLinear?: boolean;
+    /** 순차 진행. false면 nonLinear와 같이 노드를 누를 수 있다 @default true */
+    linear?: boolean;
+    /** 스텝 노드를 눌렀을 때. 카드 데이터와 인덱스를 넘긴다 */
+    onStepClick?: (index: number, step: StnStepCardItem) => void;
+    /** 카드 결과 제목 @default '점검 결과' */
+    resultLabel?: ReactNode;
+    /** 카드 버튼 문구 @default '결과보기' */
+    actionLabel?: ReactNode;
+    /** 단계 카드의 결과 버튼 */
+    onAction?: (index: number, step: StnStepCardItem) => void;
+    className?: string;
+};
+/**
+ * Step cards — 노드만 있는 스텝퍼 아래, 단계마다 결과와 액션이 있는 카드.
+ * 성공·오류·경고는 결과를 열고, 진행·대기는 버튼을 막는다.
+ * 현재 단계 카드만 primary 보더를 쓴다.
+ * 가로는 alternativeLabel, 라벨 숨김으로 고정한다. 노드 크기·선·클릭만 스텝퍼와 같은 이름으로 연다.
+ */
+declare const StnStepCards: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    steps: StnStepCardItem[];
+    /**
+     * 현재 단계 인덱스.
+     * 없으면 status가 running인 첫 단계, 그것도 없으면 0.
+     */
+    activeStep?: number;
+    /** 위쪽 스텝퍼 크기 @default 'md' */
+    size?: StnStepperSize;
+    /** 스텝퍼 연결선 두께. StnStepper lineThickness와 같다 */
+    lineThickness?: StnStepperLineThickness;
+    /** 연결선 표시. StnStepper showLine과 같다 @default true */
+    showLine?: boolean;
+    /**
+     * 노드 클릭으로 단계를 고를 수 있게 한다. StnStepper nonLinear와 같다.
+     * 현재 카드 보더는 activeStep이 바뀌어야 움직인다.
+     * @default false
+     */
+    nonLinear?: boolean;
+    /** 순차 진행. false면 nonLinear와 같이 노드를 누를 수 있다 @default true */
+    linear?: boolean;
+    /** 스텝 노드를 눌렀을 때. 카드 데이터와 인덱스를 넘긴다 */
+    onStepClick?: (index: number, step: StnStepCardItem) => void;
+    /** 카드 결과 제목 @default '점검 결과' */
+    resultLabel?: ReactNode;
+    /** 카드 버튼 문구 @default '결과보기' */
+    actionLabel?: ReactNode;
+    /** 단계 카드의 결과 버튼 */
+    onAction?: (index: number, step: StnStepCardItem) => void;
+    className?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+
 /** horizontal = 가로 wordmark · vertical = 세로 mark · watermark = 워터마크 · onlyimg/symbol = 아이콘 단독 심볼 */
 type StnLogoVariant = 'horizontal' | 'vertical' | 'watermark' | 'onlyimg' | 'symbol';
 /** CSS tokens: xs sm md lg xl */
@@ -2035,7 +2468,7 @@ type StnChipProps = StnWithoutStyle<Omit<HTMLAttributes<HTMLSpanElement>, 'class
     /** 클릭 가능한 인터랙티브 칩 여부 (토글과 달리 On/Off 상태를 갖지 않는 액션 클릭용) */
     clickable?: boolean;
     /** 삭제 이벤트 콜백 (제공 시 삭제 버튼 렌더링) */
-    onDelete?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onDelete?: (e: MouseEvent$1<HTMLButtonElement>) => void;
     /** 삭제 버튼 아이콘 (기본: SVG 닫기 아이콘) */
     deleteIcon?: ReactNode;
     /** 삭제 버튼 위치 ('left' | 'right', 기본 'right') */
@@ -2622,6 +3055,8 @@ type StnDateRangeFieldProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'chi
     format?: (date: Date) => string;
     startPlaceholder?: string;
     endPlaceholder?: string;
+    /** 날짜 하나만 보여 준다. 구분선과 종료일은 숨긴다. */
+    single?: boolean;
     /** 라벨 텍스트 또는 노드 */
     label?: ReactNode;
     /** 라벨 앞에 표시할 아이콘 (slug 또는 ReactNode) */
@@ -2650,6 +3085,8 @@ declare const StnDateRangeField: react.ForwardRefExoticComponent<Omit<ButtonHTML
     format?: (date: Date) => string;
     startPlaceholder?: string;
     endPlaceholder?: string;
+    /** 날짜 하나만 보여 준다. 구분선과 종료일은 숨긴다. */
+    single?: boolean;
     /** 라벨 텍스트 또는 노드 */
     label?: ReactNode;
     /** 라벨 앞에 표시할 아이콘 (slug 또는 ReactNode) */
@@ -2870,38 +3307,63 @@ type StnLayer0BackgroundProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'>
  */
 declare function StnLayer0Background({ variant, kind: kindProp, color, src, srcDark, overlay: overlayProp, overlayDarkRadial: overlayDarkRadialProp, alt, className, style, ...rest }: StnLayer0BackgroundProps): react_jsx_runtime.JSX.Element | null;
 
+type StnDatePickerSize = 'sm' | 'md' | 'lg';
 type StnDateRangePickerProps = {
     open: boolean;
     value: StnDateRange;
     onChange?: (value: StnDateRange) => void;
     onApply?: (value: StnDateRange) => void;
     onClose?: () => void;
+    /** 범위는 두 달, 단건은 한 달. @default 'range' */
+    mode?: StnDatePickerMode;
+    /** 달력 패널 크기. 칸·패딩 토큰을 같이 조절한다. @default 'md' */
+    size?: StnDatePickerSize;
     showTime?: boolean;
+    /**
+     * 단건 + 시간에서 시·분·초 위치.
+     * `side`는 달력 오른쪽, `bottom`은 달력 아래.
+     * 오른쪽에서 기간이 잡히면 시작·종료 시간이 달력 오른쪽에 같이 나온다.
+     * @default 'side'
+     */
+    timePlacement?: StnDateTimePlacement;
+    /**
+     * 달력 아래 바로가기 버튼.
+     * 비우면 버튼 줄이 없다. 화면이 종류와 순서를 정한다.
+     */
+    presets?: readonly StnDatePreset[];
     className?: string;
     style?: CSSProperties;
     /** portal positioning — `StnDateRangePickerField`가 전달 */
     anchorRect?: DOMRect | null;
 };
-declare function StnDateRangePicker({ open, value, onChange, onApply, onClose, showTime, className, style, anchorRect, }: StnDateRangePickerProps): react_jsx_runtime.JSX.Element | null;
+declare function StnDateRangePicker({ open, value, onChange, onApply, onClose, mode, size, showTime, timePlacement, presets, className, style, anchorRect, }: StnDateRangePickerProps): react_jsx_runtime.JSX.Element | null;
 
 type StnDateRangePickerFieldProps = Omit<StnDateRangeFieldProps, 'start' | 'end' | 'onClick' | 'defaultValue' | 'value' | 'onChange'> & {
     value?: StnDateRange;
     defaultValue?: StnDateRange;
     onChange?: (value: StnDateRange) => void;
+    mode?: StnDatePickerMode;
     showTime?: boolean;
+    /** 단건 + 시간 위치. `side` 오른쪽, `bottom` 아래. @default 'side' */
+    timePlacement?: StnDateTimePlacement;
+    presets?: readonly StnDatePreset[];
     format?: (date: Date) => string;
     pickerClassName?: string;
     pickerStyle?: CSSProperties;
 };
-declare function StnDateRangePickerField({ value: valueProp, defaultValue, onChange, showTime, format: formatProp, className, pickerClassName, pickerStyle, disabled, ...fieldProps }: StnDateRangePickerFieldProps): react_jsx_runtime.JSX.Element;
+declare function StnDateRangePickerField({ value: valueProp, defaultValue, onChange, mode, size, showTime, timePlacement, presets, format: formatProp, className, pickerClassName, pickerStyle, disabled, ...fieldProps }: StnDateRangePickerFieldProps): react_jsx_runtime.JSX.Element;
 
 type StnTopologyNodeStatus = 'normal' | 'warning' | 'minor' | 'major' | 'critical';
-type StnTopologyNodeShape = 'circle' | 'diamond' | 'square';
+type StnTopologyNodeShape = 'circle' | 'square' | 'triangle' | 'star' | 'diamond';
+type StnTopologyNodeVariant = 'outline' | 'solid' | 'combined';
+type StnTopologyLinkVariant = 'line' | 'dot';
 type StnTopologyNodeSize = 'xs' | 'sm' | 'md' | 'lg';
 /** 노드 본문 — 아이콘 또는 수량 숫자 */
 type StnTopologyNodeContent = 'icon' | 'count';
 type StnTopologyNodeIcon = 'topology-wifi' | 'topology-cluster' | 'topology-firewall' | 'topology-server' | 'topology-ai' | 'topology-layers' | 'topology-chart' | 'topology-cube' | (string & {});
 declare const STN_TOPOLOGY_NODE_SHAPES: readonly StnTopologyNodeShape[];
+declare const STN_TOPOLOGY_NODE_VARIANTS: readonly StnTopologyNodeVariant[];
+declare const STN_TOPOLOGY_LINK_VARIANTS: readonly StnTopologyLinkVariant[];
 declare const STN_TOPOLOGY_NODE_SIZES: readonly StnTopologyNodeSize[];
 declare const STN_TOPOLOGY_NODE_STATUSES: readonly StnTopologyNodeStatus[];
 declare const STN_TOPOLOGY_NODE_ICONS: readonly StnTopologyNodeIcon[];
@@ -2921,6 +3383,10 @@ declare const STN_TOPOLOGY_NODE_SIZE: Record<StnTopologyNodeSize, {
     stroke: number;
 }>;
 declare function formatTopologyCount(count: number | string | undefined): string;
+declare function starPoints(cx: number, cy: number, outerR: number, innerR: number): string;
+declare function trianglePoints(cx: number, cy: number, r: number): string;
+declare function diamondPoints(cx: number, cy: number, r: number): string;
+declare function topologyShapePoints(shape: StnTopologyNodeShape, cx: number, cy: number, r: number): string;
 type StnTopologyNode = {
     id: string;
     label: string;
@@ -2928,6 +3394,7 @@ type StnTopologyNode = {
     statusLabel?: string;
     icon?: StnTopologyNodeIcon | ReactNode;
     shape?: StnTopologyNodeShape;
+    variant?: StnTopologyNodeVariant;
     size?: StnTopologyNodeSize;
     content?: StnTopologyNodeContent;
     /** 노드 본문 숫자(`content: 'count'`) 또는 아이콘 위 뱃지 */
@@ -3036,8 +3503,10 @@ type StnTopologyGraphNode = {
     color?: string;
     /** 긴급 장애 2중 동심 펄스 링 파동 활성화 여부 */
     pulse?: boolean;
-    /** @deprecated Ring 전용 속성 (3D Graph에서는 고유 3D 공간 벡터로 렌더링됩니다) */
+    /** 노드 5대 형태 ('circle' 동그라미 | 'square' 네모 | 'triangle' 세모 | 'star' 별 | 'diamond' 마름모) @default 'circle' */
     shape?: StnTopologyNodeShape;
+    /** 노드 3대 채움 스타일 ('outline' 뚫린 버전 | 'solid' 막힌 버전 | 'combined' 복합 버전) @default 'outline' */
+    variant?: StnTopologyNodeVariant;
     size?: StnTopologyNodeSize;
     content?: StnTopologyNodeContent;
     count?: number | string;
@@ -3047,6 +3516,8 @@ type StnTopologyGraphNode = {
 type StnTopologyGraphLink = {
     source: string | number;
     target: string | number;
+    /** 회선 형태 스타일 ('line' 점 없는 순수 연결선 | 'dot' 중심 상태 도트 포함) @default 'line' */
+    variant?: StnTopologyLinkVariant;
     status?: StnTopologyNodeStatus;
     dashed?: boolean;
 };
@@ -3126,7 +3597,7 @@ type StnTopologyGraphContextValue = {
     nodeMap: Map<string | number, StnTopologyProjectedNode>;
     selectedId?: string | number;
     onNodeClick?: (node: StnTopologyGraphNode) => void;
-    handleNodeMouseDown: (e: MouseEvent, id: string | number) => void;
+    handleNodeMouseDown: (e: MouseEvent$1, id: string | number) => void;
     renderGridLines: () => ReactNode;
     containerRef: React.RefObject<HTMLDivElement | null>;
     setTooltip: React.Dispatch<React.SetStateAction<StnTopologyGraphTooltipState>>;
@@ -3217,6 +3688,7 @@ declare namespace StnTopologyGraph {
 type StnTopologyNodeItemProps = {
     size?: StnTopologyNodeSize;
     shape?: StnTopologyNodeShape;
+    variant?: StnTopologyNodeVariant;
     status?: StnTopologyNodeStatus;
     color?: string;
     content?: StnTopologyNodeContent;
@@ -3242,6 +3714,7 @@ type StnTopologyNodeMarkProps = Omit<SVGAttributes<SVGGElement>, 'onClick'> & {
     y: number;
     size?: StnTopologyNodeSize;
     shape?: StnTopologyNodeShape;
+    variant?: StnTopologyNodeVariant;
     status?: StnTopologyNodeStatus;
     color?: string;
     content?: StnTopologyNodeContent;
@@ -3266,6 +3739,59 @@ type StnTopologyNodePreviewProps = StnTopologyNodeItemProps;
 /** 문서·팔레트용 단독 노드 프리뷰 */
 declare function StnTopologyNodePreview({ size, showLabel, showStatus, ...rest }: StnTopologyNodePreviewProps): react_jsx_runtime.JSX.Element;
 
+type StnGradeRowGrade = StnWidgetGradeRowGrade;
+
+type StnGradeRowProps = HTMLAttributes<HTMLDivElement> & {
+    grade: StnGradeRowGrade;
+    label: ReactNode;
+    value: ReactNode;
+    /** 0–100 — progress bar width · percent label */
+    percent: number;
+    percentLabel?: ReactNode;
+    /** 퍼센트 라벨 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
+    decimals?: number;
+};
+type StnWidgetGradeRowProps = StnGradeRowProps;
+/**
+ * StnGradeRow
+ * 장애 등급별 진행바 현황 행 컴포넌트
+ * StnWidget 내부 또는 독립 카드에서 사용 가능
+ */
+declare function StnGradeRow({ grade, label, value, percent, percentLabel, decimals, className, ...rest }: StnGradeRowProps): react_jsx_runtime.JSX.Element;
+declare function StnGradeRowList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+type StnStatCardProps = HTMLAttributes<HTMLDivElement> & {
+    label: ReactNode;
+    count: ReactNode;
+};
+type StnWidgetStatCardProps = StnStatCardProps;
+/**
+ * StnStatCard
+ * 지표 통계 수치 카드 컴포넌트
+ * StnWidget 내부 또는 독립 카드에서 사용 가능
+ */
+declare function StnStatCard({ label, count, className, ...rest }: StnStatCardProps): react_jsx_runtime.JSX.Element;
+declare function StnStatGroup({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+type StnStatusGrade = 'critical' | 'major' | 'minor' | 'info' | 'normal';
+type StnWidgetStatusGrade = StnStatusGrade;
+type StnStatusItemProps = HTMLAttributes<HTMLDivElement> & {
+    label: ReactNode;
+    value: ReactNode;
+    grade?: StnStatusGrade;
+    /** @deprecated grade 사용 권장 */
+    status?: StnStatusGrade | 'warning';
+    showDot?: boolean;
+};
+type StnWidgetStatusItemProps = StnStatusItemProps;
+/**
+ * StnStatusItem
+ * 관제 및 장애 상태 항목 컴포넌트
+ * StnWidget 내부 또는 독립 목록에서 사용 가능
+ */
+declare function StnStatusItem({ label, value, grade: gradeProp, status, showDot, className, ...rest }: StnStatusItemProps): react_jsx_runtime.JSX.Element;
+declare function StnStatusList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
 type StnWidgetBackground = boolean | StnWidgetBackgroundMode;
 type StnWidgetStatus = 'default' | 'critical' | 'major' | 'minor' | 'warning';
 type StnWidgetPadding = 'default' | 'compact' | 'none';
@@ -3384,38 +3910,16 @@ type StnWidgetChartSlotProps = HTMLAttributes<HTMLDivElement> & {
 };
 /** Figma slot — dashed chart mount area */
 declare function StnWidgetChartSlot({ label, className, children, ...rest }: StnWidgetChartSlotProps): react_jsx_runtime.JSX.Element;
-type StnWidgetStatusGrade = 'critical' | 'major' | 'minor' | 'info' | 'normal';
-type StnWidgetStatusItemProps = HTMLAttributes<HTMLDivElement> & {
-    label: ReactNode;
-    value: ReactNode;
-    grade?: StnWidgetStatusGrade;
-    /** @deprecated grade 사용 권장 */
-    status?: StnWidgetStatusGrade | 'warning';
-    showDot?: boolean;
-};
-declare function StnWidgetStatusItem({ label, value, grade: gradeProp, status, showDot, className, ...rest }: StnWidgetStatusItemProps): react_jsx_runtime.JSX.Element;
-declare function StnWidgetStatusList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function StnWidgetStatGroup({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-type StnWidgetStatCardProps = HTMLAttributes<HTMLDivElement> & {
-    label: ReactNode;
-    count: ReactNode;
-};
-declare function StnWidgetStatCard({ label, count, className, ...rest }: StnWidgetStatCardProps): react_jsx_runtime.JSX.Element;
 /** DS · 스토리용 빈 본문 */
 declare function StnWidgetPlaceholder({ label }: {
     label?: string;
 }): react_jsx_runtime.JSX.Element;
-type StnWidgetGradeRowProps = HTMLAttributes<HTMLDivElement> & {
-    grade: StnWidgetGradeRowGrade;
-    label: ReactNode;
-    value: ReactNode;
-    /** 0–100 — progress bar width · percent label */
-    percent: number;
-    percentLabel?: ReactNode;
-};
-/** Figma dark dashboard — grade row + 2px progress bar */
-declare function StnWidgetGradeRow({ grade, label, value, percent, percentLabel, className, ...rest }: StnWidgetGradeRowProps): react_jsx_runtime.JSX.Element;
-declare function StnWidgetGradeRowList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare const StnWidgetStatusItem: typeof StnStatusItem;
+declare const StnWidgetStatusList: typeof StnStatusList;
+declare const StnWidgetStatGroup: typeof StnStatGroup;
+declare const StnWidgetStatCard: typeof StnStatCard;
+declare const StnWidgetGradeRow: typeof StnGradeRow;
+declare const StnWidgetGradeRowList: typeof StnGradeRowList;
 declare function StnWidgetFooter({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare function StnWidgetEmpty({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 interface StnWidgetLoadingProps extends HTMLAttributes<HTMLDivElement> {
@@ -3438,12 +3942,12 @@ declare const StnWidget: typeof StnWidgetRoot & {
     PeriodText: typeof StnWidgetPeriodText;
     PeriodSelect: typeof StnWidgetPeriodSelect;
     PeriodPager: typeof StnWidgetPeriodPager;
-    StatusList: typeof StnWidgetStatusList;
-    StatusItem: typeof StnWidgetStatusItem;
-    StatGroup: typeof StnWidgetStatGroup;
-    StatCard: typeof StnWidgetStatCard;
-    GradeRowList: typeof StnWidgetGradeRowList;
-    GradeRow: typeof StnWidgetGradeRow;
+    StatusList: typeof StnStatusList;
+    StatusItem: typeof StnStatusItem;
+    StatGroup: typeof StnStatGroup;
+    StatCard: typeof StnStatCard;
+    GradeRowList: typeof StnGradeRowList;
+    GradeRow: typeof StnGradeRow;
     Placeholder: typeof StnWidgetPlaceholder;
     TopologyRing: typeof StnTopologyRing;
     TopologyGraph: typeof StnTopologyGraph;
@@ -4252,7 +4756,11 @@ type StnContainerProps<T extends ElementType = 'div'> = {
      * @default 'lg'
      */
     maxWidth?: StnContainerMaxWidth;
-    /** 좌우 패딩 거터(Gutter) 비활성화 여부 @default false */
+    /**
+     * true면 컨테이너 자신의 좌우 패딩(1024px 미만 16px, 이상 24px)을 없앤다.
+     * 페이지 본문(.stn-layer-1__body)이 주는 16px은 이 옵션과 별개다.
+     * @default false
+     */
     disableGutters?: boolean;
     /**
      * true면 breakpoint마다 그 구간 폭으로 고정된다. 구간 안에서는 유동적으로 늘어나지 않는다.
@@ -4796,44 +5304,12 @@ interface StnFloatingToolbarProps extends react__default.HTMLAttributes<HTMLDivE
     className?: string;
     children?: react__default.ReactNode;
 }
-interface StnMapToolbarProps extends StnFloatingToolbarProps {
-    /** 뷰 모드 드롭다운 옵션 (미지정 시 기본 ['구면', '평면', '원형'] 제공) */
-    modeOptions?: StnDropdownOption[];
-    /** 현재 선택된 뷰 모드 값 */
-    modeValue?: string;
-    /** 뷰 모드 변경 콜백 */
-    onModeChange?: (value: string) => void;
-    /** 드롭다운 너비 (기본값: 110px) */
-    dropdownWidth?: number | string;
-    /** 툴바 버튼 스타일 (기본값: 'ghost') */
-    buttonVariant?: 'ghost' | 'outlined';
-    /** 초기화(Restore) 버튼 클릭 핸들러 */
-    onRestore?: () => void;
-    /** 전체화면(Fullscreen) 버튼 클릭 핸들러 */
-    onFullscreen?: () => void;
-    /** 확대(Zoom In) 버튼 클릭 핸들러 */
-    onZoomIn?: () => void;
-    /** 축소(Zoom Out) 버튼 클릭 핸들러 */
-    onZoomOut?: () => void;
-    /** 새로고침(Refresh) 버튼 클릭 핸들러 */
-    onRefresh?: () => void;
-    /** 추가 커스텀 액션 버튼들 */
-    extraActions?: react__default.ReactNode;
-}
 /**
  * StnFloatingToolbar
- * 지도, 차트, 토폴로지 캔버스 위에 플로팅되는 툴바 컨테이너입니다.
+ * 지도, 차트, 토폴로지 캔버스 위에 플로팅되는 툴바 셸입니다.
+ * 버튼·드롭다운 등은 children으로 조립합니다.
  */
 declare const StnFloatingToolbar: react__default.ForwardRefExoticComponent<StnFloatingToolbarProps & react__default.RefAttributes<HTMLDivElement>>;
-/**
- * StnMapToolbar
- * mockup/index.html의 토폴로지/지도 하단 툴바(topo-toolbar-container)를
- * 완벽히 재현한 통합 패턴 컴포넌트입니다.
- * 32px 드롭다운과 4px 각진 아이콘 버튼(StnButton shape="square")으로 구성됩니다.
- */
-declare const StnMapToolbar: react__default.ForwardRefExoticComponent<StnMapToolbarProps & react__default.RefAttributes<HTMLDivElement>>;
-type StnFloatingToolbarPresetProps = StnMapToolbarProps;
-declare const StnFloatingToolbarPreset: react__default.ForwardRefExoticComponent<StnMapToolbarProps & react__default.RefAttributes<HTMLDivElement>>;
 
 type StnEventBannerPlacement = 'top' | 'bottom' | 'inline';
 type StnEventBannerSeverity = 'critical' | 'major' | 'minor' | 'warning';
@@ -4870,4 +5346,383 @@ interface StnEventBannerProps extends Omit<react__default.HTMLAttributes<HTMLDiv
 /** 위험도별 이벤트 배너. placement와 severity로 배치·스타일을 고릅니다. */
 declare const StnEventBanner: react__default.ForwardRefExoticComponent<StnEventBannerProps & react__default.RefAttributes<HTMLDivElement>>;
 
-export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DEFAULT_3D_GRAPH_LINKS, DEFAULT_3D_GRAPH_NODES, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, Divider, 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, type StnCheckboxVariant, 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, StnDivider, type StnDividerProps, StnDrawer, StnDrawerBody, type StnDrawerBodyGap, type StnDrawerBodyPadding, type StnDrawerBodyProps, StnDrawerFooter, type StnDrawerFooterProps, type StnDrawerGap, StnDrawerHeader, type StnDrawerHeaderProps, type StnDrawerPadding, type StnDrawerPlacement, type StnDrawerProps, type StnDrawerSize, 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, type StnMode, 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, type StnSeverityLevel, type StnSeveritySize, 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, StnStatusSeverity, type StnStatusSeverityProps, StnStatusSwitch, type StnStatusSwitchProps, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnTab, StnTabContextProvider, type StnTabContextProviderProps, type StnTabContextValue, StnTabPanel, type StnTabPanelProps, type StnTabProps, 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, StnTabs, type StnTabsProps, StnTabsRoot, StnText, StnTextArea, type StnTextAreaColor, type StnTextAreaLabelPosition, type StnTextAreaProps, type StnTextAreaResize, type StnTextAreaSizeProp, type StnTextAreaVariant, type StnTextColor, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTextProps, type StnTextVariant, type StnTextWeight, 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 StnTopologyGraphContextValue, type StnTopologyGraphLink, StnTopologyGraphLinkComponent, type StnTopologyGraphLinkComponentProps, StnTopologyGraphMinimap, type StnTopologyGraphMinimapProps, StnTopologyGraphModeToggle, type StnTopologyGraphModeToggleProps, type StnTopologyGraphNode, StnTopologyGraphNodeComponent, type StnTopologyGraphNodeComponentProps, type StnTopologyGraphProps, StnTopologyGraphToolbar, type StnTopologyGraphToolbarProps, StnTopologyGraphViewport, type StnTopologyGraphViewportProps, type StnTopologyNode, StnTopologyNodeCard, type StnTopologyNodeCardProps, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeItem, type StnTopologyNodeItemProps, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, type StnTopologyProjectedNode, StnTopologyRing, StnTopologyRingCore, type StnTopologyRingCoreProps, StnTopologyRingNode, type StnTopologyRingNodeProps, 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, useStnTabsContext, useStnTopologyGraph };
+type StnEmptyStateAction = {
+    label: react__default.ReactNode;
+    onClick?: (e: react__default.MouseEvent<HTMLButtonElement>) => void;
+    /** 기본: primary=contained, secondary=outlined */
+    variant?: 'contained' | 'outlined' | 'ghost' | 'text';
+    disabled?: boolean;
+};
+interface StnEmptyStateProps extends Omit<react__default.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** 대표 프리셋 10종. 지정 시 아이콘/그래픽·제목·설명·톤 기본값 */
+    kind?: StnEmptyStateKind;
+    /** visual 표현 방식: 'graphic'(3D 일러스트 기본, 없을 시 아이콘 폴백) | 'icon'(아이콘 강제) */
+    visual?: 'graphic' | 'icon';
+    /** 커스텀 3D 그래픽 이미지 (URL / Data URL). kind 기본 그래픽 덮어씀 */
+    graphic?: string;
+    /** sm=위젯 · md=섹션(기본) · lg=페이지 */
+    size?: StnEmptyStateSize;
+    /** 레이아웃 본문 전체 중앙 정렬 (404 등) */
+    fullPage?: boolean;
+    /** 아이콘 색 톤. kind 지정 시 프리셋 기본값 */
+    tone?: StnEmptyStateTone;
+    /** Iconography slug 또는 커스텀 노드. kind 기본 아이콘 덮어씀 */
+    icon?: react__default.ReactNode;
+    /** HTTP 코드 등 작은 표기 (예: 404). visual="icon" 일 때 기본 노출 */
+    code?: react__default.ReactNode;
+    /** code 숨김 */
+    hideCode?: boolean;
+    title?: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    /** description 숨김 */
+    hideDescription?: boolean;
+    /** 커스텀 액션 영역. 지정 시 primary/secondaryAction 무시 */
+    actions?: react__default.ReactNode;
+    /** 1차 액션 (StnButton contained) */
+    primaryAction?: StnEmptyStateAction;
+    /** 2차 액션 (StnButton outlined) */
+    secondaryAction?: StnEmptyStateAction;
+    /** 비주얼(아이콘/그래픽) 영역 숨김 */
+    hideIcon?: boolean;
+    className?: string;
+}
+/** 공통 빈·오류 상태. kind 프리셋 또는 슬롯으로 조립합니다. */
+declare const StnEmptyState: react__default.ForwardRefExoticComponent<StnEmptyStateProps & react__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * STN Design System — Chart Standard Types & Token Resolvers
+ * Follows GEMINI.md Severity & Semantic Token Rules
+ */
+type StnChartSeverity = 'critical' | 'major' | 'minor' | 'warning';
+type StnChartStatus = 'critical' | 'major' | 'minor' | 'warning' | 'success' | 'info' | 'neutral' | 'primary' | 'secondary' | 'error';
+declare const SEVERITY_COLOR_TOKENS: Record<StnChartSeverity, string>;
+declare const STATUS_COLOR_TOKENS: Record<string, string>;
+declare const STN_CHART_STATUS_COLORS: Record<string, string>;
+/**
+ * STN 디자인 시스템 10종 통합 순차 범주형 컬러 팔레트 (Categorical 10 Palette)
+ * 막대(Bar), 꺾은선(Line), 원형/게이지(Pie/Gauge), 복합(Combo) 차트 전반에 순서대로 일관 적용됩니다.
+ * 10개를 초과하는 데이터는 1번부터 자동으로 순환(Modulo) 할당됩니다.
+ */
+declare const STN_CHART_COLORS: string[];
+declare const DEFAULT_CHART_COLORS: string[];
+/**
+ * 우선순위에 따라 차트 요소의 색상 토큰을 반환합니다.
+ * 1. 명시적 color가 'critical', 'major', 'minor', 'warning', 'success', 'info', 'neutral' 등의 상태 키워드인 경우
+ *    자동으로 STATUS_COLOR_TOKENS의 시맨틱 CSS 변수로 해석
+ * 2. 명시적 color가 레거시 토큰인 경우 통일된 10종 컬러로 매핑
+ * 3. 명시적 color가 CSS 변수(var(--...)) 또는 임의의 색상 문자열인 경우 그대로 반환
+ * 4. severity가 지정된 경우 SEVERITY_COLOR_TOKENS 반환
+ * 5. status가 지정된 경우 STATUS_COLOR_TOKENS 반환
+ * 6. 생략된 경우 10종 기본 시퀀스(STN_CHART_COLORS)에서 fallback(인덱스 숫자 또는 fallback 색상) 기준 반환
+ */
+declare function resolveChartColor(color?: string, severityOrFallback?: StnChartSeverity | number | string, status?: string, fallbackColor?: string): string;
+/**
+ * STN 디자인 시스템 차트 공통 수치 포맷터
+ * @param value 포맷할 숫자
+ * @param decimals 표시할 소수점 자릿수 (미지정 시 정수는 0자리, 소수는 1자리)
+ */
+declare function formatChartValue(value: number, decimals?: number): string;
+/**
+ * 차트 공통 로딩(스켈레톤) 및 데이터 없음(Empty State) 렌더러
+ */
+declare function renderChartState(loading?: boolean, hasData?: boolean, emptyText?: ReactNode): ReactNode;
+
+type StnBarChartValueItem = {
+    key?: string;
+    value: number;
+    color?: string;
+    label?: string;
+};
+type StnBarChartItem = {
+    id?: string | number;
+    label: string;
+    /** 단일 수치 또는 듀얼/다중 막대 수치 배열 (최대 5~6개) */
+    values: number[] | StnBarChartValueItem[];
+    highlight?: boolean;
+};
+type StnBarChartYAxis = {
+    max?: number;
+    min?: number;
+    steps?: number;
+    format?: (value: number) => string;
+    unit?: string;
+};
+type StnBarChartLegendItem = {
+    label: string;
+    color: string;
+};
+type StnBarChartDirection = 'vertical' | 'horizontal';
+type StnBarChartSize = 'sm' | 'md' | 'lg';
+type StnBarChartProps = HTMLAttributes<HTMLDivElement> & {
+    /** 차트 데이터 리스트 */
+    data?: StnBarChartItem[];
+    /** 막대 차트 방향 ('vertical' 기본 세로 막대, 'horizontal' 가로 막대) */
+    direction?: StnBarChartDirection;
+    /** direction의 별칭 */
+    orientation?: StnBarChartDirection;
+    /** 표준 막대 두께 스케일 ('sm': 4px, 'md': 6px 기본, 'lg': 10px) */
+    size?: StnBarChartSize;
+    /**
+     * 색상 자동 매핑 기준:
+     * - 'series' (기본): values 내 다중 막대(계열) 인덱스(0~9) 순으로 컬러 순환 할당
+     * - 'category': 각 컬럼/행(카테고리) 인덱스(0~9) 순으로 컬러 순환 할당
+     */
+    colorBy?: 'series' | 'category';
+    /** X축 하단 라벨/스케일 표출 여부 (기본 true) */
+    showXAxis?: boolean;
+    /** Y축 좌측 라벨/그리드 표출 여부 (기본 true) */
+    showYAxis?: boolean;
+    /** 마우스 오버 시 툴팁 표출 여부 (기본 true) */
+    showTooltip?: boolean;
+    /** 가로 막대 우측 수치 라벨 직접 표출 여부 (기본 false) */
+    showValue?: boolean;
+    /** Y축/값 축 설정 (최댓값, 눈금 수, 포맷터) */
+    yAxis?: StnBarChartYAxis;
+    /** 하단 알약형 범례 (미지정 시 숨김) */
+    legend?: StnBarChartLegendItem[];
+    /** 활성화/하이라이트할 컬럼/행 인덱스 (제어 모드) */
+    highlightIndex?: number;
+    /** 컬럼/행 클릭 이벤트 핸들러 */
+    onColumnClick?: (item: StnBarChartItem, index: number) => void;
+    /** 컬럼/행 개수가 많을 때 콤팩트 모드 (막대 4px) */
+    compact?: boolean;
+    /** 막대 개별 두께 ('sm' | 'md' | 'lg' | px 단위 숫자 또는 string) */
+    barWidth?: StnBarChartSize | number | string;
+    /** 차트 전체 높이 (기본 100% 또는 지정 px) */
+    height?: number | string;
+    /** 수치 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
+    decimals?: number;
+    /** 데이터 로딩 중 스켈레톤 표출 여부 */
+    loading?: boolean;
+    /** 데이터가 없을 때 표출할 안내 문구 또는 커스텀 컴포넌트 */
+    emptyText?: ReactNode;
+};
+/**
+ * STN 비상태 시각화 전용 10종 통일 컬러 팔레트
+ */
+declare const DEFAULT_BAR_COLORS: string[];
+/**
+ * StnBarChart
+ * STN 디자인 시스템 표준 막대 차트 컴포넌트
+ * 순수 CSS Flexbox + 시멘틱 토큰 기반으로 동작합니다.
+ * - 세로(vertical) 및 가로(horizontal) 막대 차트 완벽 지원
+ * - 단일 막대부터 최대 5~6개 다중 막대(Grouped Bar) 지원
+ * - sm / md / lg 표준 크기 스케일 지원
+ * - X/Y 축 라벨 표출/숨김 제어 (Class & Prop)
+ * - 인터랙티브 마우스 호버 툴팁 지원
+ */
+declare function StnBarChart({ data, direction, orientation, size, colorBy, showXAxis, showYAxis, showTooltip, showValue, yAxis, legend, highlightIndex: controlledHighlight, onColumnClick, compact, barWidth: customBarWidth, height, decimals, loading, emptyText, className, style, ...rest }: StnBarChartProps): react_jsx_runtime.JSX.Element;
+
+type StnPieChartItem = {
+    id?: string | number;
+    label: string;
+    value: number;
+    color?: string;
+};
+type StnPieChartVariant = 'gauge' | 'donut';
+type StnPieChartStrokeSize = 'sm' | 'md' | 'lg';
+type StnPieChartStrokeWidth = StnPieChartStrokeSize | number;
+type StnPieChartProps = HTMLAttributes<HTMLDivElement> & {
+    /** 데이터 항목 배열 (최대 10개 이상 지원) */
+    data: StnPieChartItem[];
+    /** 로딩 스켈레톤 상태 표출 여부 */
+    loading?: boolean;
+    /** 데이터가 비어있을 때 표시할 메시지 또는 커스텀 컴포넌트 */
+    emptyText?: ReactNode;
+    /** 차트 형태: 'gauge' (CPU/MEM 듀얼 동심원 게이지), 'donut' (단일/퍼센트 도넛) */
+    variant?: StnPieChartVariant;
+    /** 원형 선 두께 스케일: 'sm' (3px), 'md' (5px 기본), 'lg' (8px) 또는 직접 px 숫자 */
+    strokeWidth?: StnPieChartStrokeWidth;
+    /** strokeWidth 별칭 */
+    thickness?: StnPieChartStrokeWidth;
+    /** 마우스 오버 시 툴팁 표출 여부 (기본 true) */
+    showTooltip?: boolean;
+    /** 게이지 중앙 타이틀 (예: 'CPU', 'MEMORY') */
+    centerLabel?: ReactNode;
+    /** 도넛 중앙 서브 텍스트 또는 단위 (예: '%', '건') */
+    centerSubLabel?: ReactNode;
+    /** 범례 표시 여부 */
+    showLegend?: boolean;
+    /** 게이지 SVG 직경 (px, 기본 90) */
+    size?: number;
+    /** 수치/퍼센트 표시 시 소수점 자릿수 (기본값: 1) */
+    decimals?: number;
+    /** 툴팁 수치 커스텀 포맷터 함수 */
+    format?: (value: number, ratio: number) => string;
+};
+/**
+ * STN 비상태 다채색 전용 통합 10종 시멘틱 차트 팔레트
+ */
+declare const DEFAULT_PIE_COLORS: string[];
+/**
+ * StnPieChart
+ * STN 디자인 시스템 표준 원형/도넛/게이지 차트 컴포넌트
+ * 순수 인라인 SVG + 시멘틱 토큰 기반으로 동작합니다.
+ * - 최대 10개 이상의 다중 세그먼트 지원
+ * - sm(3px) / md(5px) / lg(8px) 원형 선 두께 스케일
+ * - 인터랙티브 마우스 호버 툴팁 지원
+ * - 세그먼트 호버 확대 인터랙션
+ */
+declare function StnPieChart({ data, loading, emptyText, variant, strokeWidth: customStrokeWidth, thickness, showTooltip, centerLabel, centerSubLabel, showLegend, size, decimals, format, className, style, ...rest }: StnPieChartProps): react_jsx_runtime.JSX.Element;
+/** StnGaugeChart alias */
+declare const StnGaugeChart: typeof StnPieChart;
+
+type StnLineChartSeries = {
+    id?: string | number;
+    label?: string;
+    data: number[];
+    color?: string;
+};
+type StnLineChartVariant = 'line' | 'area' | 'sparkline';
+type StnLineChartSize = 'sm' | 'md' | 'lg';
+type StnLineChartYAxis = {
+    max?: number;
+    min?: number;
+    labels?: string[];
+};
+type StnLineChartLegendItem = {
+    label: string;
+    color: string;
+};
+type StnLineChartProps = HTMLAttributes<HTMLDivElement> & {
+    /** 단일 수치 배열 또는 다중 시리즈 데이터 (최소 6종 이상 지원) */
+    data: number[] | StnLineChartSeries[];
+    /** 로딩 스켈레톤 상태 표출 여부 */
+    loading?: boolean;
+    /** 데이터가 비어있을 때 표시할 메시지 또는 커스텀 컴포넌트 */
+    emptyText?: ReactNode;
+    /** 차트 형태: 'line' (선 차트), 'area' (그라데이션 영역 차트), 'sparkline' (소형 스파크라인) */
+    variant?: StnLineChartVariant;
+    /** 선 두께 스케일: 'sm' (1.5px), 'md' (2px, 기본), 'lg' (3px) */
+    size?: StnLineChartSize;
+    /** X축 각 데이터 포인트마다 점(dot) 표출 여부 (기본 false) */
+    showDots?: boolean;
+    /** showDots의 별칭 */
+    showPoints?: boolean;
+    /** showDots의 축약 별칭 */
+    dots?: boolean;
+    /** X축 하단 라벨 표출 여부 (기본 true) */
+    showXAxis?: boolean;
+    /** Y축 좌측 라벨 표출 여부 (기본 true) */
+    showYAxis?: boolean;
+    /** 마우스 오버 시 데이터 툴팁 표출 여부 (기본 true) */
+    showTooltip?: boolean;
+    /** X축 하단 라벨 배열 */
+    xAxisLabels?: string[];
+    /** Y축 좌측 라벨 배열 또는 최댓값/최솟값 */
+    yAxis?: StnLineChartYAxis;
+    /** 하단 범례 (지정 시 표시) */
+    legend?: StnLineChartLegendItem[];
+    /** 차트 높이 (기본 160px 또는 sparkline 시 36px) */
+    height?: number | string;
+    /** 수치 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
+    decimals?: number;
+    /** 수치 커스텀 포맷터 함수 */
+    format?: (value: number) => string;
+};
+/**
+ * STN 비상태 시각화 전용 통합 10종 시멘틱 차트 팔레트
+ */
+declare const DEFAULT_LINE_COLORS: string[];
+/**
+ * StnLineChart
+ * STN 디자인 시스템 표준 꺾은선 / 영역 / 스파크라인 차트 컴포넌트
+ * - 최대 6개 이상의 다중 라인(Multi-series) 지원
+ * - sm / md / lg 표준 선 두께 스케일
+ * - 각 X축 데이터 포인트별 점(Dot) 표출/숨김 제어 (showDots)
+ * - X/Y 축 라벨 표출/숨김 제어 (Class & Prop)
+ * - 인터랙티브 마우스 호버 크로스헤어 + 툴팁
+ */
+declare function StnLineChart({ data, loading, emptyText, variant, size, showDots, showPoints, dots, showXAxis, showYAxis, showTooltip, xAxisLabels, yAxis, legend, height, decimals, format, className, style, ...rest }: StnLineChartProps): react_jsx_runtime.JSX.Element;
+
+type StnComboChartBarItem = {
+    key?: string;
+    value: number;
+    color?: string;
+    label?: string;
+};
+type StnComboChartLineSeries = {
+    id?: string | number;
+    label?: string;
+    data: number[];
+    color?: string;
+    /** 선 아래 영역 그라데이션 채우기 활성화 여부 */
+    area?: boolean;
+    /** 데이터 포인트 점(dot) 표출 여부 */
+    showDots?: boolean;
+    /** 적용할 Y축 축 기준 ('left' 기본, 'right' 보조축) */
+    yAxis?: 'left' | 'right';
+};
+type StnComboChartItem = {
+    id?: string | number;
+    label: string;
+    /** 단일 막대 수치 */
+    bar?: number;
+    /** 단일 또는 다중 막대 수치 배열 */
+    barValues?: number | number[] | StnComboChartBarItem[];
+    highlight?: boolean;
+};
+type StnComboChartYAxis = {
+    max?: number;
+    min?: number;
+    steps?: number;
+    format?: (value: number) => string;
+    unit?: string;
+    labels?: string[];
+};
+type StnComboChartLegendItem = {
+    label: string;
+    color: string;
+    type?: 'bar' | 'line';
+};
+type StnComboChartSize = 'sm' | 'md' | 'lg';
+type StnComboChartProps = HTMLAttributes<HTMLDivElement> & {
+    /** 카테고리별 데이터 리스트 (X축 라벨 및 막대 수치 포함) */
+    data: StnComboChartItem[];
+    /** 로딩 스켈레톤 상태 표출 여부 */
+    loading?: boolean;
+    /** 데이터가 비어있을 때 표시할 메시지 또는 커스텀 컴포넌트 */
+    emptyText?: ReactNode;
+    /** 오버레이 선(Line) 시리즈 목록 */
+    lines?: StnComboChartLineSeries[];
+    /** 크기 스케일: 'sm' | 'md' | 'lg' (기본 'md') */
+    size?: StnComboChartSize;
+    /** 선 데이터 포인트 점 표출 여부 (기본 false) */
+    showDots?: boolean;
+    /** X축 하단 라벨 표출 여부 (기본 true) */
+    showXAxis?: boolean;
+    /** 좌측 Y축 표출 여부 (기본 true) */
+    showLeftYAxis?: boolean;
+    /** 우측 Y축 표출 여부 (우측 Y축 설정 존재 시 기본 true) */
+    showRightYAxis?: boolean;
+    /** 마우스 오버 시 인터랙티브 툴팁 표출 여부 (기본 true) */
+    showTooltip?: boolean;
+    /** 좌측 Y축 설정 (기본 축) */
+    leftYAxis?: StnComboChartYAxis;
+    /** 우측 Y축 설정 (보조 축, 예: 퍼센트나 별도 단위) */
+    rightYAxis?: StnComboChartYAxis;
+    /** 하단 알약형 범례 (미지정 시 자동 구성) */
+    legend?: StnComboChartLegendItem[];
+    /** 차트 전체 높이 (기본 220px) */
+    height?: number | string;
+    /** 막대 개별 두께 ('sm' | 'md' | 'lg' | number | string) */
+    barWidth?: StnComboChartSize | number | string;
+    /** 활성화/선택된 컬럼 인덱스 (제어 모드) */
+    highlightIndex?: number;
+    /** 컬럼 클릭 이벤트 핸들러 */
+    onColumnClick?: (item: StnComboChartItem, index: number) => void;
+    /** 수치 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
+    decimals?: number;
+};
+/**
+ * StnComboChart
+ * STN 디자인 시스템 표준 복합 차트 (Bar + Line Combo Chart)
+ * - 막대(Bar)와 선(Line) 및 영역(Area)을 단일 축 또는 듀얼 Y축으로 함께 표출
+ * - X축 카테고리 컬럼 중심에 정밀 동기화된 SVG 오버레이
+ * - 순수 CSS Flexbox + 인라인 SVG 기반으로 동작 (외부 종속성 없음)
+ * - sm / md / lg 표준 크기 스케일 준수
+ * - 일체형 인터랙티브 호버 가이드라인 및 통합 툴팁 지원
+ */
+declare function StnComboChart({ data, loading, emptyText, lines, size, showDots, showXAxis, showLeftYAxis, showRightYAxis: controlledShowRightYAxis, showTooltip, leftYAxis, rightYAxis, legend, height, barWidth: customBarWidth, highlightIndex: controlledHighlight, onColumnClick, decimals, className, style, ...rest }: StnComboChartProps): react_jsx_runtime.JSX.Element;
+
+export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DEFAULT_3D_GRAPH_LINKS, DEFAULT_3D_GRAPH_NODES, DEFAULT_BAR_COLORS, DEFAULT_CHART_COLORS, DEFAULT_LINE_COLORS, DEFAULT_PIE_COLORS, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, Divider, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, SEVERITY_COLOR_TOKENS, STATUS_COLOR_TOKENS, STN_CHART_COLORS, STN_CHART_STATUS_COLORS, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_LINK_VARIANTS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_NODE_VARIANTS, 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, StnBarChart, type StnBarChartDirection, type StnBarChartItem, type StnBarChartLegendItem, type StnBarChartProps, type StnBarChartSize, type StnBarChartValueItem, type StnBarChartYAxis, 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, type StnChartSeverity, type StnChartStatus, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, type StnCheckboxVariant, 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, StnComboChart, type StnComboChartBarItem, type StnComboChartItem, type StnComboChartLegendItem, type StnComboChartLineSeries, type StnComboChartProps, type StnComboChartSize, type StnComboChartYAxis, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, type StnDatePickerSize, StnDateRangeField, type StnDateRangeFieldProps, type StnDateRangeFieldVariant, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDivider, type StnDividerProps, StnDrawer, StnDrawerBody, type StnDrawerBodyGap, type StnDrawerBodyPadding, type StnDrawerBodyProps, StnDrawerFooter, type StnDrawerFooterProps, type StnDrawerGap, StnDrawerHeader, type StnDrawerHeaderProps, type StnDrawerPadding, type StnDrawerPlacement, type StnDrawerProps, type StnDrawerSize, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEmptyState, type StnEmptyStateAction, type StnEmptyStateProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, type StnFloatingToolbarProps, StnGaugeChart, StnGradeRow, type StnGradeRowGrade, StnGradeRowList, type StnGradeRowProps, 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, StnLineChart, type StnLineChartProps, type StnLineChartSeries, type StnLineChartSize, type StnLineChartVariant, type StnLineChartYAxis, 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, StnModal, type StnModalProps, type StnModalSize, type StnMode, 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, StnPieChart, type StnPieChartItem, type StnPieChartProps, type StnPieChartStrokeSize, type StnPieChartStrokeWidth, type StnPieChartVariant, StnPopover, type StnPopoverProps, 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, type StnSeverityLevel, type StnSeveritySize, 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, StnSplitView, StnSplitViewOverlay, type StnSplitViewOverlayProps, type StnSplitViewProps, StnSplitViewSide, type StnSplitViewSideProps, StnSplitViewStage, type StnSplitViewStageProps, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnStatCard, type StnStatCardProps, StnStatGroup, StnStatus, StnStatusDot, type StnStatusDotGap, StnStatusDotGroup, type StnStatusDotGroupItem, type StnStatusDotGroupProps, type StnStatusDotPosition, type StnStatusDotProps, type StnStatusDotSize, StnStatusFlow, type StnStatusFlowProps, type StnStatusFlowSize, type StnStatusGrade, StnStatusItem, type StnStatusItemProps, StnStatusList, type StnStatusProps, StnStatusSeverity, type StnStatusSeverityProps, StnStatusSwitch, type StnStatusSwitchProps, StnStep, type StnStepCardItem, StnStepCards, type StnStepCardsProps, type StnStepProps, StnStepper, type StnStepperProps, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnTab, StnTabContextProvider, type StnTabContextProviderProps, type StnTabContextValue, StnTabPanel, type StnTabPanelProps, type StnTabProps, 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, StnTabs, type StnTabsProps, StnTabsRoot, StnText, StnTextArea, type StnTextAreaColor, type StnTextAreaLabelPosition, type StnTextAreaProps, type StnTextAreaResize, type StnTextAreaSizeProp, type StnTextAreaVariant, type StnTextColor, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTextProps, type StnTextVariant, type StnTextWeight, 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 StnTopologyGraphContextValue, type StnTopologyGraphLink, StnTopologyGraphLinkComponent, type StnTopologyGraphLinkComponentProps, StnTopologyGraphMinimap, type StnTopologyGraphMinimapProps, StnTopologyGraphModeToggle, type StnTopologyGraphModeToggleProps, type StnTopologyGraphNode, StnTopologyGraphNodeComponent, type StnTopologyGraphNodeComponentProps, type StnTopologyGraphProps, StnTopologyGraphToolbar, type StnTopologyGraphToolbarProps, StnTopologyGraphViewport, type StnTopologyGraphViewportProps, type StnTopologyLinkVariant, type StnTopologyNode, StnTopologyNodeCard, type StnTopologyNodeCardProps, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeItem, type StnTopologyNodeItemProps, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, type StnTopologyNodeVariant, type StnTopologyProjectedNode, StnTopologyRing, StnTopologyRingCore, type StnTopologyRingCoreProps, StnTopologyRingNode, type StnTopologyRingNodeProps, 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, type TreeIdMaps, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, computeCascadeCheck, computeInitialCascade, diamondPoints, findNodeById, flattenStnTree, formatChartValue, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, renderChartState, resolveChartColor, starPoints, topologyShapePoints, trianglePoints, useSideNav, useStn, useStnOptional, useStnTabsContext, useStnTopologyGraph };