@stn-uiux/pub-ui-react 0.1.77 → 0.1.78

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 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, ElementType, FormHTMLAttributes, MouseEvent, TextareaHTMLAttributes, SVGAttributes } from 'react';
+import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, ThHTMLAttributes, TdHTMLAttributes, AllHTMLAttributes, ElementType, FormHTMLAttributes, MouseEvent, 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';
@@ -23,7 +23,7 @@ export { STN_SEARCH_REQUIREMENT_DEMO_FIELDS, STN_SEARCH_REQUIREMENT_FIGMA, STN_S
 import { StnHeaderVariant, StnHeaderPadding, StnHeaderGap } from '@stn-uiux/pub-ui/data/stnHeader';
 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_FIGMA, 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';
+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';
@@ -1640,7 +1640,7 @@ declare const StnCard: StnCardComponent;
 type StnTextVariant = 'display-1' | 'display-2' | 'display-3' | 'heading-1' | 'heading-2' | 'heading-3' | 'title-1' | 'title-2' | 'title-3' | 'body-1' | 'body-2' | 'body-3' | 'body-small' | 'label-1' | 'label-2' | 'label-3' | 'label-4' | 'caption-large' | 'caption';
 type StnTextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 type StnTextColor = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'success' | 'error' | 'info' | 'critical' | 'major' | 'minor' | 'warning';
-type StnTextProps = HTMLAttributes<HTMLElement> & {
+type StnTextProps = AllHTMLAttributes<HTMLElement> & {
     /** Type Scale (기본: body-3) */
     variant?: StnTextVariant;
     /** 렌더링할 태그 — 미지정 시 variant에 맞는 시맨틱 태그 자동 선택 */
@@ -1658,7 +1658,7 @@ type StnTextProps = HTMLAttributes<HTMLElement> & {
  * @example <StnText variant="heading-1">페이지 제목</StnText>
  * @example <StnText variant="caption" color="critical">오류 메시지</StnText>
  */
-declare const StnText: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+declare const StnText: react.ForwardRefExoticComponent<AllHTMLAttributes<HTMLElement> & {
     /** Type Scale (기본: body-3) */
     variant?: StnTextVariant;
     /** 렌더링할 태그 — 미지정 시 variant에 맞는 시맨틱 태그 자동 선택 */
@@ -1672,12 +1672,9 @@ declare const StnText: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElemen
     children?: ReactNode;
 } & react.RefAttributes<HTMLElement>>;
 
-type StnSectionSideVariant = 'solid' | 'translucent';
 type StnSectionSideProps = Omit<HTMLAttributes<HTMLElement>, 'className' | 'children'> & {
     children?: ReactNode;
     className?: string;
-    /** 외형 모드 — solid(기본 불투명 면) | translucent(글래스모피즘 반투명 블러) */
-    variant?: StnSectionSideVariant;
     /** 상단 고정 헤더 영역 (검색창, 탭, 타이틀 등) */
     header?: ReactNode;
     /** 하단 고정 푸터 영역 (스위치, 액션 등) */
@@ -1698,8 +1695,6 @@ type StnSectionSideProps = Omit<HTMLAttributes<HTMLElement>, 'className' | 'chil
 declare const StnSectionSide: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
     children?: ReactNode;
     className?: string;
-    /** 외형 모드 — solid(기본 불투명 면) | translucent(글래스모피즘 반투명 블러) */
-    variant?: StnSectionSideVariant;
     /** 상단 고정 헤더 영역 (검색창, 탭, 타이틀 등) */
     header?: ReactNode;
     /** 하단 고정 푸터 영역 (스위치, 액션 등) */
@@ -2772,7 +2767,7 @@ declare function StnHeaderToolbar({ children, className, ...rest }: StnHeaderToo
 /** 단색 L0 — 지금은 default만. 장면이 생기면 타입을 추가합니다. */
 type StnLayer0BackgroundColor = 'default';
 type StnLayer0BackgroundProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-    /** 디자인 시스템 사전 정의 프리셋 ('dashboard' | 'login' | 'map-light' | 'showroom-a' | 'showroom-b' | 'none') */
+    /** 디자인 시스템 사전 정의 프리셋 ('dashboard' | 'list' | 'login' | 'map-light' | 'showroom-a' | 'showroom-b' | 'none') */
     variant?: StnLayer0BackgroundPreset;
     /** 채움 방식. 기본 color. `src`가 있으면 image로 봅니다. */
     kind?: StnLayer0BackgroundKind;
@@ -2791,10 +2786,12 @@ type StnLayer0BackgroundProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'>
     className?: string;
 };
 /**
- * Layer 0 page background — 프리셋은 `variant`, 단색은 `color`, 임의 URL은 `src`.
- * `src` + `srcDark` 를 같이 주면 `data-mode` 에 맞춰 전환합니다.
+ * Layer 0 page background — 순수 CSS 토큰(Token-driven) 아키텍처
+ *
+ * 프리셋('dashboard', 'list', 'showroom-a' 등)은 CSS 클래스 하나로
+ * 테마(Default/Blue) 및 모드(Light/Dark)에 맞춰 CSS 변수(--stn-l0-*-bg)로 즉시 전환됩니다.
  */
-declare function StnLayer0Background({ variant, kind: kindProp, color, src: srcProp, srcDark: srcDarkProp, overlay: overlayProp, overlayDarkRadial: overlayDarkRadialProp, alt, className, style, ...rest }: StnLayer0BackgroundProps): react_jsx_runtime.JSX.Element;
+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 StnDateRangePickerProps = {
     open: boolean;
@@ -4583,4 +4580,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, 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, StnDrawer, StnDrawerBody, 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, type StnSectionSideVariant, 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 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, useStnTabsContext };
+export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, 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, StnDrawer, StnDrawerBody, 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 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, useStnTabsContext };

package/dist/index.js

@@ -997,23 +997,24 @@ var StnModal = forwardRef6(function StnModal2({
       ...rest,
       children: /* @__PURE__ */ jsx9("div", { className: "stn-pop__cont", children: /* @__PURE__ */ jsxs5("div", { className: "stn-pop__panel", children: [
         /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head", id: titleId, children: [
-          /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head-row", children: [
-            /* @__PURE__ */ jsx9("h4", { children: title }),
-            headerExtra ? /* @__PURE__ */ jsx9("div", { className: "stn-pop__head-extra", children: headerExtra }) : null
+          /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head-start", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head-row", children: [
+              /* @__PURE__ */ jsx9("h4", { children: title }),
+              headerExtra ? /* @__PURE__ */ jsx9("div", { className: "stn-pop__head-extra", children: headerExtra }) : null
+            ] }),
+            subtitle ? /* @__PURE__ */ jsx9("p", { className: "stn-pop__subtitle", children: subtitle }) : null
           ] }),
-          subtitle ? /* @__PURE__ */ jsx9("p", { className: "stn-pop__subtitle", children: subtitle }) : null
+          onClose ? /* @__PURE__ */ jsx9(
+            StnButton,
+            {
+              icon: "line/x",
+              variant: "ghost",
+              size: "sm",
+              "aria-label": "\uB2EB\uAE30",
+              onClick: onClose
+            }
+          ) : null
         ] }),
-        /* @__PURE__ */ jsx9(
-          StnButton,
-          {
-            icon: "line/x",
-            variant: "ghost",
-            size: "sm",
-            className: "stn-pop__close",
-            "aria-label": "\uB2EB\uAE30",
-            onClick: onClose
-          }
-        ),
         /* @__PURE__ */ jsx9("div", { className: cn("stn-pop__body", bodyClassName), children }),
         actions ? /* @__PURE__ */ jsx9(
           "div",
@@ -3144,7 +3145,6 @@ var StnSectionSide = forwardRef18(function StnSectionSide2({
   header,
   footer,
   className,
-  variant = "solid",
   fill = true,
   fullWidth = false,
   collapsed = false,
@@ -3158,7 +3158,6 @@ var StnSectionSide = forwardRef18(function StnSectionSide2({
       ref,
       className: cn(
         "stn-section-side",
-        variant === "translucent" && "stn-section-side--translucent",
         fill && "stn-section-side--fill",
         fullWidth && "is-full-width",
         collapsed && "is-collapsed",
@@ -5957,17 +5956,15 @@ function StnHeaderToolbar({ children, className, ...rest }) {
 
 // src/index.ts
 import {
-  STN_LAYER0_BACKGROUND_FIGMA,
   STN_LAYER0_BACKGROUND_INTRO,
   STN_LAYER0_BACKGROUND_USAGE,
   STN_LAYER0_BACKGROUND_VARIANT_ROWS,
-  STN_LAYER0_BACKGROUND_DEMO_IMAGES as STN_LAYER0_BACKGROUND_DEMO_IMAGES2,
+  STN_LAYER0_BACKGROUND_DEMO_IMAGES,
   STN_LAYER0_MAP_LIGHT_OVERLAY as STN_LAYER0_MAP_LIGHT_OVERLAY2
 } from "@stn-uiux/pub-ui/data/stnLayer0Background";
 
 // src/patterns/background/StnLayer0Background.tsx
 import {
-  STN_LAYER0_BACKGROUND_DEMO_IMAGES,
   STN_LAYER0_MAP_LIGHT_OVERLAY
 } from "@stn-uiux/pub-ui/data/stnLayer0Background";
 import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -5976,12 +5973,21 @@ function overlayStyle(overlay) {
   const pct = `${Math.min(100, Math.max(0, overlay * 100))}%`;
   return { "--stn-layer0-overlay-opacity": pct };
 }
+function handleImageError(e) {
+  const currentSrc = e.currentTarget.src;
+  if (currentSrc && currentSrc.startsWith("http") && currentSrc.includes("/images/layer0/")) {
+    const fallback = currentSrc.substring(currentSrc.indexOf("/images/layer0/"));
+    if (typeof window !== "undefined" && currentSrc !== window.location.origin + fallback) {
+      e.currentTarget.src = fallback;
+    }
+  }
+}
 function StnLayer0Background({
   variant,
   kind: kindProp,
   color = "default",
-  src: srcProp,
-  srcDark: srcDarkProp,
+  src,
+  srcDark,
   overlay: overlayProp,
   overlayDarkRadial: overlayDarkRadialProp,
   alt = "",
@@ -5989,92 +5995,23 @@ function StnLayer0Background({
   style,
   ...rest
 }) {
-  let src = srcProp;
-  let srcDark = srcDarkProp;
   let overlay = overlayProp;
   let overlayDarkRadial = overlayDarkRadialProp;
-  let isPresetImage = false;
-  if (variant && variant !== "none" && variant !== "color" && variant !== "gradient") {
-    isPresetImage = true;
-    if (variant === "dashboard") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.dashboard;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.dashboardDark;
-    } else if (variant === "infomap") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomap;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomapDark;
-    } else if (variant === "infomap-none") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomapNone;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomapNoneDark;
-    } else if (variant === "showroom-a") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomA;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomADark;
-    } else if (variant === "showroom-b") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomB;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomBDark;
-      overlayDarkRadial = overlayDarkRadial ?? true;
-    } else if (variant === "login") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.login;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.loginDark;
-    } else if (variant === "map-light") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.mapLight;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.mapDark;
-      overlay = overlay ?? STN_LAYER0_MAP_LIGHT_OVERLAY;
-    }
+  if (variant === "none") {
+    return null;
   }
-  const kind = kindProp ?? (isPresetImage ? "image" : void 0);
-  const isImage = kind === "image" || Boolean(src || srcDark);
-  if (isImage) {
-    const paired = Boolean(src && srcDark);
+  if (variant === "color" || kindProp === "color") {
     return /* @__PURE__ */ jsx48(
       "div",
       {
-        className: cn("stn-layer0-bg", "image", className),
-        "aria-hidden": alt === "" ? true : void 0,
-        style: { ...overlayStyle(overlay), ...style },
-        ...rest,
-        children: /* @__PURE__ */ jsxs37("div", { className: "stn-layer0-bg__media", children: [
-          src ? /* @__PURE__ */ jsx48(
-            "img",
-            {
-              className: cn("stn-layer0-bg__img", paired && "light"),
-              src,
-              alt,
-              decoding: "async",
-              onError: (e) => {
-                if (src && src.startsWith("http") && src.includes("/images/layer0/")) {
-                  const fallback = src.substring(src.indexOf("/images/layer0/"));
-                  if (typeof window !== "undefined" && e.currentTarget.src !== window.location.origin + fallback) {
-                    e.currentTarget.src = fallback;
-                  }
-                }
-              }
-            }
-          ) : null,
-          srcDark ? /* @__PURE__ */ jsx48(
-            "img",
-            {
-              className: cn("stn-layer0-bg__img", paired ? "dark" : void 0),
-              src: srcDark,
-              alt,
-              decoding: "async",
-              onError: (e) => {
-                if (srcDark && srcDark.startsWith("http") && srcDark.includes("/images/layer0/")) {
-                  const fallback = srcDark.substring(srcDark.indexOf("/images/layer0/"));
-                  if (typeof window !== "undefined" && e.currentTarget.src !== window.location.origin + fallback) {
-                    e.currentTarget.src = fallback;
-                  }
-                }
-              }
-            }
-          ) : null,
-          overlay != null && overlay > 0 ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay", "aria-hidden": "true" }) : null,
-          overlayDarkRadial ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay radial", "aria-hidden": "true" }) : null
-        ] })
+        className: cn("stn-layer0-bg", "color", color, className),
+        "aria-hidden": "true",
+        style,
+        ...rest
       }
     );
   }
-  const isGradient = kind === "gradient" || variant === "gradient";
-  if (isGradient) {
+  if (variant === "gradient" || kindProp === "gradient") {
     return /* @__PURE__ */ jsx48(
       "div",
       {
@@ -6085,13 +6022,61 @@ function StnLayer0Background({
       }
     );
   }
-  return /* @__PURE__ */ jsx48(
+  if (src || srcDark) {
+    const paired = Boolean(src && srcDark);
+    return /* @__PURE__ */ jsxs37(
+      "div",
+      {
+        className: cn("stn-layer0-bg", "image", className),
+        "aria-hidden": alt === "" ? true : void 0,
+        style: { ...overlayStyle(overlay), ...style },
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs37("div", { className: "stn-layer0-bg__media", children: [
+            src ? /* @__PURE__ */ jsx48(
+              "img",
+              {
+                className: cn("stn-layer0-bg__img", paired && "light"),
+                src,
+                alt,
+                decoding: "async",
+                onError: handleImageError
+              }
+            ) : null,
+            srcDark ? /* @__PURE__ */ jsx48(
+              "img",
+              {
+                className: cn("stn-layer0-bg__img", paired ? "dark" : void 0),
+                src: srcDark,
+                alt,
+                decoding: "async",
+                onError: handleImageError
+              }
+            ) : null
+          ] }),
+          overlay != null && overlay > 0 ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay", "aria-hidden": "true" }) : null,
+          overlayDarkRadial ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay radial", "aria-hidden": "true" }) : null
+        ]
+      }
+    );
+  }
+  const presetKey = variant ?? "dashboard";
+  if (presetKey === "map-light") {
+    overlay = overlay ?? STN_LAYER0_MAP_LIGHT_OVERLAY;
+  } else if (presetKey === "showroom-b") {
+    overlayDarkRadial = overlayDarkRadial ?? true;
+  }
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
-      className: cn("stn-layer0-bg", "color", color, className),
-      "aria-hidden": "true",
-      style,
-      ...rest
+      className: cn("stn-layer0-bg", presetKey, className),
+      "aria-hidden": alt === "" ? true : void 0,
+      style: { ...overlayStyle(overlay), ...style },
+      ...rest,
+      children: [
+        overlay != null && overlay > 0 ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay", "aria-hidden": "true" }) : null,
+        overlayDarkRadial ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay radial", "aria-hidden": "true" }) : null
+      ]
     }
   );
 }
@@ -9581,7 +9566,6 @@ function StnLayerShell({
     "div",
     {
       id: wrapId,
-      "data-stn-layer-mode": "v2",
       "data-stn-gnb-side": gnbSide,
       className: cn("stn-wrap", isGnbRight && "stn-wrap--gnb-right", wrapClassName),
       children: [
@@ -10275,7 +10259,6 @@ function LoginPageScaffold({
     "div",
     {
       className: cn("stn-wrap stn-page--login", wrapClassName),
-      "data-stn-layer-mode": "v2",
       ...shellProps,
       children: [
         resolvedLayer0,
@@ -10504,8 +10487,7 @@ export {
   STN_HEADER_PAGE_TITLE_DEMO,
   STN_HEADER_USAGE,
   STN_HEADER_VARIANT_ROWS,
-  STN_LAYER0_BACKGROUND_DEMO_IMAGES2 as STN_LAYER0_BACKGROUND_DEMO_IMAGES,
-  STN_LAYER0_BACKGROUND_FIGMA,
+  STN_LAYER0_BACKGROUND_DEMO_IMAGES,
   STN_LAYER0_BACKGROUND_INTRO,
   STN_LAYER0_BACKGROUND_USAGE,
   STN_LAYER0_BACKGROUND_VARIANT_ROWS,