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

package/dist/index.d.ts

@@ -25,8 +25,8 @@ 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';
 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, 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_GNB_ALERT_INTEGRATION_USAGE, StnAlertCenterAlertItem, StnAlertCenterTab, StnAlertCenterWorkItem } from '@stn-uiux/pub-ui/data/stnAlertCenter';
+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';
 import { StnBreadcrumbIconId } from '@stn-uiux/pub-ui/data/stnBreadcrumb';
 import { StnLnbSide } from '@stn-uiux/pub-ui/data/stnLayout';
 export { STN_ALERT_CENTER_PAGE_SCAFFOLD_USAGE, STN_LAYER_SHELL_USAGE, STN_LAYOUT_ALERT_CENTER_USAGE, STN_LAYOUT_CONTENT_ROWS, STN_LAYOUT_INTRO, STN_LAYOUT_LAYER_PAGE_TREE, STN_LAYOUT_LIST_VIEW_INTRO, STN_LAYOUT_LIST_VIEW_USAGE, STN_LAYOUT_MAP_DASHBOARD_INTRO, STN_LAYOUT_MAP_DASHBOARD_USAGE, STN_LAYOUT_PLAYGROUND_TABS, STN_LAYOUT_RECIPES, STN_LAYOUT_REGION_ROWS, STN_LAYOUT_SCREEN_RECIPES, STN_LAYOUT_SHELL_USAGE, STN_LAYOUT_SLOT_USAGE, STN_LAYOUT_WHEN_TO_USE, STN_PAGE_SCAFFOLD_COMPOUND_USAGE, STN_PAGE_SCAFFOLD_INTRO, STN_PAGE_SCAFFOLD_KINDS, StnLayoutScreenKind, StnLnbSide, StnPageScaffoldKind, applyLnbSideToModifiers } from '@stn-uiux/pub-ui/data/stnLayout';
@@ -332,17 +332,27 @@ declare const StnPagination: react.ForwardRefExoticComponent<StnWithoutStyle<Omi
     className?: string;
 } & react.RefAttributes<HTMLElement>>;
 
-/** Matches `STN_POPUP_SIZES` in `@stn-uiux/pub-ui/data/stnPopup` */
-type StnPopupSize = 'xs' | 's' | 'sm' | 'm' | 'md' | 'l' | 'lg' | 'xl' | 'xxl' | '2xl' | 'full';
-type StnPopupProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'title'> & {
+/**
+ * STN 표준 모달 다이얼로그 크기 규격 (소문자 2글자 표준 스케일 + full)
+ */
+type StnModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type StnModalProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'title'> & {
     open: boolean;
     onClose: () => void;
     title: ReactNode;
-    size?: StnPopupSize;
+    /** 부제목 또는 상세 설명 */
+    subtitle?: ReactNode;
+    /** 헤더 우측/인라인 확장 슬롯 (Breadcrumb, Badge, Step Indicator 등) */
+    headerExtra?: ReactNode;
+    size?: StnModalSize;
     children: ReactNode;
     /** Footer actions — maps to `.stn-pop__actions` */
     actions?: ReactNode;
+    /** 푸터 액션 버튼 정렬 (기본값: 'right') */
+    actionAlign?: 'right' | 'center' | 'between';
     className?: string;
+    /** 바디 컨테이너 커스텀 클래스 */
+    bodyClassName?: string;
     /** dim + modal portal (default true) — `StnLayer.Dim` / `StnLayer.Modal` 스택 */
     portal?: boolean;
     /** close when dim is clicked (default true) */
@@ -350,15 +360,52 @@ type StnPopupProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'childre
     /** Dim(스크림) 배경 여부 (기본 true). false 시 어두운 배경 딤 없이 모달만 노출 */
     dim?: boolean;
 };
+/**
+ * STN 표준 모달 다이얼로그 컴포넌트 (`StnModal`)
+ */
+declare const StnModal: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "className" | "title"> & {
+    open: boolean;
+    onClose: () => void;
+    title: ReactNode;
+    /** 부제목 또는 상세 설명 */
+    subtitle?: ReactNode;
+    /** 헤더 우측/인라인 확장 슬롯 (Breadcrumb, Badge, Step Indicator 등) */
+    headerExtra?: ReactNode;
+    size?: StnModalSize;
+    children: ReactNode;
+    /** Footer actions — maps to `.stn-pop__actions` */
+    actions?: ReactNode;
+    /** 푸터 액션 버튼 정렬 (기본값: 'right') */
+    actionAlign?: "right" | "center" | "between";
+    className?: string;
+    /** 바디 컨테이너 커스텀 클래스 */
+    bodyClassName?: string;
+    /** dim + modal portal (default true) — `StnLayer.Dim` / `StnLayer.Modal` 스택 */
+    portal?: boolean;
+    /** close when dim is clicked (default true) */
+    closeOnScrimClick?: boolean;
+    /** Dim(스크림) 배경 여부 (기본 true). false 시 어두운 배경 딤 없이 모달만 노출 */
+    dim?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+type StnPopupSize = StnModalSize;
+type StnPopupProps = StnModalProps;
 declare const StnPopup: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "className" | "title"> & {
     open: boolean;
     onClose: () => void;
     title: ReactNode;
-    size?: StnPopupSize;
+    /** 부제목 또는 상세 설명 */
+    subtitle?: ReactNode;
+    /** 헤더 우측/인라인 확장 슬롯 (Breadcrumb, Badge, Step Indicator 등) */
+    headerExtra?: ReactNode;
+    size?: StnModalSize;
     children: ReactNode;
     /** Footer actions — maps to `.stn-pop__actions` */
     actions?: ReactNode;
+    /** 푸터 액션 버튼 정렬 (기본값: 'right') */
+    actionAlign?: "right" | "center" | "between";
     className?: string;
+    /** 바디 컨테이너 커스텀 클래스 */
+    bodyClassName?: string;
     /** dim + modal portal (default true) — `StnLayer.Dim` / `StnLayer.Modal` 스택 */
     portal?: boolean;
     /** close when dim is clicked (default true) */
@@ -725,13 +772,17 @@ type StnTableCompound = typeof StnTableBase & {
 declare const StnTable: StnTableCompound;
 
 type StnTreeNodeKind = 'root' | 'folder' | 'server';
-/** Tree 데이터 노드 — `StnTree`의 `nodes` 항목 (`StnTreeNode` 컴포넌트와 별개) */
-type StnTreeItem = {
+/** Tree 순수 데이터 노드 객체 — `StnTree`의 `nodes` prop에 전달하는 데이터 항목 */
+type StnTreeItemData = {
     id: string;
-    label: string;
+    label: ReactNode;
     /** default `folder` · leaf는 `server` · 최상위 루트는 `root` */
     kind?: StnTreeNodeKind;
-    children?: StnTreeItem[];
+    /** 텍스트 굵게 강조 표시 여부 (`--stn-font-weight-bold`) */
+    bold?: boolean;
+    /** 가시성 상태 (눈 토글 시 사용) — 기본값 `true` (표시), `false` (숨김/미사용) */
+    visible?: boolean;
+    children?: StnTreeItemData[];
 };
 type StnTreeGuideCell = {
     type: 'blank';
@@ -746,13 +797,15 @@ type StnTreeGuideCell = {
 };
 type StnTreeFlatRow = {
     id: string;
-    label: string;
+    label: ReactNode;
     kind: StnTreeNodeKind;
+    bold?: boolean;
     depth: number;
     cells: StnTreeGuideCell[];
     hasChildren: boolean;
     expanded: boolean;
     isLast: boolean;
+    visible: boolean;
 };
 /** 단일 Tree Node용 가이드/토글 셀 — depth · kind 기준으로 생성 */
 declare function buildStnTreeNodeCells(options: {
@@ -764,14 +817,16 @@ declare function buildStnTreeNodeCells(options: {
     /** length = max(0, depth - 1) · true면 해당 조상 이후 vertical 숨김 */
     ancestorIsLast?: boolean[];
 }): StnTreeGuideCell[];
-declare function flattenStnTree(nodes: StnTreeItem[], expandedIds: Iterable<string>): StnTreeFlatRow[];
-declare function collectExpandableIds(nodes: StnTreeItem[]): string[];
+declare function flattenStnTree(nodes: StnTreeItemData[], expandedIds: Iterable<string>): StnTreeFlatRow[];
+declare function collectExpandableIds(nodes: StnTreeItemData[]): string[];
 
 type StnTreeNodeDocState = 'default' | 'hover' | 'pressed' | 'selected';
 type StnTreeNodeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect' | 'onToggle'> & {
-    label: string;
+    label: ReactNode;
     /** default `folder` */
     kind?: StnTreeNodeKind;
+    /** 텍스트 굵게 강조 표시 여부 (`--stn-font-weight-bold`) */
+    bold?: boolean;
     /** 0–3 · `data-depth` · 가이드 들여쓰기 */
     depth?: number;
     expanded?: boolean;
@@ -784,6 +839,24 @@ type StnTreeNodeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSel
     ancestorIsLast?: boolean[];
     /** 셀을 직접 넘기면 depth/kind 기반 생성을 건너뜁니다 */
     cells?: StnTreeGuideCell[];
+    /**
+     * 노드 앞 아이콘(폴더·서버) 표시 여부. 기본 `true`.
+     * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
+     */
+    showIcon?: boolean;
+    /**
+     * 가시성 상태 (눈 토글 시 사용) — 기본값 `true`.
+     * `false`인 경우 해당 행이 반투명(dimmed) 처리되며 감긴 눈 아이콘이 표시됩니다.
+     */
+    visible?: boolean;
+    /**
+     * 우측 끝 가시성(눈) 토글 버튼 표시 여부. 기본 `false`.
+     */
+    showVisibilityToggle?: boolean;
+    /**
+     * 가시성(눈) 버튼 클릭 시 호출되는 콜백.
+     */
+    onVisibilityChange?: (visible: boolean) => void;
     /**
      * Docs Playground — hover/pressed/selected 비주얼 고정.
      * 제품 코드에서는 쓰지 마세요.
@@ -794,9 +867,11 @@ type StnTreeNodeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSel
 };
 /** Infomap FOLDER STRUCTURE 행 — Figma 40000042:210359 */
 declare const StnTreeNode: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSelect" | "onToggle"> & {
-    label: string;
+    label: ReactNode;
     /** default `folder` */
     kind?: StnTreeNodeKind;
+    /** 텍스트 굵게 강조 표시 여부 (`--stn-font-weight-bold`) */
+    bold?: boolean;
     /** 0–3 · `data-depth` · 가이드 들여쓰기 */
     depth?: number;
     expanded?: boolean;
@@ -809,6 +884,24 @@ declare const StnTreeNode: react.ForwardRefExoticComponent<Omit<HTMLAttributes<H
     ancestorIsLast?: boolean[];
     /** 셀을 직접 넘기면 depth/kind 기반 생성을 건너뜁니다 */
     cells?: StnTreeGuideCell[];
+    /**
+     * 노드 앞 아이콘(폴더·서버) 표시 여부. 기본 `true`.
+     * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
+     */
+    showIcon?: boolean;
+    /**
+     * 가시성 상태 (눈 토글 시 사용) — 기본값 `true`.
+     * `false`인 경우 해당 행이 반투명(dimmed) 처리되며 감긴 눈 아이콘이 표시됩니다.
+     */
+    visible?: boolean;
+    /**
+     * 우측 끝 가시성(눈) 토글 버튼 표시 여부. 기본 `false`.
+     */
+    showVisibilityToggle?: boolean;
+    /**
+     * 가시성(눈) 버튼 클릭 시 호출되는 콜백.
+     */
+    onVisibilityChange?: (visible: boolean) => void;
     /**
      * Docs Playground — hover/pressed/selected 비주얼 고정.
      * 제품 코드에서는 쓰지 마세요.
@@ -817,47 +910,52 @@ declare const StnTreeNode: react.ForwardRefExoticComponent<Omit<HTMLAttributes<H
     onSelect?: () => void;
     onToggle?: () => void;
 } & react.RefAttributes<HTMLDivElement>>;
-
-type StnTreeDocRowState = StnTreeNodeDocState;
-type StnTreeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect'> & {
-    nodes: StnTreeItem[];
-    /** 섹션 제목 — Figma `FOLDER STRUCTURE` */
-    heading?: string;
-    defaultExpandedIds?: string[];
-    expandedIds?: string[];
-    onExpandedChange?: (ids: string[]) => void;
-    selectedId?: string | null;
-    defaultSelectedId?: string | null;
-    onSelect?: (id: string) => void;
+declare const StnTreeItem: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSelect" | "onToggle"> & {
+    label: ReactNode;
+    /** default `folder` */
+    kind?: StnTreeNodeKind;
+    /** 텍스트 굵게 강조 표시 여부 (`--stn-font-weight-bold`) */
+    bold?: boolean;
+    /** 0–3 · `data-depth` · 가이드 들여쓰기 */
+    depth?: number;
+    expanded?: boolean;
+    selected?: boolean;
+    /** folder/root에 자식이 있으면 chevron · server는 connector */
+    hasChildren?: boolean;
+    /** server connector end vs mid */
+    isLast?: boolean;
+    /** depth>1 가이드 · length = depth-1 */
+    ancestorIsLast?: boolean[];
+    /** 셀을 직접 넘기면 depth/kind 기반 생성을 건너뜁니다 */
+    cells?: StnTreeGuideCell[];
     /**
-     * Docs Playground — 특정 행에 hover/pressed/selected 비주얼을 고정합니다.
-     * 제품 코드에서는 쓰지 마세요.
+     * 노드 앞 아이콘(폴더·서버) 표시 여부. 기본 `true`.
+     * `false`로 설정하면 아이콘 셀이 렌더링되지 않습니다.
      */
-    docRowState?: {
-        id: string;
-        state: StnTreeDocRowState;
-    };
-};
-/** Infomap folder structure tree — `StnTreeNode` 조립 · Figma 40000042:210359 */
-declare const StnTree: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSelect"> & {
-    nodes: StnTreeItem[];
-    /** 섹션 제목 — Figma `FOLDER STRUCTURE` */
-    heading?: string;
-    defaultExpandedIds?: string[];
-    expandedIds?: string[];
-    onExpandedChange?: (ids: string[]) => void;
-    selectedId?: string | null;
-    defaultSelectedId?: string | null;
-    onSelect?: (id: string) => void;
+    showIcon?: boolean;
     /**
-     * Docs Playground — 특정 행에 hover/pressed/selected 비주얼을 고정합니다.
+     * 가시성 상태 (눈 토글 시 사용) — 기본값 `true`.
+     * `false`인 경우 해당 행이 반투명(dimmed) 처리되며 감긴 눈 아이콘이 표시됩니다.
+     */
+    visible?: boolean;
+    /**
+     * 우측 끝 가시성(눈) 토글 버튼 표시 여부. 기본 `false`.
+     */
+    showVisibilityToggle?: boolean;
+    /**
+     * 가시성(눈) 버튼 클릭 시 호출되는 콜백.
+     */
+    onVisibilityChange?: (visible: boolean) => void;
+    /**
+     * Docs Playground — hover/pressed/selected 비주얼 고정.
      * 제품 코드에서는 쓰지 마세요.
      */
-    docRowState?: {
-        id: string;
-        state: StnTreeDocRowState;
-    };
+    docState?: StnTreeNodeDocState;
+    onSelect?: () => void;
+    onToggle?: () => void;
 } & react.RefAttributes<HTMLDivElement>>;
+type StnTreeItemProps = StnTreeNodeProps;
+type StnTreeItemDocState = StnTreeNodeDocState;
 
 type StnScrollOrientation = 'vertical' | 'horizontal' | 'both';
 type StnScrollSize = 'thin' | 'default' | 'thick';
@@ -918,6 +1016,178 @@ declare const StnScroll: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivE
     className?: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type StnTreeDocRowState = StnTreeNodeDocState;
+/** 행 높이 크기 토큰 — xs(20px) · sm(24px, 기본) · md(32px) · lg(40px) · xl(48px) */
+type StnTreeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * 너비 프리셋 토큰 — Tree 권장 표준 스케일: w160(160px) ~ w240(240px) · full(100%, 기본)
+ * (들여쓰기 24px×depth + 아이콘 20px 감안 실무 스케일)
+ */
+type StnTreeWidth = 'w80' | 'w100' | 'w120' | 'w140' | 'w160' | 'w180' | 'w200' | 'w220' | 'w240' | 'full';
+/** 행 선택/호버 테두리 곡률 — none(0px) · sm(4px, 기본) · md(8px) · full(9999px pill) */
+type StnTreeRadius = 'none' | 'sm' | 'md' | 'full';
+type StnTreeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect'> & {
+    nodes: StnTreeItemData[];
+    /** 섹션 제목 — 생략 시 제목 영역이 렌더링되지 않습니다. */
+    heading?: string;
+    /**
+     * 초기 로드 시 모든 폴더를 펼쳐 둘지 여부. 기본값 `false` (기본 상태는 접힘).
+     * `true` 설정 시 모든 하위 폴더가 자동으로 펼쳐집니다.
+     */
+    defaultExpandAll?: boolean;
+    defaultExpandedIds?: string[];
+    expandedIds?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    selectedId?: string | null;
+    defaultSelectedId?: string | null;
+    onSelect?: (id: string) => void;
+    /**
+     * 행 높이 크기 — `xs` 20px / `sm` 24px(기본) / `md` 32px / `lg` 40px / `xl` 48px.
+     * `.stn-tree--{size}` CSS 수식어로 적용됩니다.
+     */
+    size?: StnTreeSize;
+    /**
+     * 너비 프리셋 — `w160`, `w180`, `w200`, `w220`, `w240`, `full`(기본 100%).
+     */
+    width?: StnTreeWidth;
+    /**
+     * 행 테두리 곡률 — `none` 0px / `sm` 4px(기본) / `md` 8px / `full` pill.
+     */
+    radius?: StnTreeRadius;
+    /**
+     * 계층 가이드라인(Connector, Vertical 라인) 표시 여부. 기본 `true`.
+     * `false`로 설정하면 가이드선이 숨겨지고 인덴트만 유지됩니다 (`.stn-tree--no-guides`).
+     */
+    guides?: boolean;
+    /**
+     * 노드 앞 아이콘(폴더·서버) 전체 표시 여부. 기본 `true`.
+     * `false`로 설정하면 모든 행에서 아이콘이 숨겨집니다.
+     */
+    showIcons?: boolean;
+    /**
+     * 우측 끝 가시성(눈) 토글 버튼 표시 여부. 기본 `false`.
+     */
+    showVisibilityToggle?: boolean;
+    /**
+     * 특정 노드의 눈 아이콘 클릭 시 호출되는 콜백.
+     */
+    onVisibilityChange?: (id: string, visible: boolean) => void;
+    /**
+     * 가시성 숨김(눈 감김) 처리된 노드 ID 목록 (제어 상태).
+     */
+    hiddenIds?: string[];
+    /**
+     * 초기 가시성 숨김(눈 감김) 처리된 노드 ID 목록 (비제어 상태).
+     */
+    defaultHiddenIds?: string[];
+    /**
+     * Docs Playground — 특정 행에 hover/pressed/selected 비주얼을 고정합니다.
+     * 제품 코드에서는 쓰지 마세요.
+     */
+    docRowState?: {
+        id: string;
+        state: StnTreeDocRowState;
+    };
+    /**
+     * 최대 높이(px 또는 CSS 문자열).
+     * 지정 시 헤더는 고정되고 하위 노드 목록(`stn-tree__rows`)이 `StnScroll`로 감싸져 내부 스크롤됩니다.
+     */
+    maxHeight?: number | string;
+    /**
+     * `maxHeight` 지정 시 적용할 StnScroll variant ('default' | 'arrows'). 기본 'default'.
+     */
+    scrollVariant?: StnScrollVariant;
+    /**
+     * `maxHeight` 지정 시 적용할 StnScroll 두께 ('thin' | 'default' | 'thick'). 기본 'thin'.
+     */
+    scrollSize?: StnScrollSize;
+    /**
+     * `maxHeight` 지정 시 적용할 StnScroll 색상 ('default' | 'primary' | 'secondary' | 'muted' | 'fade'). 기본 'fade'.
+     */
+    scrollColor?: StnScrollColor;
+};
+/** Infomap folder structure tree — `StnTreeNode` 조립 · Figma 40000042:210359 */
+declare const StnTree: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSelect"> & {
+    nodes: StnTreeItemData[];
+    /** 섹션 제목 — 생략 시 제목 영역이 렌더링되지 않습니다. */
+    heading?: string;
+    /**
+     * 초기 로드 시 모든 폴더를 펼쳐 둘지 여부. 기본값 `false` (기본 상태는 접힘).
+     * `true` 설정 시 모든 하위 폴더가 자동으로 펼쳐집니다.
+     */
+    defaultExpandAll?: boolean;
+    defaultExpandedIds?: string[];
+    expandedIds?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    selectedId?: string | null;
+    defaultSelectedId?: string | null;
+    onSelect?: (id: string) => void;
+    /**
+     * 행 높이 크기 — `xs` 20px / `sm` 24px(기본) / `md` 32px / `lg` 40px / `xl` 48px.
+     * `.stn-tree--{size}` CSS 수식어로 적용됩니다.
+     */
+    size?: StnTreeSize;
+    /**
+     * 너비 프리셋 — `w160`, `w180`, `w200`, `w220`, `w240`, `full`(기본 100%).
+     */
+    width?: StnTreeWidth;
+    /**
+     * 행 테두리 곡률 — `none` 0px / `sm` 4px(기본) / `md` 8px / `full` pill.
+     */
+    radius?: StnTreeRadius;
+    /**
+     * 계층 가이드라인(Connector, Vertical 라인) 표시 여부. 기본 `true`.
+     * `false`로 설정하면 가이드선이 숨겨지고 인덴트만 유지됩니다 (`.stn-tree--no-guides`).
+     */
+    guides?: boolean;
+    /**
+     * 노드 앞 아이콘(폴더·서버) 전체 표시 여부. 기본 `true`.
+     * `false`로 설정하면 모든 행에서 아이콘이 숨겨집니다.
+     */
+    showIcons?: boolean;
+    /**
+     * 우측 끝 가시성(눈) 토글 버튼 표시 여부. 기본 `false`.
+     */
+    showVisibilityToggle?: boolean;
+    /**
+     * 특정 노드의 눈 아이콘 클릭 시 호출되는 콜백.
+     */
+    onVisibilityChange?: (id: string, visible: boolean) => void;
+    /**
+     * 가시성 숨김(눈 감김) 처리된 노드 ID 목록 (제어 상태).
+     */
+    hiddenIds?: string[];
+    /**
+     * 초기 가시성 숨김(눈 감김) 처리된 노드 ID 목록 (비제어 상태).
+     */
+    defaultHiddenIds?: string[];
+    /**
+     * Docs Playground — 특정 행에 hover/pressed/selected 비주얼을 고정합니다.
+     * 제품 코드에서는 쓰지 마세요.
+     */
+    docRowState?: {
+        id: string;
+        state: StnTreeDocRowState;
+    };
+    /**
+     * 최대 높이(px 또는 CSS 문자열).
+     * 지정 시 헤더는 고정되고 하위 노드 목록(`stn-tree__rows`)이 `StnScroll`로 감싸져 내부 스크롤됩니다.
+     */
+    maxHeight?: number | string;
+    /**
+     * `maxHeight` 지정 시 적용할 StnScroll variant ('default' | 'arrows'). 기본 'default'.
+     */
+    scrollVariant?: StnScrollVariant;
+    /**
+     * `maxHeight` 지정 시 적용할 StnScroll 두께 ('thin' | 'default' | 'thick'). 기본 'thin'.
+     */
+    scrollSize?: StnScrollSize;
+    /**
+     * `maxHeight` 지정 시 적용할 StnScroll 색상 ('default' | 'primary' | 'secondary' | 'muted' | 'fade'). 기본 'fade'.
+     */
+    scrollColor?: StnScrollColor;
+} & react.RefAttributes<HTMLDivElement>>;
+
 type StnCardProps = StnWithoutStyle<HTMLAttributes<HTMLDivElement>> & {
     children?: ReactNode;
     /** 카드 스타일 형태 ('flat': 은은한 레이어 배경, 'outlined': 외곽 테두리, 'elevated': 그림자) @default 'flat' */
@@ -1402,7 +1672,7 @@ type StnToggleButtonProps = StnWithoutStyle<Omit<ButtonHTMLAttributes<HTMLButton
     defaultPressed?: boolean;
     /** 토글 상태 변경 콜백 (true: ON, false: OFF) */
     onChange?: (pressed: boolean) => void;
-    /** 크기 ('sm': 24px, 'md': 32px 기본, 'lg': 44px, 'xl': 56px) @default 'md' */
+    /** 크기 ('sm': 24px, 'md': 32px 기본, 'lg': 40px, 'xl': 56px) — 8px 그리드 표준 통일 스케일 @default 'md' */
     size?: StnToggleButtonSize;
     /** 활성(ON) 상태 시맨틱 솔리드 색상 @default 'primary' */
     color?: StnToggleButtonColor;
@@ -1435,7 +1705,7 @@ declare const StnToggleButton: react.ForwardRefExoticComponent<StnWithoutStyle<O
     defaultPressed?: boolean;
     /** 토글 상태 변경 콜백 (true: ON, false: OFF) */
     onChange?: (pressed: boolean) => void;
-    /** 크기 ('sm': 24px, 'md': 32px 기본, 'lg': 44px, 'xl': 56px) @default 'md' */
+    /** 크기 ('sm': 24px, 'md': 32px 기본, 'lg': 40px, 'xl': 56px) — 8px 그리드 표준 통일 스케일 @default 'md' */
     size?: StnToggleButtonSize;
     /** 활성(ON) 상태 시맨틱 솔리드 색상 @default 'primary' */
     color?: StnToggleButtonColor;
@@ -1650,6 +1920,16 @@ type StnDropdownProps = {
     readOnly?: boolean;
     /** 선택되지 않았을 때 표시할 안내 문구 */
     placeholder?: string;
+    /** 라벨 텍스트 또는 노드 */
+    label?: ReactNode;
+    /** 라벨 앞에 표시할 아이콘 (slug 또는 ReactNode) */
+    labelIcon?: ReactNode;
+    /** 아이콘 — labelIcon 또는 드롭다운 앞 아이콘 */
+    icon?: ReactNode;
+    /** 라벨 위치 ('left' | 'right' | 'top') - 기본 'left' */
+    labelPosition?: 'left' | 'right' | 'top';
+    /** 필수 입력 여부 (`*` 표시) */
+    required?: boolean;
     /** 필드 보조 텍스트 (도움말/에러 안내) */
     helperText?: ReactNode;
     /** 보조 텍스트 위치 (top | bottom | left | right, 기본값 bottom) */
@@ -1672,7 +1952,7 @@ type StnDropdownProps = {
 /**
  * StnDropdown — 디자인 시스템 표준 커스텀 드롭다운 (`div.selected` + `ul.select_option`).
  */
-declare function StnDropdown({ options, size, variant, direction, modifier, value: valueProp, defaultValue, onChange, disabled, error, readOnly, placeholder, helperText, helperTextPosition, prominent, fullWidth, width, className, id: idProp, 'aria-label': ariaLabel, ...divRest }: StnDropdownProps): react_jsx_runtime.JSX.Element;
+declare function StnDropdown({ options, size, variant, direction, modifier, value: valueProp, defaultValue, onChange, disabled, error, readOnly, placeholder, label, labelIcon, icon, labelPosition, required, helperText, helperTextPosition, prominent, fullWidth, width, className, id: idProp, 'aria-label': ariaLabel, ...divRest }: StnDropdownProps): react_jsx_runtime.JSX.Element;
 
 type StnDropdownMenuProps = Omit<StnDropdownProps, 'size' | 'modifier'>;
 /**
@@ -1682,7 +1962,7 @@ type StnDropdownMenuProps = Omit<StnDropdownProps, 'size' | 'modifier'>;
  */
 declare function StnDropdownMenu({ className, ...rest }: StnDropdownMenuProps): react_jsx_runtime.JSX.Element;
 
-type StnTextFieldVariant = 'outlined' | 'filled' | 'standard';
+type StnTextFieldVariant = 'outlined' | 'filled' | 'standard' | 'transparent';
 /** 색 — 기본 primary. 토큰: --stn-feedback-* */
 type StnTextFieldColor = 'primary' | 'success' | 'error' | 'warning' | 'info' | 'secondary';
 /** 아이콘 위치 — left | right */
@@ -1704,17 +1984,15 @@ type StnTextFieldProps = StnWithoutStyle<Omit<InputHTMLAttributes<HTMLInputEleme
     width?: StnInputWidthValue;
     /** 라벨 텍스트 또는 노드 */
     label?: ReactNode;
+    /** 라벨 앞에 표시할 아이콘 (slug 또는 ReactNode) */
+    labelIcon?: ReactNode;
     /** 라벨 위치 ('left' | 'right' | 'top') - 기본 'left' */
     labelPosition?: StnTextFieldLabelPosition;
     /** 필수 입력 여부 (`*` 표시) */
     required?: boolean;
-    /** 왼쪽 아이콘 — Iconography slug (`line/user`) 또는 ReactNode. 로그인 등 고정 왼쪽 슬롯 */
-    prefix?: ReactNode;
-    /** 오른쪽 아이콘 — slug 또는 ReactNode */
-    suffix?: ReactNode;
-    /** 아이콘 — slug 또는 ReactNode. 위치는 iconPosition */
+    /** 아이콘 — Iconography slug (`line/user`) 또는 ReactNode. 위치는 iconPosition으로 지정 */
     icon?: ReactNode;
-    /** 아이콘 위치 · icon 지정 시 기본 left */
+    /** 아이콘 위치 ('left' | 'right') @default 'left' */
     iconPosition?: StnTextFieldIconPosition;
     /** 필드 하단 왼쪽 캡션 */
     helperText?: ReactNode;
@@ -1734,57 +2012,150 @@ declare const StnTextField: react.ForwardRefExoticComponent<StnWithoutStyle<Omit
     width?: StnInputWidthValue;
     /** 라벨 텍스트 또는 노드 */
     label?: ReactNode;
+    /** 라벨 앞에 표시할 아이콘 (slug 또는 ReactNode) */
+    labelIcon?: ReactNode;
     /** 라벨 위치 ('left' | 'right' | 'top') - 기본 'left' */
     labelPosition?: StnTextFieldLabelPosition;
     /** 필수 입력 여부 (`*` 표시) */
     required?: boolean;
-    /** 왼쪽 아이콘 — Iconography slug (`line/user`) 또는 ReactNode. 로그인 등 고정 왼쪽 슬롯 */
-    prefix?: ReactNode;
-    /** 오른쪽 아이콘 — slug 또는 ReactNode */
-    suffix?: ReactNode;
-    /** 아이콘 — slug 또는 ReactNode. 위치는 iconPosition */
+    /** 아이콘 — Iconography slug (`line/user`) 또는 ReactNode. 위치는 iconPosition으로 지정 */
     icon?: ReactNode;
-    /** 아이콘 위치 · icon 지정 시 기본 left */
+    /** 아이콘 위치 ('left' | 'right') @default 'left' */
     iconPosition?: StnTextFieldIconPosition;
     /** 필드 하단 왼쪽 캡션 */
     helperText?: ReactNode;
     className?: string;
 } & react.RefAttributes<HTMLInputElement>>;
 
+/** 외형 스타일 변형: outline (기본) | transparent (테두리·배경 없음 — 래퍼 내부 조합용) */
+type StnDateRangeFieldVariant = 'outline' | 'transparent';
 type StnDateRangeFieldProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'value'> & {
     size?: StnDateRangeFieldSize | 's' | 'm' | 'l' | 'sm' | 'md' | 'lg';
+    /** 외형 스타일 변형: outline (기본) | transparent (테두리·배경 없음) */
+    variant?: StnDateRangeFieldVariant;
     start?: Date | string | null;
     end?: Date | string | null;
     /** 표시 포맷 — 기본 `YYYY-MM-DD HH:mm:ss` */
     format?: (date: Date) => string;
     startPlaceholder?: string;
     endPlaceholder?: string;
+    /** 라벨 텍스트 또는 노드 */
+    label?: ReactNode;
+    /** 라벨 앞에 표시할 아이콘 (slug 또는 ReactNode) */
+    labelIcon?: ReactNode;
+    /** 아이콘 — labelIcon의 alias */
+    icon?: ReactNode;
+    /** 라벨 위치 ('left' | 'right' | 'top') - 기본 'left' */
+    labelPosition?: 'left' | 'right' | 'top';
+    /** 필수 입력 여부 (`*` 표시) */
+    required?: boolean;
+    /** 필드 하단 보조 텍스트 */
+    helperText?: ReactNode;
     invalid?: boolean;
     fullWidth?: boolean;
-    width?: number | string;
+    /** 프리셋 80·100·140·180·200 · `100%`/`full` · 그 외 px/string */
+    width?: StnInputWidthValue;
     className?: string;
 };
 declare const StnDateRangeField: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "value"> & {
     size?: StnDateRangeFieldSize | "s" | "m" | "l" | "sm" | "md" | "lg";
+    /** 외형 스타일 변형: outline (기본) | transparent (테두리·배경 없음) */
+    variant?: StnDateRangeFieldVariant;
     start?: Date | string | null;
     end?: Date | string | null;
     /** 표시 포맷 — 기본 `YYYY-MM-DD HH:mm:ss` */
     format?: (date: Date) => string;
     startPlaceholder?: string;
     endPlaceholder?: string;
+    /** 라벨 텍스트 또는 노드 */
+    label?: ReactNode;
+    /** 라벨 앞에 표시할 아이콘 (slug 또는 ReactNode) */
+    labelIcon?: ReactNode;
+    /** 아이콘 — labelIcon의 alias */
+    icon?: ReactNode;
+    /** 라벨 위치 ('left' | 'right' | 'top') - 기본 'left' */
+    labelPosition?: "left" | "right" | "top";
+    /** 필수 입력 여부 (`*` 표시) */
+    required?: boolean;
+    /** 필드 하단 보조 텍스트 */
+    helperText?: ReactNode;
     invalid?: boolean;
     fullWidth?: boolean;
-    width?: number | string;
+    /** 프리셋 80·100·140·180·200 · `100%`/`full` · 그 외 px/string */
+    width?: StnInputWidthValue;
     className?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
+/** 높이 규격: sm 32px · md 40px(기본) · lg 56px */
+type StnLabelPrefixSize = 'sm' | 'md' | 'lg';
+/** 외형 변형: outline(기본) · filled · standard · transparent */
+type StnLabelPrefixVariant = 'outline' | 'filled' | 'standard' | 'transparent';
+/** 레이블 위치: prefix(왼쪽, 기본) · suffix(오른쪽) */
+type StnLabelPrefixPosition = 'prefix' | 'suffix';
+/** 보더 반경 오버라이드 */
+type StnLabelPrefixRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type StnLabelPrefixProps = {
+    /** 레이블 영역에 표시할 텍스트 또는 노드 */
+    label: ReactNode;
+    /** 레이블 앞에 표시할 아이콘 (ReactNode) */
+    labelIcon?: ReactNode;
+    /** 레이블 위치: prefix(왼쪽, 기본) · suffix(오른쪽) */
+    labelPosition?: StnLabelPrefixPosition;
+    /** 필수 입력 여부 (`*` 표시) */
+    required?: boolean;
+    /** 높이 규격: sm(32px) · md(40px, 기본) · lg(56px) */
+    size?: StnLabelPrefixSize;
+    /** 외형 변형: outline(기본) · filled · standard · transparent */
+    variant?: StnLabelPrefixVariant;
+    /** 색상 상태: primary · secondary · success · error · info */
+    color?: 'primary' | 'secondary' | 'success' | 'error' | 'info';
+    /** 에러/유효성 실패 여부 */
+    error?: boolean;
+    /** 에러/유효성 실패 여부 (error의 alias) */
+    invalid?: boolean;
+    /** 보더 반경 오버라이드 (기본값은 size에 따름) */
+    radius?: StnLabelPrefixRadius;
+    /** 너비 100% */
+    fullWidth?: boolean;
+    /** 너비 프리셋: 80·100·120·140·160·180·200·'full' */
+    width?: StnInputWidthValue;
+    /** 하단 안내/에러 설명 문구 */
+    helperText?: ReactNode;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+    /** 내부 컴포넌트 (StnDropdown·StnTextField·StnDateRangeField 등 — variant="transparent" 권장) */
+    children: ReactNode;
+    className?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className'>;
+/**
+ * StnLabelPrefix — 아이콘+레이블이 내장된 입력 래퍼 컴포넌트.
+ *
+ * 내부에 `StnDropdown`, `StnTextField`, `StnDateRangeField` 등을
+ * `variant="transparent"`로 배치하여 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <StnLabelPrefix
+ *   label="보고서 종류"
+ *   labelIcon={<StnIcon name="line/file-report" size={16} />}
+ *   required
+ *   error={hasError}
+ *   helperText={hasError ? "필수 선택 항목입니다." : "조회할 보고서를 선택하세요."}
+ *   size="md"
+ * >
+ *   <StnDropdown variant="transparent" options={options} value={val} onChange={setVal} fullWidth />
+ * </StnLabelPrefix>
+ * ```
+ */
+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;
+
 type StnSearchRequirementBarProps = HTMLAttributes<HTMLDivElement> & {
     children?: ReactNode;
     className?: string;
     /**
      * 여백 밀도
-     * - default: padding 8px 16px, gap 16px
-     * - compact: padding 6px 12px, gap 12px
+     * - default: padding 16px, gap 16px
+     * - compact: padding 12px, gap 12px
      */
     density?: 'default' | 'compact';
 };
@@ -1921,7 +2292,7 @@ type StnDateRangePickerFieldProps = Omit<StnDateRangeFieldProps, 'start' | 'end'
     pickerClassName?: string;
     pickerStyle?: CSSProperties;
 };
-declare function StnDateRangePickerField({ value: valueProp, defaultValue, onChange, showTime, format, className, pickerClassName, pickerStyle, disabled, ...fieldProps }: StnDateRangePickerFieldProps): react_jsx_runtime.JSX.Element;
+declare function StnDateRangePickerField({ value: valueProp, defaultValue, onChange, showTime, format: formatProp, className, pickerClassName, pickerStyle, disabled, ...fieldProps }: StnDateRangePickerFieldProps): react_jsx_runtime.JSX.Element;
 
 type StnTopologyNodeStatus = 'normal' | 'minor' | 'major' | 'critical' | 'warning';
 type StnTopologyNodeShape = 'circle' | 'hexagon' | 'diamond' | 'square';
@@ -2310,6 +2681,12 @@ type StnAlertCenterPanelProps = {
     defaultTab?: StnAlertCenterTab;
     /** 패널 너비 크기 스케일 ('sm': 580px, 'md': 700px 기본, 'lg': 820px) @default 'md' */
     size?: StnAlertCenterSize;
+    /** 긴 텍스트 오버플로우 기본 처리 ('wrap': 줄바꿈, 'ellipsis': 말줄임표, 'marquee': 전광판 흘러가기) @default 'wrap' */
+    textOverflow?: StnAlertCenterTextOverflow;
+    /** 제목(Title) 텍스트 오버플로우 개별 지정 (미지정 시 textOverflow 사용) */
+    titleOverflow?: StnAlertCenterTextOverflow;
+    /** 설명(Description) 텍스트 오버플로우 개별 지정 (미지정 시 textOverflow 사용) */
+    descOverflow?: StnAlertCenterTextOverflow;
     tabIds?: Partial<Record<StnAlertCenterTab, string>>;
     tabName?: string;
     onClose?: () => void;
@@ -2319,7 +2696,16 @@ type StnAlertCenterPanelProps = {
     closeLabel?: string;
     className?: string;
 };
-declare function StnAlertCenterPanel({ title, alerts, workItems, deployItems, defaultTab, size, tabIds, tabName: _tabName, onClose, onMarkAllAsRead, onManageSettings, onItemClick, closeLabel, className, }: StnAlertCenterPanelProps): react_jsx_runtime.JSX.Element;
+type StnAlertCardProps = {
+    item: StnAlertCenterAlertItem;
+    titleOverflow?: StnAlertCenterTextOverflow;
+    descOverflow?: StnAlertCenterTextOverflow;
+    onClick?: () => void;
+    className?: string;
+};
+/** StnAlertCard — StnCard 기반의 단독 알림 카드 컴포넌트 */
+declare function StnAlertCard({ item, titleOverflow, descOverflow, onClick, className, }: StnAlertCardProps): react_jsx_runtime.JSX.Element;
+declare function StnAlertCenterPanel({ title, alerts, workItems, deployItems, defaultTab, size, textOverflow, titleOverflow, descOverflow, tabIds, tabName: _tabName, onClose, onMarkAllAsRead, onManageSettings, onItemClick, closeLabel, className, }: StnAlertCenterPanelProps): react_jsx_runtime.JSX.Element;
 
 type StnAlertCenterDocPreviewProps = StnAlertCenterPanelProps & {
     theme?: StnTheme;
@@ -3682,4 +4068,4 @@ 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, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, ListPageScaffold, type ListPageScaffoldProps, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_STATUS_COLORS, SideNavContext, type SideNavContextValue, StnAlertCenterDocPreview, type StnAlertCenterDocPreviewProps, StnAlertCenterPanel, type StnAlertCenterPanelProps, StnBadge, type StnBadgeAnchorOrigin, type StnBadgeColor, type StnBadgeProps, type StnBadgeVariant, StnBreadcrumb, type StnBreadcrumbItem, type StnBreadcrumbMenuItem, type StnBreadcrumbProps, type StnBreadcrumbSize, type StnBreadcrumbVariant, StnButton, type StnButtonColor, type StnButtonIconPosition, type StnButtonProps, type StnButtonShape, type StnButtonSize, type StnButtonVariant, StnCard, StnCardBody, type StnCardBodyProps, StnCardFooter, type StnCardFooterProps, StnCardHeader, type StnCardHeaderProps, type StnCardProps, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, StnChip, type StnChipColor, type StnChipIconPosition, type StnChipLabelPosition, type StnChipProps, type StnChipShape, type StnChipSize, type StnChipVariant, StnCircularProgress, type StnCircularProgressGradient, type StnCircularProgressLabelPosition, type StnCircularProgressProps, type StnCircularProgressSize, type StnCircularProgressTone, type StnCircularProgressTrack, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, StnDateRangeField, type StnDateRangeFieldProps, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, StnFloatingToolbarPreset, type StnFloatingToolbarPresetProps, type StnFloatingToolbarProps, StnGrid, type StnGridBreakpoint, type StnGridDirection, type StnGridProps, type StnGridResponsive, type StnGridSize, type StnGridSpacing, StnHeader, StnHeaderContextTitle, StnHeaderPageTitle, type StnHeaderPageTitleProps, type StnHeaderProps, type StnHeaderRegionProps, StnHeaderSubTitle, StnHeaderTitle, type StnHeaderTitleClockProps, StnHeaderTitleDate, type StnHeaderTitleDateOptions, type StnHeaderTitleDualProps, StnHeaderTitleFramePreview, StnHeaderTitleMainText, type StnHeaderTitleProps, type StnHeaderTitleSize, StnHeaderTitleSubText, StnHeaderTitleTime, type StnHeaderTitleTimeOptions, type StnHeaderTitleTitleProps, type StnHeaderTitleVariant, StnHeaderTitleWeekday, StnHeaderToolbar, type StnHeaderToolbarProps, StnIcon, StnIconBox, type StnIconBoxColor, type StnIconBoxProps, type StnIconBoxSize, type StnIconProps, StnLayer, StnLayer0Background, type StnLayer0BackgroundColor, type StnLayer0BackgroundProps, StnLayerBackground, StnLayerContent, StnLayerDim, StnLayerModal, type StnLayerProps, type StnLayerRoleProps, StnLayerShell, type StnLayerShellProps, StnListViewLayout, StnListViewLayoutBody, type StnListViewLayoutBodyProps, StnListViewLayoutContent, StnListViewLayoutHeader, StnListViewLayoutPagination, type StnListViewLayoutProps, StnListViewLayoutSearch, StnListViewLayoutSidebar, StnListViewLayoutTable, StnLoadingSkeleton, StnLoadingSkeletonBlock, type StnLoadingSkeletonBlockProps, StnLoadingSkeletonCircle, type StnLoadingSkeletonCircleProps, StnLoadingSkeletonLine, type StnLoadingSkeletonLineProps, StnLoadingSkeletonProfile, type StnLoadingSkeletonProfileProps, type StnLoadingSkeletonProps, type StnLoadingSkeletonRootProps, StnLoadingSkeletonTable, type StnLoadingSkeletonTableProps, type StnLoadingSkeletonVariant, StnLoadingSkeletonWidget, type StnLoadingSkeletonWidgetProps, StnLoginBrandStack, type StnLoginBrandStackProps, StnLoginCard, type StnLoginCardBrandPosition, StnLoginCardGlowWrapper, type StnLoginCardGlowWrapperProps, type StnLoginCardProps, type StnLoginCardVariant, StnLoginFormFields, type StnLoginFormFieldsProps, StnLoginFormLinks, type StnLoginFormLinksProps, StnLoginFormStack, type StnLoginFormStackProps, StnLoginPlaceholder, type StnLoginPlaceholderProps, StnLoginTextField, type StnLoginTextFieldProps, StnLogo, type StnLogoProps, type StnLogoSize, type StnLogoTheme, type StnLogoVariant, StnMapCanvas, type StnMapCanvasProps, StnMapToolbar, type StnMapToolbarProps, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationItem, type StnPaginationProps, StnPopup, type StnPopupProps, type StnPopupSize, StnProgressBar, type StnProgressBarGradient, type StnProgressBarLabelAlign, type StnProgressBarLabelPosition, type StnProgressBarProps, type StnProgressBarSize, type StnProgressBarTone, type StnProgressBarTrack, StnProvider, type StnProviderProps, StnRadio, type StnRadioColor, StnRadioGroup, type StnRadioGroupLayout, type StnRadioGroupOption, type StnRadioGroupOrientation, type StnRadioGroupProps, type StnRadioLabelPlacement, type StnRadioProps, type StnRadioSize, StnScroll, type StnScrollColor, type StnScrollOrientation, type StnScrollProps, type StnScrollSize, type StnScrollVariant, StnSearchRequirementBar, StnSearchRequirementBarDemo, type StnSearchRequirementBarDemoProps, type StnSearchRequirementBarDividerProps, type StnSearchRequirementBarExportProps, type StnSearchRequirementBarFieldProps, type StnSearchRequirementBarFieldsProps, type StnSearchRequirementBarProps, type StnSearchRequirementBarSearchButtonProps, StnSectionSide, StnSectionSidePreset, type StnSectionSidePresetProps, type StnSectionSideProps, StnSegmented, type StnSegmentedMultipleProps, type StnSegmentedOption, type StnSegmentedProps, type StnSegmentedSingleProps, StnSeverityBadge, type StnSeverityBadgeProps, StnSeverityFilter, type StnSeverityFilterProps, type StnSeverityLevel, type StnSeverityVariant, type StnSideNavDropdownVariant, StnSideNavFooter, type StnSideNavFooterProps, StnSideNavGroup, type StnSideNavGroupProps, StnSideNavHeader, type StnSideNavHeaderProps, StnSideNavItem, type StnSideNavItemProps, type StnSideNavItemVariant, StnSideNavLogo, type StnSideNavLogoProps, StnSideNavMenu, type StnSideNavMenuProps, StnSideNavMobileTrigger, type StnSideNavMobileTriggerProps, StnSideNavSpacer, type StnSideNavSpacerProps, StnSideNavSub, StnSideNavSubItem, type StnSideNavSubItemProps, StnSideNavSubNav, type StnSideNavSubNavProps, type StnSideNavSubNavVariant, type StnSideNavSubProps, StnSideNavToggle, type StnSideNavToggleProps, StnSideNavWatermark, type StnSideNavWatermarkProps, StnSideNavigation, type StnSideNavigationProps, type StnSideNavigationVariant, StnSlider, type StnSliderColor, type StnSliderGradient, type StnSliderLabelAlign, type StnSliderLabelPosition, type StnSliderProps, type StnSliderSize, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnSystemChip, type StnSystemChipItem, type StnSystemChipProps, type StnSystemChipTone, StnTable, type StnTableAlign, StnTableBody, type StnTableBodyProps, StnTableGrid, type StnTableGridProps, StnTableHead, type StnTableHeadProps, type StnTableProps, StnTableRow, type StnTableRowProps, StnTableSort, type StnTableSortProps, StnTableTd, StnTableTdCheck, type StnTableTdCheckProps, type StnTableTdProps, StnTableTh, StnTableThCheck, type StnTableThCheckProps, type StnTableThProps, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTheme, StnToastCloseButton, StnToastIcon, type StnToastIconProps, StnToggleButton, type StnToggleButtonColor, type StnToggleButtonIconPosition, type StnToggleButtonProps, type StnToggleButtonSize, type StnToolbarOrientation, StnTooltip, type StnTooltipPlacement, type StnTooltipProps, type StnTooltipSize, type StnTooltipTone, type StnTooltipVariant, type StnTopologyCore, StnTopologyGraph, type StnTopologyGraphLink, type StnTopologyGraphNode, type StnTopologyGraphProps, type StnTopologyNode, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, StnTopologyRing, type StnTopologyRingProps, StnTree, type StnTreeDocRowState, type StnTreeItem, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, StnWidget, StnWidgetActions, type StnWidgetBackground, StnWidgetBody, StnWidgetChartSlot, type StnWidgetChartSlotProps, StnWidgetEmpty, StnWidgetFooter, StnWidgetGradeRow, StnWidgetGradeRowList, type StnWidgetGradeRowProps, StnWidgetHeader, StnWidgetInsetIcon, type StnWidgetInsetIconProps, StnWidgetLoading, type StnWidgetPadding, StnWidgetPlaceholder, type StnWidgetProps, StnWidgetStatCard, type StnWidgetStatCardProps, StnWidgetStatGroup, type StnWidgetStatus, type StnWidgetStatusGrade, StnWidgetStatusItem, type StnWidgetStatusItemProps, StnWidgetStatusList, StnWidgetTitle, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, flattenStnTree, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, useSideNav, useStn, useStnOptional };
+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 };