@stn-uiux/pub-ui 0.1.77 → 0.1.79

package/styles/components/stn-popup.css

@@ -17,8 +17,8 @@
   box-sizing: border-box;
 }
 
-.stn-pop--open {
-  display: flex !important;
+.stn-pop.stn-pop--open {
+  display: flex;
   align-items: center;
   justify-content: center;
 }
@@ -41,8 +41,8 @@
   overflow: hidden;
   box-sizing: border-box;
   background-color: var(--stn-pop-surface);
-  border: 1px solid var(--stn-pop-border);
-  border-radius: var(--stn-radius-pop-wrap, var(--stn-radius-8));
+  border: var(--stn-pop-border-width) solid var(--stn-pop-border);
+  border-radius: var(--stn-radius-pop-wrap);
   box-shadow: var(--stn-pop-shadow);
 }
 
@@ -50,19 +50,28 @@
 .stn-pop__head {
   box-sizing: border-box;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: var(--stn-pop-header-height, var(--stn-size-56));
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--stn-pop-head-gap);
+  min-height: var(--stn-pop-header-height);
   height: auto;
-  padding: 12px 48px 12px 20px;
+  padding: var(--stn-pop-head-padding-y) var(--stn-pop-head-padding-x);
   margin: 0;
-  border-bottom: 1px solid var(--stn-pop-divider);
+  border-bottom: var(--stn-pop-border-width) solid var(--stn-pop-divider);
+}
+
+.stn-pop__head-start {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
+  flex: 1 1 auto;
 }
 
 .stn-pop__head-row {
   display: flex;
   align-items: center;
-  gap: var(--stn-space-8, 8px);
+  gap: var(--stn-pop-head-row-gap);
   flex-wrap: wrap;
 }
 
@@ -71,24 +80,24 @@
   color: var(--stn-pop-title);
   font-family: var(--stn-font-body);
   font-size: var(--stn-text-title-medium-size);
-  line-height: var(--stn-line-height-tight, 1.25);
+  line-height: var(--stn-line-height-tight);
   font-weight: var(--stn-font-weight-semibold);
   letter-spacing: 0;
 }
 
 .stn-pop__subtitle {
-  margin: 4px 0 0 0;
+  margin: var(--stn-pop-subtitle-margin-top) 0 0 0;
   font-family: var(--stn-font-body);
   font-size: var(--stn-text-body-small-size);
   color: var(--stn-text-subtle);
-  line-height: var(--stn-line-height-normal, 1.5);
+  line-height: var(--stn-line-height-normal);
 }
 
 /* Body */
 .stn-pop__body {
   flex: 1 1 auto;
   min-height: 0;
-  padding: var(--stn-space-20, 20px);
+  padding: var(--stn-pop-body-padding);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   background: transparent;
@@ -103,75 +112,8 @@
 /* 본문 레이아웃 — 배경은 .stn-pop__panel 만 (내부 투명) */
 .stn-pop__body .box_area,
 .stn-pop__body .box_area .box {
-  background: transparent !important;
-  background-color: transparent !important;
-  background-image: none !important;
-  box-shadow: none !important;
-}
-
-/* Close button — centered vertically in 56px header (top 14, right 16) */
-.stn-pop__close {
-  position: absolute;
-  top: 14px;
-  right: 16px;
-  box-sizing: border-box;
-  width: var(--stn-pop-close-size) !important;
-  height: var(--stn-pop-close-size) !important;
-  min-width: var(--stn-pop-close-size);
-  min-height: var(--stn-pop-close-size);
-  padding: 0;
-  border: none;
-  border-radius: var(--stn-radius-sm);
-  background-color: transparent;
-  background-image: none;
-  opacity: 1;
-  color: var(--stn-pop-title);
-  transition: background-color 0.15s ease, color 0.15s ease;
-}
-
-.stn-pop__close::before,
-.stn-pop__close::after {
-  content: none;
-  display: none;
-}
-
-/* Legacy HTML close (no React glyph) — Figma icon/line/x mask */
-.stn-pop__close:not(.icon, .stn-btn--icon):not(.stn-icon-btn--with-glyph) {
-  background-color: transparent;
-  background-image: none;
-  -webkit-mask: none;
-  mask: none;
-  color: var(--stn-pop-title);
-}
-
-.stn-pop__close:not(.icon, .stn-btn--icon):not(.stn-icon-btn--with-glyph)::before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: var(--stn-pop-close-icon);
-  height: var(--stn-pop-close-icon);
-  margin: calc(var(--stn-pop-close-icon) / -2) 0 0 calc(var(--stn-pop-close-icon) / -2);
-  background-color: currentColor;
-  mask-image: url('../@assets/svg/system/line/x.svg');
-  mask-position: center;
-  mask-size: contain;
-  mask-repeat: no-repeat;
-  -webkit-mask-image: url('../@assets/svg/system/line/x.svg');
-  -webkit-mask-position: center;
-  -webkit-mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-}
-
-.stn-pop__close:not(.icon, .stn-btn--icon):not(.stn-icon-btn--with-glyph)::after {
-  content: none;
-  display: none;
-}
-
-.stn-pop__close:hover {
-  background-color: var(--stn-pop-close-hover-bg);
-  color: var(--stn-pop-close-hover-fg);
+  background: transparent;
+  box-shadow: none;
 }
 
 /* —— Size modifiers — active width on .stn-pop —— */
@@ -216,7 +158,7 @@
 
 /* 문서·패턴 프리뷰 — 인라인 시연 */
 .stn-pop-uc-inline.stn-pop {
-  display: flex !important;
+  display: flex;
   position: relative;
   top: auto;
   right: auto;
@@ -230,7 +172,7 @@
 .stn-pop-stack {
   position: fixed;
   inset: 0;
-  z-index: var(--stn-elevation-z-2, 200);
+  z-index: var(--stn-elevation-z-2);
   pointer-events: none;
 }
 
@@ -284,7 +226,7 @@
 .stn-pop-stack--inline {
   position: absolute;
   inset: 0;
-  z-index: var(--stn-elevation-z-2, 200);
+  z-index: var(--stn-elevation-z-2);
   min-height: 0;
   pointer-events: auto;
 }
@@ -292,24 +234,24 @@
 .stn-pop-stack--inline > .stn-layer-dim {
   position: absolute;
   inset: 0;
-  z-index: var(--stn-elevation-z-2, 200);
+  z-index: var(--stn-elevation-z-2);
   border-radius: inherit;
 }
 
 .stn-pop-stack--inline > .stn-layer-2 {
   position: absolute;
   inset: 0;
-  z-index: calc(var(--stn-elevation-z-2, 200) + 1);
+  z-index: calc(var(--stn-elevation-z-2) + 1);
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: var(--stn-pop-gutter, 16px);
+  padding: var(--stn-pop-gutter);
   box-sizing: border-box;
   pointer-events: none;
 }
 
 .stn-pop-stack--inline > .stn-layer-2 > .stn-pop {
-  display: flex !important;
+  display: flex;
   pointer-events: auto;
 }
 
@@ -319,12 +261,12 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
-  gap: var(--stn-space-8, 8px);
+  gap: var(--stn-pop-actions-gap);
   box-sizing: border-box;
-  min-height: var(--stn-pop-footer-height, var(--stn-size-56));
+  min-height: var(--stn-pop-footer-height);
   margin-top: 0;
-  padding: 12px 20px;
-  border-top: 1px solid var(--stn-pop-divider);
+  padding: var(--stn-pop-actions-padding-y) var(--stn-pop-actions-padding-x);
+  border-top: var(--stn-pop-border-width) solid var(--stn-pop-divider);
   background-color: var(--stn-pop-surface);
 }
 
@@ -343,19 +285,19 @@
 /* —— Master-Detail Split Layout (.stn-pop-split) —— */
 .stn-pop-split {
   display: flex;
-  gap: var(--stn-space-20, 20px);
-  min-height: 400px;
+  gap: var(--stn-pop-split-gap);
+  min-height: var(--stn-pop-split-min-height);
   height: 100%;
   box-sizing: border-box;
 }
 
 .stn-pop-split__aside {
-  width: var(--stn-pop-split-aside-width, 280px);
-  min-width: var(--stn-pop-split-aside-width, 280px);
-  max-width: 320px;
+  width: var(--stn-pop-split-aside-width);
+  min-width: var(--stn-pop-split-aside-width);
+  max-width: var(--stn-pop-split-aside-max-width);
   flex-shrink: 0;
-  border-right: 1px solid var(--stn-pop-divider);
-  padding-right: var(--stn-space-16, 16px);
+  border-right: var(--stn-pop-border-width) solid var(--stn-pop-divider);
+  padding-right: var(--stn-pop-split-aside-padding-right);
   display: flex;
   flex-direction: column;
   overflow-y: auto;
@@ -367,9 +309,7 @@
   min-width: 0;
   display: flex;
   flex-direction: column;
-  gap: var(--stn-space-16, 16px);
+  gap: var(--stn-pop-split-main-gap);
   overflow-y: auto;
   box-sizing: border-box;
 }
-
-

package/styles/layouts/stn-layer0-bg.css

@@ -1,10 +1,56 @@
 @charset "utf-8";
 /**
  * STN Layout — L0 Background Layer (z-index: 0)
- * HTML: `class="stn-layer0-bg color default"` · `class="stn-layer0-bg image"`
- * modifier는 `.stn-layer0-bg.color` / `.stn-layer0-bg.image`로만 매칭
+ *
+ * 순수 CSS 토큰(Token-driven) 아키텍처:
+ * 테마(Default/Blue) 및 모드(Light/Dark)에 따른 배경 이미지를 CSS 변수(--stn-l0-*-bg)로 선언하여,
+ * 컴포넌트는 단 한 줄의 background-image: var(...) 만으로 테마 전환을 자동 처리합니다.
  */
 
+/* ==========================================================================
+   1. L0 Background Image Tokens (CDN)
+   ========================================================================== */
+
+/* 1-1. Default Theme — Light Mode */
+[data-mode='light'],
+[data-theme='default'][data-mode='light'] {
+  --stn-l0-dashboard-bg: url('https://stn-design.vercel.app/images/layer0/dashboard-light.png');
+  --stn-l0-list-bg: var(--stn-gradient-l0-background);
+  --stn-l0-showroom-a-bg: url('https://stn-design.vercel.app/images/layer0/showroom-a-light.png');
+  --stn-l0-showroom-b-bg: url('https://stn-design.vercel.app/images/layer0/showroom-b-light.png');
+  --stn-l0-map-light-bg: url('https://stn-design.vercel.app/images/layer0/map-light.png');
+  --stn-l0-login-bg: url('https://stn-design.vercel.app/images/layer0/login-light.png');
+}
+
+/* 1-2. Default Theme — Dark Mode */
+:root,
+[data-mode='dark'],
+[data-theme='default'][data-mode='dark'] {
+  --stn-l0-dashboard-bg: url('https://stn-design.vercel.app/images/layer0/dashboard-dark.png');
+  --stn-l0-list-bg: var(--stn-gradient-l0-background);
+  --stn-l0-showroom-a-bg: url('https://stn-design.vercel.app/images/layer0/showroom-a-dark.png');
+  --stn-l0-showroom-b-bg: url('https://stn-design.vercel.app/images/layer0/showroom-b-dark.png');
+  --stn-l0-map-light-bg: url('https://stn-design.vercel.app/images/layer0/map-dark.png');
+  --stn-l0-login-bg: url('https://stn-design.vercel.app/images/layer0/login-dark.png');
+}
+
+/* 1-3. Blue Theme — Light Mode */
+[data-theme='blue'][data-mode='light'] {
+  --stn-l0-dashboard-bg: url('https://stn-design.vercel.app/images/layer0/infomap-light.png');
+  --stn-l0-list-bg: url('https://stn-design.vercel.app/images/layer0/infomap-light-none.png');
+}
+
+/* 1-4. Blue Theme — Dark Mode */
+[data-theme='blue'][data-mode='dark'] {
+  --stn-l0-dashboard-bg: url('https://stn-design.vercel.app/images/layer0/infomap-dark.png');
+  --stn-l0-list-bg: url('https://stn-design.vercel.app/images/layer0/infomap-dark-none.png');
+}
+
+
+/* ==========================================================================
+   2. Base Layer 0 Shell
+   ========================================================================== */
+
 .stn-layer0-bg {
   position: absolute;
   inset: 0;
@@ -13,30 +59,63 @@
   z-index: var(--stn-elevation-z-0, 0);
   overflow: hidden;
   pointer-events: none;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
-/* 1. Color preset — named look은 `.default` (다크/라이트 모두 순수 단색 바닥면) */
+/* Color preset */
 .stn-layer0-bg.color,
 .stn-layer0-bg.color.default {
   background-color: var(--stn-elevation-surface-0);
   background-image: none;
 }
 
-/* 2. Gradient preset — 공식 앰비언트 그라데이션 바닥면 (다크/라이트 자동 전환) */
+/* Gradient preset */
 .stn-layer0-bg.gradient {
   background-color: var(--stn-elevation-surface-0);
   background-image: var(--stn-gradient-l0-background);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
 }
 
-/* Image preset */
-.stn-layer0-bg.image {
+/* List preset — 테마 반응형 바닥면 (Default: 그라데이션, Blue: 3D infomap-none) */
+.stn-layer0-bg.list {
+  background-color: var(--stn-elevation-surface-0);
+  background-image: var(--stn-l0-list-bg);
+}
+
+/* Dashboard preset — 테마 반응형 바닥면 (Default: 웨이브, Blue: 3D infomap) */
+.stn-layer0-bg.dashboard {
   background-color: var(--stn-elevation-surface-0);
+  background-image: var(--stn-l0-dashboard-bg);
 }
 
+/* 기타 이미지 프리셋 */
+.stn-layer0-bg.showroom-a {
+  background-image: var(--stn-l0-showroom-a-bg);
+}
+
+.stn-layer0-bg.showroom-b {
+  background-image: var(--stn-l0-showroom-b-bg);
+}
+
+.stn-layer0-bg.map-light {
+  background-image: var(--stn-l0-map-light-bg);
+}
+
+.stn-layer0-bg.login {
+  background-image: var(--stn-l0-login-bg);
+}
+
+/* 레거시/호환용 프리셋 */
+.stn-layer0-bg.infomap {
+  background-image: var(--stn-l0-dashboard-bg);
+}
+
+.stn-layer0-bg.infomap-none {
+  background-image: var(--stn-l0-list-bg);
+}
 
+/* 커스텀 이미지 URL을 src로 직접 전달한 경우 호환용 미디어 영역 */
 .stn-layer0-bg__media {
   position: absolute;
   inset: 0;
@@ -51,15 +130,6 @@
   object-position: center;
 }
 
-/* Dark/Light image switching */
-.stn-layer0-bg__img.light {
-  display: none;
-}
-
-.stn-layer0-bg__img.dark {
-  display: block;
-}
-
 [data-mode='dark'] .stn-layer0-bg__img.light {
   display: none;
 }
@@ -92,15 +162,11 @@
   display: block;
 }
 
-.stn-layer0-bg__overlay.radial {
+[data-mode='dark'] .stn-layer0-bg__overlay.radial {
   display: block;
   background: radial-gradient(
-    50% 50% at 50% 50%,
-    color-mix(in srgb, var(--stn-layer0-radial) 100%, transparent) 26.442%,
-    color-mix(in srgb, var(--stn-layer0-radial) 30%, transparent) 100%
+    ellipse 70% 60% at 50% 45%,
+    transparent 0%,
+    color-mix(in srgb, var(--stn-static-black) 72%, transparent) 100%
   );
 }
-
-[data-mode='light'] .stn-layer0-bg__overlay.radial {
-  display: none;
-}

package/styles/patterns/stn-section-side.css

@@ -21,15 +21,7 @@
   overflow: hidden;
 }
 
-/* translucent variant — 반투명 블러 글래스모피즘 외형 (테두리 및 그림자 없음) */
-.stn-section-side.translucent,
-.stn-section-side--translucent {
-  background: var(--stn-section-side-bg-translucent);
-  backdrop-filter: blur(var(--stn-section-side-translucent-blur, 8px));
-  -webkit-backdrop-filter: blur(var(--stn-section-side-translucent-blur, 8px));
-  border-color: var(--stn-section-side-border-translucent);
-  box-shadow: none;
-}
+
 
 /* fullWidth prop 또는 부모 LNB 컨테이너 안에서 가로 100% 확장 지원 */
 .stn-section-side.is-full-width,

package/styles/style-pub.css

@@ -73,6 +73,7 @@
 @import './components/stn-topology.css';
 @import './components/stn-status.css';
 @import './components/stn-tabs.css';
+@import './components/stn-divider.css';
 
 /* --- 5. Patterns (Composite UI Recipes) --- */
 @import './patterns/stn-section-side.css';

package/styles/tokens/stn-colors-semantic.css

@@ -51,7 +51,7 @@
   --stn-elevation-surface-1: var(--stn-opacity-black-0);
   --stn-elevation-surface-2: var(--stn-gray-800);
   --stn-elevation-surface-widget: var(--stn-gray-850);
-  --stn-drawer-bg: var(--stn-gray-750);
+  --stn-drawer-bg: var(--stn-gray-850);
   --stn-dim-bg: color-mix(in srgb, var(--stn-gray-950) 50%, transparent);
   --stn-dim-blur: 4px;
   --stn-input-bg: var(--stn-gray-900);
@@ -423,6 +423,7 @@
   --stn-pop-close-hover-bg: color-mix(in srgb, var(--stn-static-white) 10%, transparent);
   --stn-pop-close-hover-fg: var(--stn-static-white);
   --stn-pop-divider: var(--stn-gray-700);
+  --stn-divider-border: var(--stn-gray-750);
   --stn-progress-gradient-main: var(--stn-gradient-main);
   --stn-progress-gradient-primary: var(--stn-gradient-primary);
   --stn-progress-gradient-secondary: var(--stn-gradient-secondary);
@@ -1034,6 +1035,7 @@
   --stn-pop-close-hover-bg: color-mix(in srgb, var(--stn-gray-100) 80%, transparent);
   --stn-pop-close-hover-fg: var(--stn-gray-700);
   --stn-pop-divider: var(--stn-gray-200);
+  --stn-divider-border: var(--stn-gray-200);
   --stn-progress-gradient-main: var(--stn-gradient-main);
   --stn-progress-gradient-primary: var(--stn-gradient-primary);
   --stn-progress-gradient-secondary: var(--stn-gradient-secondary);
@@ -1229,8 +1231,15 @@
 
 [data-theme='blue'][data-mode='dark'] {
   --stn-table-th-bg: var(--stn-blue-750);
+  --stn-section-side-bg: var(--stn-opacity-black-25);
+  --stn-section-side-border: var(--stn-border-subtle);
+  --stn-input-border: var(--stn-gray-800);
+  --stn-input-bg: var(--stn-opacity-black-25);
+  --stn-search-requirement-bg: var(--stn-opacity-black-25);
 }
 
 [data-theme='blue'][data-mode='light'] {
   --stn-table-th-bg: var(--stn-blue-100);
+  --stn-section-side-bg: var(--stn-opacity-white-25);
+  --stn-section-side-border: var(--stn-border-subtle);
 }

package/styles/tokens/stn-size-semantic.css

@@ -62,6 +62,11 @@
   --stn-icon-box-size-xl: var(--stn-size-44);
   --stn-pop-header-height: var(--stn-size-56);
   --stn-pop-footer-height: var(--stn-size-56);
+  --stn-pop-border-width: var(--stn-size-1);
+  --stn-pop-split-min-height: var(--stn-size-400);
+  --stn-pop-split-aside-width: var(--stn-size-280);
+  --stn-pop-split-aside-max-width: var(--stn-size-320);
+  --stn-pop-max-height: calc(100vh - var(--stn-pop-gutter) * 2);
   --stn-segmented-item-height: var(--stn-size-32);
   --stn-segmented-item-height-sm: var(--stn-size-26);
   --stn-segmented-item-height-lg: var(--stn-size-40);
@@ -208,6 +213,9 @@
   --stn-badge-prominent-size: var(--stn-size-18);
   --stn-stack-divider-thickness: var(--stn-size-1);
   --stn-stack-divider-length: var(--stn-size-16);
+  --stn-divider-thickness: var(--stn-size-1);
+  --stn-divider-vertical-height: var(--stn-size-16);
+  --stn-divider-text-offset: var(--stn-size-24);
   --stn-skeleton-line-h: var(--stn-size-12);
   --stn-skeleton-block-min-h: var(--stn-size-48);
   --stn-skeleton-circle-size: var(--stn-size-40);

package/styles/tokens/stn-spacing-semantic.css

@@ -59,6 +59,18 @@
   --stn-chip-gap: var(--stn-space-4);
   --stn-chip-padding-y: var(--stn-space-0);
   --stn-pop-gutter: var(--stn-space-20);
+  --stn-pop-head-padding-y: var(--stn-space-12);
+  --stn-pop-head-padding-x: var(--stn-space-20);
+  --stn-pop-head-gap: var(--stn-space-12);
+  --stn-pop-head-row-gap: var(--stn-space-8);
+  --stn-pop-subtitle-margin-top: var(--stn-space-4);
+  --stn-pop-body-padding: var(--stn-space-20);
+  --stn-pop-actions-padding-y: var(--stn-space-12);
+  --stn-pop-actions-padding-x: var(--stn-space-20);
+  --stn-pop-actions-gap: var(--stn-space-8);
+  --stn-pop-split-gap: var(--stn-space-20);
+  --stn-pop-split-aside-padding-right: var(--stn-space-16);
+  --stn-pop-split-main-gap: var(--stn-space-16);
   --stn-text-field-padding-x-xl: var(--stn-space-16);
   --stn-text-field-padding-x-lg: var(--stn-space-12);
   --stn-text-field-padding-x-md: var(--stn-space-10);
@@ -255,6 +267,9 @@
   --stn-search-requirement-compact-padding-x: var(--stn-space-12);
   --stn-search-requirement-compact-gap: var(--stn-space-12);
   --stn-search-requirement-divider-margin-x: var(--stn-space-4);
+  --stn-divider-inset-margin: var(--stn-space-72);
+  --stn-divider-middle-margin: var(--stn-space-16);
+  --stn-divider-text-gap: var(--stn-space-16);
   --stn-tree-collapsed-row-padding-block: var(--stn-space-2);
   --stn-breadcrumb-gap-sm: var(--stn-space-8);
   --stn-breadcrumb-gap-md: var(--stn-space-16);

package/dist/chunk-75GHU6VI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnPopup.ts"],"sourcesContent":["/**\n * Pub HTML Popup (.stn-pop) — StnPopup shell · sizes · pattern\n */\n\nexport const STN_POPUP_INTRO =\n  '사용자의 주의를 환기시키거나 추가 입력을 받는 팝업/모달 패턴입니다. React에서는 `<StnPopup>` 컴포넌트 하나만 사용하면 내부에서 배경 딤(Overlay)과 레이어 층을 자동으로 내장 처리해 줍니다.'\n\nexport const STN_POPUP_STACK_HTML = `<div class=\"stn-pop-stack\">\n  <div\n    class=\"stn-layer stn-elev-3 stn-elev--shell stn-elev--dim stn-pop-stack__dim\"\n    data-stn-layer=\"3\"\n    data-stn-layer-role=\"dim\"\n    data-stn-layer-surface=\"dim\"\n  >\n    <button type=\"button\" class=\"stn-layer__dim-hit\" aria-label=\"닫기\"></button>\n  </div>\n  <div\n    class=\"stn-layer stn-elev-4 stn-elev--shell stn-pop-stack__modal\"\n    data-stn-layer=\"4\"\n    data-stn-layer-role=\"modal\"\n    data-stn-layer-surface=\"transparent\"\n  >\n    <!-- .stn-pop — 패널 셸 -->\n  </div>\n</div>`\n\nexport const STN_POPUP_USAGE_HTML = `${STN_POPUP_STACK_HTML.replace('    <!-- .stn-pop — 패널 셸 -->', `<div class=\"stn-pop stn-pop--md stn-pop--open\">\n      <div class=\"stn-pop__cont\">\n        <div class=\"stn-pop__panel\">\n          <div class=\"stn-pop__head\">\n            <h4>제목</h4>\n          </div>\n          <button type=\"button\" class=\"stn-pop__close\" aria-label=\"닫기\"></button>\n          <div class=\"stn-pop__body\"><!-- 본문 --></div>\n          <div class=\"stn-pop__actions\"><!-- StnButton primary · secondary --></div>\n        </div>\n      </div>\n    </div>`)}`\n\nexport const STN_POPUP_USAGE = `import { StnButton, StnPopup } from '@stn-uiux/pub-ui-react'\nimport { useState } from 'react'\n\nconst [open, setOpen] = useState(false)\n\n<StnButton size=\"M\" variant=\"contained\" onClick={() => setOpen(true)}>열기</StnButton>\n<StnPopup\n  open={open}\n  onClose={() => setOpen(false)}\n  size=\"md\"\n  title=\"제목\"\n  actions={\n    <StnButton size=\"S\" variant=\"contained\" onClick={() => setOpen(false)}>\n      확인\n    </StnButton>\n  }\n>\n  본문\n</StnPopup>`\n\nexport const STN_POPUP_RESPONSIVE_NOTE =\n  '가로: `width: min(var(--stn-pop-active-width), calc(100vw - var(--stn-pop-gutter) * 2))` · `--full`: `calc(100vw - gutter×2)`. 세로: `.pop_con` overflow + `--stn-pop-max-height`.'\n\nexport const STN_POPUP_SHELL_PARTIAL =\n  '01 PC_HTML_Revision/html/_partials/popup-shell.partial.html'\n\nexport const STN_POPUP_SYNC_CSS = [\n  'packages/stn-pub-ui/css/stn-pub-popup.css',\n  '01 PC_HTML_Revision/resource/css/stn-pub-popup.css',\n  'style-pub.css · style.css → @import stn-popup.css',\n] as const\n\nexport const STN_POPUP_SIZES = [\n  {\n    id: 'xs',\n    label: 'Extra Small',\n    className: 'stn-pop--xs',\n    width: '400px',\n    token: '--stn-pop-width-xs',\n    usage: '단순 확인 · 삭제/경고 확인 얼럿 · 상태 변경',\n  },\n  {\n    id: 'sm',\n    label: 'Small',\n    className: 'stn-pop--sm',\n    width: '520px',\n    token: '--stn-pop-width-sm',\n    usage: '1~2개 입력 숏 폼 · 단축 검색 · 명칭 변경',\n  },\n  {\n    id: 'md',\n    label: 'Medium',\n    className: 'stn-pop--md',\n    width: '680px',\n    token: '--stn-pop-width-md',\n    usage: '단일 입력 폼 · 사용자 설정 · 저장 확인 (권장 기본)',\n  },\n  {\n    id: 'lg',\n    label: 'Large',\n    className: 'stn-pop--lg',\n    width: '920px',\n    token: '--stn-pop-width-lg',\n    usage: '복합 필터 · 2열 폼 · 짧은 테이블 목록',\n  },\n  {\n    id: 'xl',\n    label: 'XL',\n    className: 'stn-pop--xl',\n    width: '1200px',\n    token: '--stn-pop-width-xl',\n    usage: '대형 데이터 테이블 · 다열 프로비저닝 폼 · 대형 상세',\n  },\n  {\n    id: 'full',\n    label: 'Full',\n    className: 'stn-pop--full',\n    width: 'calc(100vw − 40px)',\n    token: '(viewport − gutter)',\n    usage: '전체 화면 대시보드 설정 및 토폴로지 매핑',\n  },\n] as const\n\nexport type StnPopupSizeId = (typeof STN_POPUP_SIZES)[number]['id']\n\n/** 레거시 `content.css` 고정 px → 권장 modifier (마이그레이션 참고) */\nexport function resolveStnPopupSizeFromWidth(px: number): StnPopupSizeId {\n  if (px <= 400) return 'xs'\n  if (px <= 480) return 'sm'\n  if (px <= 640) return 'md'\n  if (px <= 960) return 'lg'\n  if (px <= 1200) return 'xl'\n  return 'full'\n}\n\nexport const STN_POPUP_LEGACY_WIDTH_SAMPLES = [\n  { popClass: 'batch_equip_pop', widthPx: 1780, suggested: 'full' as const },\n  { popClass: 'template_history_pop', widthPx: 1565, suggested: 'full' as const },\n  { popClass: 'real_time_view_pop', widthPx: 1500, suggested: 'full' as const },\n  { popClass: 'select_equip_pop', widthPx: 1412, suggested: 'xl' as const },\n  { popClass: 'equip_regist_pop', widthPx: 1070, suggested: 'xl' as const },\n  { popClass: 'fail_measure_pop', widthPx: 1100, suggested: 'xl' as const },\n] as const\n\nexport const STN_POPUP_PARTS = [\n  { part: 'Stack', selector: '.stn-pop-stack', note: 'Dim + Modal 래퍼 · StnLayer.Modal (L2)' },\n  { part: 'Dim', selector: '.stn-layer-dim · .stn-elev--dim', note: 'L2 내장 scrim · blur · dim-hit 클릭 닫기' },\n  { part: 'Modal host', selector: '.stn-pop', note: 'L2 모달 도화지 · 중앙 정렬' },\n  { part: 'Width host', selector: '.stn-pop__cont', note: 'size modifier · responsive min()' },\n  {\n    part: 'Panel',\n    selector: '.stn-pop__panel',\n    note: 'surface · border · radius 8 · shadow · overflow',\n  },\n  {\n    part: 'Header',\n    selector: '.stn-pop__head',\n    note: '56px · h4 16 SemiBold · theme title token',\n  },\n  {\n    part: 'Close',\n    selector: '.stn-pop__close',\n    note: 'StnButton icon=\"line/x\" size=sm · top 14 / right 16',\n  },\n  { part: 'Body', selector: '.stn-pop__body', note: 'padding 20px · overflow auto · 화면별 슬롯' },\n  {\n    part: 'Actions',\n    selector: '.stn-pop__actions',\n    note: '56px · right/center · gap 8 · StnButton',\n  },\n] as const\n\nexport const STN_POPUP_TOKEN_ROWS = [\n  { token: '--stn-pop-gutter', resolvesTo: '20px', usage: '좌우·portal padding' },\n  { token: '--stn-pop-width-xs', resolvesTo: '400px', usage: '.stn-pop--xs · 단순 확인/얼럿' },\n  { token: '--stn-pop-width-sm', resolvesTo: '480px', usage: '.stn-pop--sm · 1~2개 입력 폼' },\n  { token: '--stn-pop-width-md', resolvesTo: '640px', usage: '.stn-pop--md · 기본 표준' },\n  { token: '--stn-pop-width-lg', resolvesTo: '960px', usage: '.stn-pop--lg · 2단 분할/상세' },\n  { token: '--stn-pop-width-xl', resolvesTo: '1200px', usage: '.stn-pop--xl · 대형 테이블/그리드' },\n  { token: '.stn-pop--full', resolvesTo: '100vw − gutter×2', usage: '전체화면 모달' },\n  { token: '--stn-pop-max-height', resolvesTo: 'min(85dvh, …)', usage: '.stn-pop 본문 스크롤' },\n  { token: '--stn-pop-header-height', resolvesTo: '56px', usage: '.stn-pop__head min-height' },\n  { token: '--stn-pop-footer-height', resolvesTo: '56px', usage: '.stn-pop__actions' },\n  { token: '--stn-pop-close-size', resolvesTo: 'icon-size.xsmall (16px)', usage: '.stn-pop__close hit' },\n  { token: '--stn-pop-close-icon', resolvesTo: 'icon-size.xsmall (16px)', usage: '.stn-pop__close glyph' },\n  { token: '--stn-pop-surface', resolvesTo: 'gray.850 (dark) · white (light)', usage: '.stn-pop__panel background' },\n  { token: '--stn-pop-border', resolvesTo: 'gray.700 (dark) · gray.100 (light)', usage: '.stn-pop__panel border' },\n  { token: '--stn-pop-title', resolvesTo: 'static.white (dark) · gray.650 (light)', usage: '.stn-pop__head h4' },\n  { token: '--stn-pop-shadow', resolvesTo: '0 0 10px black (dark) · 0 4px 10px / 25% (light)', usage: '팝업 패널' },\n  { token: '--stn-radius-pop-wrap', resolvesTo: 'radius.10', usage: '.stn-pop__panel border-radius' },\n  {\n    token: '--stn-dim-bg',\n    resolvesTo: 'Dark gray-950/50 · Light gray-900/20',\n    usage: 'StnLayer.Dim scrim',\n  },\n  {\n    token: '--stn-dim-blur',\n    resolvesTo: 'Dark 4px · Light 2px',\n    usage: 'backdrop-filter on scrim',\n  },\n] as const\n\nexport const STN_POPUP_INVENTORY_ROWS = [\n  {\n    pattern: 'Popup panel shell',\n    pubClass: '.stn-pop .stn-pop__panel',\n    size: 'radius 10 · 934 xl',\n    status: 'implemented' as const,\n  },\n  {\n    pattern: 'Size SM–Full',\n    pubClass: '.stn-pop--sm … --full',\n    size: 'responsive min(토큰, 100vw−40px)',\n    status: 'implemented' as const,\n  },\n  {\n    pattern: '화면별 width',\n    pubClass: '.equip_regist_pop .stn-pop__cont 등',\n    size: 'content.css override → xxl/2xl/full로 이전 권장',\n    status: 'partial' as const,\n  },\n  {\n    pattern: 'MUI Dialog (migrated)',\n    pubClass: '.stn-pop',\n    size: 'sm–full',\n    status: 'implemented' as const,\n  },\n] as const\n"],"mappings":"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","names":[]}

package/dist/chunk-FSSMH6VS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnLayer0Background.ts"],"sourcesContent":["/**\n * Infomap Layer 0 background pattern\n * Light: 41267 · 186876 · 186860 · 202895\n * Dark:  80488 · 35369 · 84014 · 91183\n * @see StnLayer0Background · layouts/stn-layer0-bg.css\n */\n\nexport const STN_LAYER0_BACKGROUND_FIGMA = {\n  none: '40000040:41267',\n  noneDark: '40000040:80488',\n  showroomA: '40000042:186876',\n  showroomADark: '40002117:35369',\n  showroomB: '40000042:186860',\n  showroomBDark: '40000040:84014',\n  mapLight: '40000042:202895',\n  mapDark: '40000040:91183',\n  login: '40004209:78293',\n  loginDark: '40004209:78293',\n  dashboard: '40004209:78300',\n  dashboardDark: '40004209:78300',\n} as const\n\nexport type StnLayer0BackgroundKind = 'color' | 'gradient' | 'image'\n\n/** Figma 예제 프리셋 — color 1종 · gradient 1종 · image 7종 (light/dark 자동 전환) */\nexport type StnLayer0BackgroundPreset = 'none' | 'gradient' | 'showroom-a' | 'showroom-b' | 'map-light' | 'login' | 'dashboard' | 'infomap' | 'infomap-none'\n\n/** Doc site · Pub HTML 기준 경로 — 앱에서는 동일 경로 또는 자산 URL로 교체 */\nexport {\n  STN_LAYER0_BACKGROUND_ASSET_PATHS,\n  STN_LAYER0_BACKGROUND_DEMO_IMAGES,\n} from './stnLayer0BackgroundAssets'\n\nexport const STN_LAYER0_BACKGROUND_INTRO =\n  '페이지 최하단 레벨(Level 0)에 위치하는 시스템 바닥면 배경 패턴입니다. 단색 컬러 및 맵·토폴로지 캔버스 배경 이미지를 `StnLayer0BackgroundPreset`으로 손쉽게 적용할 수 있습니다.'\n\nexport const STN_LAYER0_BACKGROUND_VARIANT_ROWS = [\n  {\n    preset: 'none',\n    kind: 'color',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.none,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.noneDark,\n    note: 'Light gradient · Dark elevation surface-0 (gray-950)',\n  },\n  {\n    preset: 'dashboard',\n    kind: 'image',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.dashboard,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.dashboardDark,\n    note: 'Dashboard · light/dark pair',\n  },\n  {\n    preset: 'infomap',\n    kind: 'image',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.dashboard,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.dashboardDark,\n    note: 'Infomap 3D Graphic · light/dark pair',\n  },\n  {\n    preset: 'infomap-none',\n    kind: 'image',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.dashboard,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.dashboardDark,\n    note: 'Infomap 3D Graphic (None/텍스트 없음) · light/dark pair',\n  },\n  {\n    preset: 'showroom-a',\n    kind: 'image',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.showroomA,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.showroomADark,\n    note: 'Showroom A · dark logo stage',\n  },\n  {\n    preset: 'showroom-b',\n    kind: 'image',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.showroomB,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.showroomBDark,\n    note: 'Showroom B · dark + radial vignette',\n  },\n  {\n    preset: 'map-light',\n    kind: 'image',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.mapLight,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.mapDark,\n    note: 'Map light(+20% white) · Map dark',\n  },\n  {\n    preset: 'login',\n    kind: 'image',\n    figma: STN_LAYER0_BACKGROUND_FIGMA.login,\n    figmaDark: STN_LAYER0_BACKGROUND_FIGMA.loginDark,\n    note: 'Login · light/dark pair',\n  },\n] as const satisfies ReadonlyArray<{\n  preset: StnLayer0BackgroundPreset\n  kind: StnLayer0BackgroundKind\n  figma: string\n  figmaDark: string\n  note: string\n}>\n\nexport const STN_LAYER0_BACKGROUND_USAGE = `import {\n  StnLayer,\n  StnLayer0Background,\n  StnLayer0BackgroundPreset,\n  DashboardPageScaffold,\n} from '@stn-uiux/pub-ui-react'\n\n/** Map / Topology — wrapClassName만 (맵 배경은 elevation CSS) */\n<DashboardPageScaffold\n  shell=\"layer\"\n  wrapClassName=\"stn-page--map-bg\"\n  gnb={…}\n  header={…}\n/>\n\n/** 일반 페이지 — L0 color (default = elevation-surface-0) */\n<StnLayer.Background>\n  <StnLayer0Background color=\"default\" />\n  <StnLayer.Content>{/* 본문 */}</StnLayer.Content>\n</StnLayer.Background>\n\n/** Figma image 프리셋 — showroom · map · login */\n<StnLayer.Background>\n  <StnLayer0BackgroundPreset variant=\"map-light\" />\n  <StnLayer.Content>{/* 본문 */}</StnLayer.Content>\n</StnLayer.Background>\n\n<StnLayer.Background>\n  <StnLayer0BackgroundPreset variant=\"login\" />\n  <StnLayer.Content>{/* 본문 */}</StnLayer.Content>\n</StnLayer.Background>\n\n/** 직접 조합 — light/dark 이미지 */\n<StnLayer.Background>\n  <StnLayer0Background\n    kind=\"image\"\n    src=\"/assets/bg-light.png\"\n    srcDark=\"/assets/bg-dark.png\"\n  />\n  <StnLayer.Content>…</StnLayer.Content>\n</StnLayer.Background>`\n\nexport const STN_LAYER0_BACKGROUND_USAGE_HTML = `<!-- L0 background — color / image -->\n<div class=\"stn-elev-0 stn-layer0-bg\">\n  <!-- color -->\n  <div class=\"stn-layer0-bg color default\" aria-hidden=\"true\"></div>\n\n  <!-- 또는 image -->\n  <div\n    class=\"stn-layer0-bg image\"\n    style=\"--stn-layer0-bg-image: url('/assets/bg-light.png')\"\n    aria-hidden=\"true\"\n  ></div>\n\n  <main class=\"stn-elev-1\"><!-- L1 content --></main>\n</div>`\n\nexport const STN_LAYER0_MAP_LIGHT_OVERLAY = 0.2\n\n/** Patterns → Background playground 프리셋 (UI 라벨 · 내부 variant) */\nexport type StnLayer0BackgroundPlaygroundPresetId =\n  | 'dashboard'\n  | 'infomap'\n  | 'infomap-none'\n  | 'color'\n  | 'gradient'\n  | 'map'\n  | 'topology'\n  | 'none'\n\nexport const STN_LAYER0_BACKGROUND_PLAYGROUND_PRESETS: {\n  id: StnLayer0BackgroundPlaygroundPresetId\n  label: string\n  asset: string\n  variant?: StnLayer0BackgroundPreset\n}[] = [\n  { id: 'dashboard', label: 'dashboard', asset: '대시보드 배경 (dashboard-light / dark)', variant: 'dashboard' },\n  { id: 'infomap', label: 'infomap', asset: '인포맵 3D 배경 (infomap-light / dark)', variant: 'infomap' },\n  { id: 'infomap-none', label: 'infomap-none', asset: '인포맵 3D (None/텍스트 없음)', variant: 'infomap-none' },\n  { id: 'color', label: 'color', asset: '단색 테마 배경 (solid default)', variant: 'none' },\n  { id: 'gradient', label: 'gradient', asset: '공식 앰비언트 그라데이션 (워시/심도)', variant: 'gradient' },\n  { id: 'map', label: 'map', asset: 'GIS 지도 배경 (map-light)', variant: 'map-light' },\n  { id: 'topology', label: 'topology', asset: '토폴로지 배경 (showroom-b)', variant: 'showroom-b' },\n  { id: 'none', label: 'none', asset: 'L0 배경 없음 (외부 캔버스 전용)', variant: 'none' },\n]\n"],"mappings":";AAOO,IAAM,8BAA8B;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AACjB;AAaO,IAAM,8BACX;AAEK,IAAM,qCAAqC;AAAA,EAChD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO,4BAA4B;AAAA,IACnC,WAAW,4BAA4B;AAAA,IACvC,MAAM;AAAA,EACR;AACF;AAQO,IAAM,8BAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CpC,IAAM,mCAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezC,IAAM,+BAA+B;AAarC,IAAM,2CAKP;AAAA,EACJ,EAAE,IAAI,aAAa,OAAO,aAAa,OAAO,kEAAoC,SAAS,YAAY;AAAA,EACvG,EAAE,IAAI,WAAW,OAAO,WAAW,OAAO,6DAAoC,SAAS,UAAU;AAAA,EACjG,EAAE,IAAI,gBAAgB,OAAO,gBAAgB,OAAO,gEAAwB,SAAS,eAAe;AAAA,EACpG,EAAE,IAAI,SAAS,OAAO,SAAS,OAAO,0DAA4B,SAAS,OAAO;AAAA,EAClF,EAAE,IAAI,YAAY,OAAO,YAAY,OAAO,oGAAyB,SAAS,WAAW;AAAA,EACzF,EAAE,IAAI,OAAO,OAAO,OAAO,OAAO,6CAAyB,SAAS,YAAY;AAAA,EAChF,EAAE,IAAI,YAAY,OAAO,YAAY,OAAO,sDAAwB,SAAS,aAAa;AAAA,EAC1F,EAAE,IAAI,QAAQ,OAAO,QAAQ,OAAO,+EAAwB,SAAS,OAAO;AAC9E;","names":[]}

package/dist/chunk-O77GW7PM.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-O77GW7PM.js.map

package/dist/chunk-RSKMNZIS.js

@@ -1,9 +0,0 @@
-// src/data/stnPackageVersion.ts
-var STN_UI_VERSION = "0.1.77";
-var STN_UI_VERSION_LABEL = "v0.1.77";
-
-export {
-  STN_UI_VERSION,
-  STN_UI_VERSION_LABEL
-};
-//# sourceMappingURL=chunk-RSKMNZIS.js.map

package/dist/chunk-RSKMNZIS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.77'\nexport const STN_UI_VERSION_LABEL = 'v0.1.77'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}