@stn-uiux/pub-ui 0.1.57 → 0.1.58

package/styles/components/stn-toast.css

@@ -176,6 +176,23 @@
   display: block;
 }
 
+/* --- Metric / Extra Info Box Slot --- */
+.stn-toast__metric-box {
+  background-color: var(--stn-surface-subtle, rgba(0, 0, 0, 0.25));
+  border: 1px solid var(--stn-border-subtle);
+  border-radius: var(--stn-radius-4, 4px);
+  padding: var(--stn-space-8, 8px) var(--stn-space-10, 10px);
+  font-size: var(--stn-text-body-small-size, 12px);
+  color: var(--stn-text-primary);
+  box-sizing: border-box;
+}
+
+.stn-toast__metric-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: var(--stn-space-8, 8px);
+}
+
 /* --- Close Button Slot --- */
 .stn-toast .stn-toast-close,
 .stn-toast > .stn-btn.icon {

package/styles/components/stn-toggle-button.css

@@ -232,6 +232,43 @@
   outline-offset: 2px;
 }
 
+/* ==========================================================================
+   Size Scale — 표준 통일 스케일: sm(24px) · md(32px, 기본값) · lg(40px) · xl(56px)
+   8px 그리드 — TextField / Button / Dropdown과 완벽 정렬
+   ========================================================================== */
+
+/* sm (24px) */
+.stn-toggle-btn.sm {
+  --stn-toggle-height: var(--stn-btn-height-sm);
+  --stn-toggle-font-size: var(--stn-btn-font-size-sm);
+  --stn-toggle-icon-size: var(--stn-icon-size-sm, 14px);
+  --stn-toggle-padding: 0 var(--stn-btn-padding-x-sm);
+}
+
+/* md (32px) — 기본값, 별도 클래스 없이 베이스 스타일 적용 */
+.stn-toggle-btn.md {
+  --stn-toggle-height: var(--stn-btn-height-md);
+  --stn-toggle-font-size: var(--stn-btn-font-size-md);
+  --stn-toggle-icon-size: var(--stn-icon-size-md, 16px);
+  --stn-toggle-padding: 0 var(--stn-btn-padding-x-md);
+}
+
+/* lg (40px) */
+.stn-toggle-btn.lg {
+  --stn-toggle-height: var(--stn-btn-height-lg);
+  --stn-toggle-font-size: var(--stn-btn-font-size-lg);
+  --stn-toggle-icon-size: var(--stn-icon-size-lg, 18px);
+  --stn-toggle-padding: 0 var(--stn-btn-padding-x-lg);
+}
+
+/* xl (56px) */
+.stn-toggle-btn.xl {
+  --stn-toggle-height: var(--stn-btn-height-xl);
+  --stn-toggle-font-size: var(--stn-btn-font-size-xl);
+  --stn-toggle-icon-size: var(--stn-icon-size-xl, 20px);
+  --stn-toggle-padding: 0 var(--stn-btn-padding-x-xl);
+}
+
 /* ==========================================================================
    Width Presets (.w80 ~ .w200 / .full)
    토글 버튼은 버튼 특성상 '최소 고정 너비(min-width)'로 작용하여,

package/styles/patterns/stn-alert-center.css

@@ -302,6 +302,91 @@
   line-height: var(--stn-line-height-reading);
 }
 
+/* ==========================================================================
+   5-1. Text Overflow Modes (wrap · ellipsis · marquee)
+   ========================================================================== */
+
+/* 공통: flex 컨테이너 오버플로우 축소 방지 */
+.stn-alert-card__title,
+.stn-alert-card__desc {
+  min-width: 0;
+  max-width: 100%;
+}
+
+/* 1) Wrap (줄바꿈) */
+.stn-alert-card__title.wrap,
+.stn-alert-card__desc.wrap,
+:is(.stn-alert-center.wrap, .stn-alert-center.title-wrap) .stn-alert-card__title,
+:is(.stn-alert-center.wrap, .stn-alert-center.desc-wrap) .stn-alert-card__desc {
+  white-space: normal;
+  word-break: break-all;
+}
+
+/* 2) Ellipsis (말줄임표 `...`) */
+.stn-alert-card__title.ellipsis,
+.stn-alert-card__desc.ellipsis,
+:is(.stn-alert-center.ellipsis, .stn-alert-center.title-ellipsis) .stn-alert-card__title,
+:is(.stn-alert-center.ellipsis, .stn-alert-center.desc-ellipsis) .stn-alert-card__desc {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.stn-alert-card__title.ellipsis .stn-alert-card__text-inner,
+.stn-alert-card__desc.ellipsis .stn-alert-card__text-inner,
+:is(.stn-alert-center.ellipsis, .stn-alert-center.title-ellipsis) .stn-alert-card__title .stn-alert-card__text-inner,
+:is(.stn-alert-center.ellipsis, .stn-alert-center.desc-ellipsis) .stn-alert-card__desc .stn-alert-card__text-inner {
+  display: inline;
+}
+
+/* 3) Marquee (전광판 롤링 흘러가기) */
+.stn-alert-card__title.marquee,
+.stn-alert-card__desc.marquee,
+:is(.stn-alert-center.marquee, .stn-alert-center.title-marquee) .stn-alert-card__title,
+:is(.stn-alert-center.marquee, .stn-alert-center.desc-marquee) .stn-alert-card__desc {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  position: relative;
+  mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
+  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
+}
+
+:is(.stn-alert-card__title, .stn-alert-card__desc).marquee .stn-alert-card__text-inner,
+:is(.stn-alert-center.marquee, .stn-alert-center.title-marquee) .stn-alert-card__title .stn-alert-card__text-inner,
+:is(.stn-alert-center.marquee, .stn-alert-center.desc-marquee) .stn-alert-card__desc .stn-alert-card__text-inner {
+  display: inline-block;
+  white-space: nowrap;
+  will-change: transform;
+  animation: stn-alert-marquee 12s linear infinite alternate;
+}
+
+.stn-alert-card:hover :is(.stn-alert-card__title, .stn-alert-card__desc).marquee .stn-alert-card__text-inner,
+:is(.stn-alert-center.marquee, .stn-alert-center.title-marquee) .stn-alert-card:hover .stn-alert-card__title .stn-alert-card__text-inner,
+:is(.stn-alert-center.marquee, .stn-alert-center.desc-marquee) .stn-alert-card:hover .stn-alert-card__desc .stn-alert-card__text-inner {
+  animation-play-state: paused;
+}
+
+/* Single-line tweaks for description line */
+.stn-alert-card__desc:is(.ellipsis, .marquee),
+:is(.stn-alert-center.ellipsis, .stn-alert-center.marquee, .stn-alert-center.desc-ellipsis, .stn-alert-center.desc-marquee) .stn-alert-card__body .stn-alert-card__desc-line {
+  flex-wrap: nowrap;
+}
+
+:is(.stn-alert-center.ellipsis, .stn-alert-center.marquee, .stn-alert-center.desc-ellipsis, .stn-alert-center.desc-marquee) .stn-alert-card__time-chip {
+  flex-shrink: 0;
+}
+
+@keyframes stn-alert-marquee {
+  0%, 15% {
+    transform: translateX(0);
+  }
+  85%, 100% {
+    transform: translateX(-40%);
+  }
+}
+
 /* 시간 + 읽음 dot 묶음 */
 .stn-alert-card__meta {
   display: flex;

package/styles/patterns/stn-tree.css

@@ -206,6 +206,11 @@
   line-height: 1;
 }
 
+.stn-tree__row.is-bold .stn-tree__label,
+.stn-tree__label.is-bold {
+  font-weight: var(--stn-font-weight-bold, 700);
+}
+
 .stn-tree__row--root .stn-tree__label {
   color: var(--stn-tree-label-root);
 }
@@ -225,3 +230,155 @@
 .stn-tree__row--folder[data-depth='3'] .stn-tree__label {
   color: var(--stn-tree-label-folder-nested);
 }
+
+/* 4depth+ folder — nested 토큰 그대로 유지 */
+.stn-tree__row--folder[data-depth='4'] .stn-tree__icon--folder .stn-tree__icon-glyph {
+  background-color: var(--stn-tree-icon-folder-nested);
+}
+
+.stn-tree__row--folder[data-depth='5'] .stn-tree__icon--folder .stn-tree__icon-glyph {
+  background-color: var(--stn-tree-icon-folder-nested);
+}
+
+.stn-tree__row--folder[data-depth='4'] .stn-tree__label {
+  color: var(--stn-tree-label-folder-nested);
+}
+
+.stn-tree__row--folder[data-depth='5'] .stn-tree__label {
+  color: var(--stn-tree-label-folder-nested);
+}
+
+/* ── 가이드 라인 숨김 수식어 (--no-guides) ──────────────────
+ * 인덴트 공간은 유지하고 연결선(connector · vertical) 글리프만 숨깁니다.
+ * 사용법: <StnTree guides={false} /> 또는 <StnTree className="stn-tree--no-guides" />
+ * ──────────────────────────────────────────────────────── */
+.stn-tree--no-guides .stn-tree__guide-glyph,
+.stn-tree--no-guides .stn-tree__cell--guide .stn-tree__guide-glyph {
+  display: none !important;
+}
+
+/* ── 너비 규격 수식어 (Tree 권장 표준 규격: w160~w240, full) ──
+ * width prop → .stn-tree--{w160|w180|w200|w220|w240|full}
+ * ──────────────────────────────────────────────────────── */
+.stn-tree--w80 { width: var(--stn-size-80, 80px); }
+.stn-tree--w100 { width: var(--stn-size-100, 100px); }
+.stn-tree--w120 { width: var(--stn-size-120, 120px); }
+.stn-tree--w140 { width: var(--stn-size-140, 140px); }
+.stn-tree--w160 { width: var(--stn-size-160, 160px); }
+.stn-tree--w180 { width: var(--stn-size-180, 180px); }
+.stn-tree--w200 { width: var(--stn-size-200, 200px); }
+.stn-tree--w220 { width: var(--stn-size-220, 220px); }
+.stn-tree--w240 { width: var(--stn-size-240, 240px); }
+.stn-tree--full { width: 100%; }
+
+/* ── 선택/호버 테두리 곡률 수식어 (Border Radius) ────────────
+ * radius prop → .stn-tree--radius-{none|sm|md|full}
+ * ──────────────────────────────────────────────────────── */
+.stn-tree--radius-none .stn-tree__row { border-radius: var(--stn-radius-0, 0px); }
+.stn-tree--radius-sm .stn-tree__row { border-radius: var(--stn-radius-4, 4px); }
+.stn-tree--radius-md .stn-tree__row { border-radius: var(--stn-radius-8, 8px); }
+.stn-tree--radius-full .stn-tree__row { border-radius: var(--stn-radius-circle, 9999px); }
+
+/* ── 가시성(눈) 토글 버튼 및 숨김 상태 ──────────────────────
+ * showVisibilityToggle={true} 일 때 행 우측 끝에 표시됩니다.
+ * ──────────────────────────────────────────────────────── */
+.stn-tree__visibility-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+  margin-right: var(--stn-space-4, 4px);
+  padding: 0;
+  width: 20px;
+  height: 20px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: var(--stn-radius-2, 2px);
+  opacity: 0.7;
+  transition: opacity 0.15s ease;
+}
+
+.stn-tree__visibility-btn:hover {
+  opacity: 1;
+}
+
+.stn-tree__visibility-btn:focus-visible {
+  outline: 2px solid var(--stn-tree-focus);
+  outline-offset: 1px;
+}
+
+.stn-tree__visibility-glyph {
+  display: block;
+  width: 14px;
+  height: 14px;
+  background-color: var(--stn-text-tertiary, #8b93a1);
+  mask-position: center;
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+}
+
+.stn-tree__visibility-glyph.is-off {
+  background-color: var(--stn-text-disabled, #a0aec0);
+}
+
+/* 숨김/미사용 처리된 노드 — 텍스트/아이콘 반투명(dimmed) */
+.stn-tree__row.is-hidden-node .stn-tree__label,
+.stn-tree__row.is-hidden-node .stn-tree__icon {
+  opacity: 0.38;
+}
+
+
+/* ── 행 높이 크기 수식어 (Row Size) ─────────────────────────
+ * size prop → .stn-tree--{xs|md|lg|xl} 수식어로 자동 적용.
+ * 기본값: sm (24px) — 수식어 없음.
+ *
+ * Guide cell: align-self:stretch + guide-glyph height:100% 로
+ * 행이 높아져도 vertical 연결선이 끊기지 않게 유지합니다.
+ * ──────────────────────────────────────────────────────── */
+
+/* xs — 20px: 초밀집 사이드바 목록 */
+.stn-tree--xs .stn-tree__row { min-height: 20px; }
+.stn-tree--xs .stn-tree__cell { height: 20px; }
+
+/* md — 32px: comfortable */
+.stn-tree--md .stn-tree__row { min-height: 32px; }
+.stn-tree--md .stn-tree__cell { height: 32px; }
+.stn-tree--md .stn-tree__cell--guide {
+  align-self: stretch;
+  height: auto;
+}
+.stn-tree--md .stn-tree__cell--guide .stn-tree__guide-glyph {
+  height: 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-size: 100% 100%;
+}
+
+/* lg — 40px: spacious */
+.stn-tree--lg .stn-tree__row { min-height: 40px; }
+.stn-tree--lg .stn-tree__cell { height: 40px; }
+.stn-tree--lg .stn-tree__cell--guide {
+  align-self: stretch;
+  height: auto;
+}
+.stn-tree--lg .stn-tree__cell--guide .stn-tree__guide-glyph {
+  height: 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-size: 100% 100%;
+}
+
+/* xl — 48px: extra spacious */
+.stn-tree--xl .stn-tree__row { min-height: 48px; }
+.stn-tree--xl .stn-tree__cell { height: 48px; }
+.stn-tree--xl .stn-tree__cell--guide {
+  align-self: stretch;
+  height: auto;
+}
+.stn-tree--xl .stn-tree__cell--guide .stn-tree__guide-glyph {
+  height: 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-size: 100% 100%;
+}

package/styles/style-pub.css

@@ -57,6 +57,7 @@
 @import './components/stn-loading-skeleton.css';
 @import './components/stn-search-requirement.css';
 @import './components/stn-text-field.css';
+@import './components/stn-label-prefix.css';
 @import './components/stn-segmented.css';
 @import './components/stn-toast.css';
 @import './components/stn-scroll.css';

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

@@ -66,6 +66,9 @@
   --stn-input-focus-bg: color-mix(in srgb, var(--stn-blue-250) 10%, transparent);
   --stn-input-focus-fg: var(--stn-blue-300);
   --stn-input-placeholder: var(--stn-gray-600);
+  --stn-label-prefix-label-bg: var(--stn-gray-800);
+  --stn-label-prefix-divider: var(--stn-gray-600);
+  --stn-label-prefix-label-color: var(--stn-gray-400);
   --stn-input-disabled-opacity: 0.55;
   --stn-input-filled-bg: var(--stn-gray-900);
   --stn-input-filled-border: transparent;
@@ -110,7 +113,7 @@
   --stn-tree-label-folder-nested: var(--stn-gray-200);
   --stn-tree-label-root: var(--stn-static-white);
   --stn-tree-label-server: var(--stn-gray-400);
-  --stn-tree-selected: var(--stn-gray-700);
+  --stn-tree-selected: var(--stn-gray-800);
   --stn-tree-server-icon: var(--stn-gray-400);
   --stn-scroll-thumb: var(--stn-gray-250);
   --stn-section-side-bg: var(--stn-gray-900);
@@ -632,6 +635,9 @@
   --stn-input-focus-bg: var(--stn-static-white);
   --stn-input-focus-fg: var(--stn-gray-600);
   --stn-input-placeholder: var(--stn-gray-400);
+  --stn-label-prefix-label-bg: var(--stn-gray-50);
+  --stn-label-prefix-divider: var(--stn-gray-200);
+  --stn-label-prefix-label-color: var(--stn-gray-500);
   --stn-input-disabled-opacity: 0.55;
   --stn-input-filled-bg: var(--stn-gray-50);
   --stn-input-filled-border: transparent;

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

@@ -23,11 +23,11 @@
   --stn-radius-control: var(--stn-radius-8);
   --stn-radius-input-sm: var(--stn-radius-4);
   --stn-radius-input-md: var(--stn-radius-4);
-  --stn-radius-input-lg: var(--stn-radius-6);
+  --stn-radius-input-lg: var(--stn-radius-8);
   --stn-radius-input-xl: var(--stn-radius-16);
   --stn-radius-dropdown-sm: var(--stn-radius-4);
   --stn-radius-dropdown-md: var(--stn-radius-4);
-  --stn-radius-dropdown-lg: var(--stn-radius-6);
+  --stn-radius-dropdown-lg: var(--stn-radius-8);
   --stn-radius-dropdown-prominent: var(--stn-radius-8);
   --stn-radius-segmented: var(--stn-radius-circle);
   --stn-radius-segmented-item: var(--stn-radius-16);
@@ -67,4 +67,5 @@
   --stn-widget-stat-card-radius: var(--stn-radius-8);
   --stn-widget-appearance-radius: var(--stn-radius-8);
   --stn-widget-scrollbar-radius: var(--stn-radius-4);
+  --stn-search-requirement-radius: var(--stn-radius-8);
 }

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

@@ -8,7 +8,7 @@
 
 :root {
   --stn-btn-height-xl: var(--stn-size-56);
-  --stn-btn-height-lg: var(--stn-size-44);
+  --stn-btn-height-lg: var(--stn-size-40);
   --stn-btn-height-md: var(--stn-size-32);
   --stn-btn-height-sm: var(--stn-size-24);
   --stn-btn-height-xs: var(--stn-size-16);
@@ -37,7 +37,22 @@
   --stn-dropdown-height-sm: var(--stn-size-24);
   --stn-dropdown-height-md: var(--stn-size-32);
   --stn-dropdown-height-lg: var(--stn-size-40);
-  --stn-dropdown-height-prominent: var(--stn-size-52);
+  --stn-dropdown-height-xl: var(--stn-size-56);
+  --stn-date-range-field-height-sm: var(--stn-size-24);
+  --stn-date-range-field-height-md: var(--stn-size-32);
+  --stn-date-range-field-height-lg: var(--stn-size-40);
+  --stn-date-range-field-height-xl: var(--stn-size-56);
+  --stn-date-range-field-min-width-sm: var(--stn-size-280);
+  --stn-date-range-field-min-width-md: var(--stn-size-340);
+  --stn-date-range-field-min-width-lg: var(--stn-size-360);
+  --stn-date-range-field-min-width-xl: var(--stn-size-400);
+  --stn-date-range-field-icon-size-sm: var(--stn-size-14);
+  --stn-date-range-field-icon-size-md: var(--stn-size-16);
+  --stn-date-range-field-icon-size-lg: var(--stn-size-16);
+  --stn-date-range-field-icon-size-xl: var(--stn-size-20);
+  --stn-search-requirement-border-width: var(--stn-size-1);
+  --stn-search-requirement-divider-height: var(--stn-size-18);
+  --stn-search-requirement-divider-width: var(--stn-size-1);
   --stn-text-field-icon-box-size: var(--stn-size-28);
   --stn-icon-box-size: var(--stn-size-28);
   --stn-icon-box-size-xs: var(--stn-size-20);
@@ -45,8 +60,8 @@
   --stn-icon-box-size-md: var(--stn-size-28);
   --stn-icon-box-size-lg: var(--stn-size-36);
   --stn-icon-box-size-xl: var(--stn-size-44);
-  --stn-pop-header-height: var(--stn-size-48);
-  --stn-pop-footer-height: var(--stn-size-64);
+  --stn-pop-header-height: var(--stn-size-56);
+  --stn-pop-footer-height: var(--stn-size-56);
   --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);
@@ -57,8 +72,6 @@
   --stn-pop-width-md: var(--stn-size-480);
   --stn-pop-width-lg: var(--stn-size-640);
   --stn-pop-width-xl: var(--stn-size-940);
-  --stn-pop-width-xxl: var(--stn-size-1200);
-  --stn-pop-width-2xl: var(--stn-size-1500);
   --stn-switch-track-w-sm: var(--stn-size-28);
   --stn-switch-track-w-md: var(--stn-size-36);
   --stn-switch-track-w-lg: var(--stn-size-44);

package/styles/tokens/stn-size.css

@@ -51,7 +51,9 @@
   --stn-size-260: 260px;
   --stn-size-280: 280px;
   --stn-size-320: 320px;
+  --stn-size-340: 340px;
   --stn-size-360: 360px;
+  --stn-size-400: 400px;
   --stn-size-480: 480px;
   --stn-size-500: 500px;
   --stn-size-640: 640px;

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

@@ -224,4 +224,16 @@
   --stn-widget-stat-card-padding: var(--stn-space-12);
   --stn-widget-head-bottom-compact: var(--stn-space-6);
   --stn-widget-panel-padding-end: var(--stn-space-2);
+  --stn-search-requirement-padding: var(--stn-space-16);
+  --stn-search-requirement-padding-y: var(--stn-space-16);
+  --stn-search-requirement-padding-x: var(--stn-space-16);
+  --stn-search-requirement-gap-row: var(--stn-space-20);
+  --stn-search-requirement-gap-col: var(--stn-space-16);
+  --stn-search-requirement-fields-gap: var(--stn-space-16);
+  --stn-search-requirement-field-gap: var(--stn-space-8);
+  --stn-search-requirement-compact-padding: var(--stn-space-12);
+  --stn-search-requirement-compact-padding-y: var(--stn-space-12);
+  --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);
 }

package/styles/tokens/stn-typography.css

@@ -74,6 +74,7 @@
   --stn-line-height-px-41: 41px;
   --stn-line-height-px-44: 44px;
   --stn-line-height-px-50: 50px;
+  --stn-line-height-px-54: 54px;
   --stn-line-height-px-60: 60px;
   --stn-line-height-px-65: 65px;
   --stn-line-height-px-98: 98px;

package/dist/chunk-4C7ABT2K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnSearchRequirement.ts"],"sourcesContent":["/**\n * Infomap 검색조건 패턴 — Figma 40000042:186893\n * @see StnSearchRequirementBar · `.search_area` (Pub HTML)\n */\n\nexport const STN_SEARCH_REQUIREMENT_FIGMA = '40000042:186893'\n\nexport const STN_SEARCH_REQUIREMENT_NAME = 'Search requirement bar'\n\n/** 한글 UI 라벨 (Infomap 제품) */\nexport const STN_SEARCH_REQUIREMENT_KO_NAME = '검색조건'\n\nexport const STN_SEARCH_REQUIREMENT_INTRO =\n  '목록 · 상세 조회 화면 상단에서 조건 필터링과 검색을 실행하는 검색바 패턴입니다. 텍스트 입력, 드롭다운, 날짜 선택과 엑셀 다운로드 버튼을 자유롭게 조합할 수 있습니다.'\n\nexport const STN_SEARCH_REQUIREMENT_SPEC = [\n  { property: 'Shell padding (Default)', value: '8px 16px', note: 'Figma py/px 표준' },\n  { property: 'Shell padding (Compact)', value: '6px 12px', note: '밀집형 바 (`density=\"compact\"`), gap 12px' },\n  { property: 'Shell radius', value: '8px', note: 'rounded card' },\n  {\n    property: 'Shell border',\n    value: 'Light gray-75 · Dark gray-700',\n    note: '`--stn-search-requirement-border`',\n  },\n  {\n    property: 'Shell bg',\n    value: 'transparent',\n    note: '`--stn-search-requirement-bg` · Figma list — no fill',\n  },\n  {\n    property: 'Shell shadow',\n    value: 'Light gray-75 · Dark black/35%',\n    note: '`--stn-search-requirement-shadow`',\n  },\n  { property: 'Main gap', value: '20px 16px', note: 'row-gap 20px, col-gap 16px' },\n  { property: 'Fields gap', value: '16px (Compact 12px)', note: 'field items inline gap' },\n  { property: 'Group divider', value: '1px × 18px', note: '`StnSearchRequirementBar.Divider` (수직 구분선)' },\n  { property: 'Label–control gap', value: '8px', note: 'inline gap between label and control' },\n  {\n    property: 'Label',\n    value: 'Light gray-850 · Dark gray-100',\n    note: '`--stn-search-requirement-label` · 14px semibold',\n  },\n  { property: 'Controls', value: '32px (M)', note: 'TextField · Dropdown · DateRangeField' },\n  { property: 'Search btn', value: 'StnButton primary M · 32px', note: 'search icon + label' },\n  {\n    property: 'Export',\n    value: 'StnButton ghost · line/file-analytics',\n    note: 'root 직속 · `margin-left: auto` 우측 정렬 · 트레이 없음',\n  },\n] as const\n\nexport const STN_SEARCH_REQUIREMENT_DEMO_FIELDS = {\n  reportTypeText: { label: '보고서 종류', value: '전체' },\n  reportTypeSelect: { label: '보고서 종류', value: '' },\n  periodType: { label: '기간 유형', value: '' },\n  period: {\n    label: '기간',\n    start: '2024-02-07 09:22:34',\n    end: '2024-03-07 09:22:34',\n  },\n} as const\n\nexport const STN_SEARCH_REQUIREMENT_USAGE = `import {\n  StnDateRangePickerField,\n  StnDropdown,\n  StnSearchRequirementBar,\n  StnTextField,\n} from '@stn-uiux/pub-ui-react'\n\nconst options = [{ value: '', label: '전체' }]\n\n<StnSearchRequirementBar>\n  <StnSearchRequirementBar.Fields>\n    <StnSearchRequirementBar.Field label=\"보고서 종류\">\n      <StnTextField size=\"M\" defaultValue=\"전체\" width={140} aria-label=\"Report type\" />\n    </StnSearchRequirementBar.Field>\n    <StnSearchRequirementBar.Field label=\"보고서 종류\">\n      <StnDropdown size=\"md\" width={130} options={options} defaultValue=\"\" aria-label=\"Report type\" />\n    </StnSearchRequirementBar.Field>\n    <StnSearchRequirementBar.Field label=\"기간 유형\">\n      <StnDropdown size=\"md\" width={130} options={options} defaultValue=\"\" aria-label=\"Period type\" />\n    </StnSearchRequirementBar.Field>\n    <StnSearchRequirementBar.Field label=\"기간\">\n      <StnDateRangePickerField size=\"M\" showTime defaultValue={{ start: null, end: null }} aria-label=\"Period\" />\n    </StnSearchRequirementBar.Field>\n  </StnSearchRequirementBar.Fields>\n  <StnSearchRequirementBar.SearchButton onClick={() => {}}>검색</StnSearchRequirementBar.SearchButton>\n  <StnSearchRequirementBar.Export onClick={() => {}} />\n</StnSearchRequirementBar>`\n\nexport const STN_SEARCH_REQUIREMENT_USAGE_HTML = `<!-- Pub .search_area — 검색조건 -->\n<section class=\"search_area stn-search-requirement\">\n  <div class=\"stn-search-requirement__fields\">\n    <div class=\"stn-search-requirement__field\">\n      <label class=\"stn-search-requirement__label\">보고서 종류</label>\n      <input type=\"text\" class=\"stn-text-field md\" value=\"전체\" />\n    </div>\n    <div class=\"stn-search-requirement__field\">\n      <label class=\"stn-search-requirement__label\">기간 유형</label>\n      <div class=\"stn-dropdown md\"></div>\n    </div>\n    <div class=\"stn-search-requirement__field\">\n      <label class=\"stn-search-requirement__label\">기간</label>\n      <button type=\"button\" class=\"stn-date-range-field\"></button>\n    </div>\n  </div>\n  <button type=\"button\" class=\"stn-btn contained md\">검색</button>\n  <button type=\"button\" class=\"stn-btn ghost md icon\" aria-label=\"Excel보내기\">\n    <!-- StnIcon line/file-analytics -->\n  </button>\n</section>`\n"],"mappings":";AAKO,IAAM,+BAA+B;AAErC,IAAM,8BAA8B;AAGpC,IAAM,iCAAiC;AAEvC,IAAM,+BACX;AAEK,IAAM,8BAA8B;AAAA,EACzC,EAAE,UAAU,2BAA2B,OAAO,YAAY,MAAM,2BAAiB;AAAA,EACjF,EAAE,UAAU,2BAA2B,OAAO,YAAY,MAAM,4DAAwC;AAAA,EACxG,EAAE,UAAU,gBAAgB,OAAO,OAAO,MAAM,eAAe;AAAA,EAC/D;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,EAAE,UAAU,YAAY,OAAO,aAAa,MAAM,6BAA6B;AAAA,EAC/E,EAAE,UAAU,cAAc,OAAO,uBAAuB,MAAM,yBAAyB;AAAA,EACvF,EAAE,UAAU,iBAAiB,OAAO,iBAAc,MAAM,sEAA6C;AAAA,EACrG,EAAE,UAAU,0BAAqB,OAAO,OAAO,MAAM,uCAAuC;AAAA,EAC5F;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,EAAE,UAAU,YAAY,OAAO,YAAY,MAAM,8CAAwC;AAAA,EACzF,EAAE,UAAU,cAAc,OAAO,iCAA8B,MAAM,sBAAsB;AAAA,EAC3F;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,IAAM,qCAAqC;AAAA,EAChD,gBAAgB,EAAE,OAAO,mCAAU,OAAO,eAAK;AAAA,EAC/C,kBAAkB,EAAE,OAAO,mCAAU,OAAO,GAAG;AAAA,EAC/C,YAAY,EAAE,OAAO,6BAAS,OAAO,GAAG;AAAA,EACxC,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AACF;AAEO,IAAM,+BAA+B;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;AA4BrC,IAAM,oCAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-Q3W7QA7N.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: 'xxl',\n    label: 'XXL',\n    className: 'stn-pop--xxl',\n    width: '1440px',\n    token: '--stn-pop-width-xxl',\n    usage: '대시보드 축약 뷰 · 대형 모니터링/관제 팝업',\n  },\n  {\n    id: '2xl',\n    label: '2XL',\n    className: 'stn-pop--2xl',\n    width: '1600px',\n    token: '--stn-pop-width-2xl',\n    usage: '실시간 관제 상세 · 대규모 토폴로지 매핑 팝업',\n  },\n  {\n    id: 'full',\n    label: 'Full bleed',\n    className: 'stn-pop--full',\n    width: 'calc(100vw − 40px)',\n    token: '(viewport − gutter)',\n    usage: '배치 장비·전체 화면 테이블 (1780px 등 → full 권장)',\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 <= 360) return 'sm'\n  if (px <= 480) return 'md'\n  if (px <= 640) return 'lg'\n  if (px <= 934) return 'xl'\n  if (px <= 1200) return 'xxl'\n  if (px <= 1500) return '2xl'\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: '2xl' as const },\n  { popClass: 'real_time_view_pop', widthPx: 1500, suggested: '2xl' as const },\n  { popClass: 'select_equip_pop', widthPx: 1412, suggested: '2xl' as const },\n  { popClass: 'equip_regist_pop', widthPx: 1070, suggested: 'xxl' as const },\n  { popClass: 'fail_measure_pop', widthPx: 1100, suggested: 'xxl' 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: 'gray.850 · gray.700 border · radius 10 · shadow · overflow',\n  },\n  {\n    part: 'Header',\n    selector: '.stn-pop__head',\n    note: '48px · h4 18 SemiBold · theme title token',\n  },\n  {\n    part: 'Close',\n    selector: '.stn-pop__close',\n    note: 'StnButton icon=\"line/x\" size=xsmall (16) · top 10 / right 8',\n  },\n  { part: 'Body', selector: '.stn-pop__body', note: 'padding 0 8px · overflow auto · 화면별 슬롯' },\n  {\n    part: 'Actions',\n    selector: '.stn-pop__actions',\n    note: '64px · center · gap 8 · StnButton primary→secondary',\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: '520px', usage: '.stn-pop--sm · 1~2개 입력 폼' },\n  { token: '--stn-pop-width-md', resolvesTo: '680px', usage: '.stn-pop--md · 기본 표준' },\n  { token: '--stn-pop-width-lg', resolvesTo: '920px', usage: '.stn-pop--lg · 2열 폼/상세' },\n  { token: '--stn-pop-width-xl', resolvesTo: '1200px', usage: '.stn-pop--xl · 대형 테이블/그리드' },\n  { token: '--stn-pop-width-xxl', resolvesTo: '1440px', usage: '.stn-pop--xxl · 대시보드/관제' },\n  { token: '--stn-pop-width-2xl', resolvesTo: '1600px', usage: '.stn-pop--2xl · 초대형 토폴로지' },\n  { token: '.stn-pop--full', resolvesTo: '100vw − gutter×2', usage: 'full-bleed · alias --full-bleed' },\n  { token: '--stn-pop-max-height', resolvesTo: 'min(85dvh, …)', usage: '.stn-pop 본문 스크롤' },\n  { token: '--stn-pop-header-height', resolvesTo: '48px', usage: '.stn-pop__head min-height' },\n  { token: '--stn-pop-footer-height', resolvesTo: '64px', 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-QT4HHVZH.js

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

package/dist/chunk-QT4HHVZH.js.map

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

package/dist/chunk-THCCTVUM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnDateRangeField.ts"],"sourcesContent":["/**\n * Pub datetime range field — Infomap `input` (Figma 40000042:186907)\n * @see common.css `.date_box` · Ant Design RangePicker\n */\n\nexport type StnDateRangeFieldSize = 'sm' | 'md' | 'lg' | 'S' | 'M' | 'L'\n\nexport const STN_DATE_RANGE_FIELD_FIGMA = '40000042:186907'\n\n/** DS·Figma 영문명 — Date range field (datetime 포함 시 DateTime range field) */\nexport const STN_DATE_RANGE_FIELD_NAME = 'Date range field'\n\nexport const STN_DATE_RANGE_FIELD_INTRO =\n  '검색·로그 필터용 **기간 선택**입니다. 트리거는 `StnDateRangeField` · 팝업 달력은 `StnDateRangePicker` / 통합 `StnDateRangePickerField`. Pub HTML `.date_box` · `ant-picker-dropdown` · `--calendar-*` 토큰.'\n\nexport const STN_DATE_RANGE_FIELD_DEMO = {\n  start: '2024-02-07 09:22:34',\n  end: '2024-03-07 09:22:34',\n} as const\n\nexport const STN_DATE_RANGE_FIELD_SIZE_ROWS: readonly {\n  size: StnDateRangeFieldSize\n  height: string\n  radius: string\n  fontSize: string\n  paddingX: string\n  iconSize: string\n  pubClass: string\n  usedIn: string\n}[] = [\n  {\n    size: 'sm',\n    height: '24px',\n    radius: '4px',\n    fontSize: '13px',\n    paddingX: '10px',\n    iconSize: '14px',\n    pubClass: 'stn-date-range-field sm',\n    usedIn: '좁은 검색줄',\n  },\n  {\n    size: 'md',\n    height: '32px',\n    radius: '4px',\n    fontSize: '13px',\n    paddingX: '12px',\n    iconSize: '16px',\n    pubClass: 'stn-date-range-field md',\n    usedIn: '검색영역 기간 (Figma)',\n  },\n  {\n    size: 'lg',\n    height: '40px',\n    radius: '6px',\n    fontSize: '14px',\n    paddingX: '12px',\n    iconSize: '16px',\n    pubClass: 'stn-date-range-field lg',\n    usedIn: '강조 검색',\n  },\n] as const\n\nexport const STN_DATE_RANGE_FIELD_USAGE = `import { StnDateRangeField } from '@stn-uiux/pub-ui-react'\n\n<StnDateRangeField\n  size=\"md\"\n  start={new Date('2024-02-07T09:22:34')}\n  end={new Date('2024-03-07T09:22:34')}\n  onClick={() => openRangePicker()}\n  aria-label=\"Search period\"\n/>`\n\nexport const STN_DATE_RANGE_FIELD_HTML = `<button\n  type=\"button\"\n  class=\"stn-date-range-field md\"\n  aria-label=\"Search period\"\n>\n  <span class=\"stn-date-range-field__inner\">\n    <span class=\"stn-date-range-field__text\">\n      <span class=\"stn-date-range-field__value\">2024-02-07 09:22:34</span>\n      <span class=\"stn-date-range-field__sep\" aria-hidden=\"true\">~</span>\n      <span class=\"stn-date-range-field__value\">2024-03-07 09:22:34</span>\n    </span>\n    <span class=\"stn-date-range-field__icon\" aria-hidden=\"true\"></span>\n  </span>\n</button>`\n\nexport function formatStnDateRangeFieldValue(date: Date): string {\n  const y = date.getFullYear()\n  const m = String(date.getMonth() + 1).padStart(2, '0')\n  const d = String(date.getDate()).padStart(2, '0')\n  const h = String(date.getHours()).padStart(2, '0')\n  const min = String(date.getMinutes()).padStart(2, '0')\n  const s = String(date.getSeconds()).padStart(2, '0')\n  return `${y}-${m}-${d} ${h}:${min}:${s}`\n}\n\nexport function parseStnDateRangeFieldValue(value: string): Date | null {\n  const trimmed = value.trim()\n  if (!trimmed) return null\n  const normalized = trimmed.replace(' ', 'T')\n  const parsed = new Date(normalized)\n  return Number.isNaN(parsed.getTime()) ? null : parsed\n}\n"],"mappings":";AAOO,IAAM,6BAA6B;AAGnC,IAAM,4BAA4B;AAElC,IAAM,6BACX;AAEK,IAAM,4BAA4B;AAAA,EACvC,OAAO;AAAA,EACP,KAAK;AACP;AAEO,IAAM,iCASP;AAAA,EACJ;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AACF;AAEO,IAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUnC,IAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAelC,SAAS,6BAA6B,MAAoB;AAC/D,QAAM,IAAI,KAAK,YAAY;AAC3B,QAAM,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AACrD,QAAM,IAAI,OAAO,KAAK,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAChD,QAAM,IAAI,OAAO,KAAK,SAAS,CAAC,EAAE,SAAS,GAAG,GAAG;AACjD,QAAM,MAAM,OAAO,KAAK,WAAW,CAAC,EAAE,SAAS,GAAG,GAAG;AACrD,QAAM,IAAI,OAAO,KAAK,WAAW,CAAC,EAAE,SAAS,GAAG,GAAG;AACnD,SAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACxC;AAEO,SAAS,4BAA4B,OAA4B;AACtE,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAC3C,QAAM,SAAS,IAAI,KAAK,UAAU;AAClC,SAAO,OAAO,MAAM,OAAO,QAAQ,CAAC,IAAI,OAAO;AACjD;","names":[]}

package/dist/chunk-WRGBYWRV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnDropdown.ts"],"sourcesContent":["/**\n * StnDropdown — native `<select>` · custom menu (`div.selected` + `ul.select_option`)\n * @see common.css · content.css (cctv-header, simple_board_area, ip_mpls)\n */\n\nexport type StnDropdownMode = 'native' | 'menu'\n\nexport type StnDropdownSize = 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnDropdownVariant = 'outline' | 'standard' | 'filled'\nexport type StnDropdownHelperTextPosition = 'top' | 'bottom' | 'left' | 'right'\nexport type StnDropdownDirection = 'down' | 'up'\n\n/** native: select에 class 직접 · wrapper: div.stn-dropdown > select.selected */\nexport type StnDropdownNativeLayout = 'inline' | 'wrapper'\n\nexport type StnDropdownModifier =\n  | 'pageSize'\n  | 'serverFilter'\n  | 'networkArea'\n  | 'fullWidth'\n\nexport type StnDropdownOption = {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\n/** StnDropdown menu sm/md/lg/xl — height only · width는 `width`/`fullWidth` */\nexport const STN_DROPDOWN_SIZE_ROWS: readonly {\n  size: StnDropdownSize\n  height: string\n  radius: string\n  fontSize: string\n  pubClass: string\n  typicalWidth: string\n  usedIn: string\n}[] = [\n  {\n    size: 'sm',\n    height: '24px',\n    radius: '4px (radius-4)',\n    fontSize: '13px',\n    pubClass: 'stn-dropdown sm',\n    typicalWidth: 'width 프리셋 · 기본 180px · fullWidth=100%',\n    usedIn: '폼·테이블 셀 · 좁은 검색',\n  },\n  {\n    size: 'md',\n    height: '32px',\n    radius: '4px (radius-4)',\n    fontSize: '13px',\n    pubClass: 'stn-dropdown md',\n    typicalWidth: 'width 프리셋 · 기본 180px · fullWidth=100%',\n    usedIn: '검색영역 · interface_list',\n  },\n  {\n    size: 'lg',\n    height: '40px',\n    radius: '6px (radius-6)',\n    fontSize: '14px',\n    pubClass: 'stn-dropdown lg',\n    typicalWidth: 'width 프리셋 · 기본 180px · fullWidth=100%',\n    usedIn: '강조 검색 · 넓은 라벨 열',\n  },\n  {\n    size: 'xl',\n    height: '52px',\n    radius: '8px (radius-8)',\n    fontSize: '15px',\n    pubClass: 'stn-dropdown xl',\n    typicalWidth: 'width 프리셋 · 기본 180px · fullWidth=100%',\n    usedIn: 'CCTV 헤더 검색 · 대형 대시보드 메뉴 (기존 prominent 통합)',\n  },\n] as const\n\nexport const STN_DROPDOWN_INTRO =\n  'Infomap **input** 크롬 + `.stn-dropdown` 계약입니다. **Light** (`40000042:186901`) — white · gray-200 · gray-600. **Dark** (modal `40000040:75056`) — TextField와 동일 `--stn-input-*`. Chevron: Figma `40000040:101798` `icon/line/arrow-right` 12px (`/@assets/svg/system/line/arrow-right.svg` · rotate 90°). React 표준 **`StnDropdown` menu** — sm/md/lg(24·32·40px) · width 프리셋/fullWidth.'\n\nexport const STN_DROPDOWN_INVENTORY: readonly {\n  id: string\n  mode: StnDropdownMode\n  size: StnDropdownSize\n  pubClass: string\n  height: string\n  typicalWidth: string\n  usedIn: string\n  exampleHtml: string\n}[] = [\n  {\n    id: 'native-search-md',\n    mode: 'native',\n    size: 'md',\n    pubClass: 'stn-dropdown stn-dropdown--size-md',\n    height: '32px',\n    typicalWidth: '130px (.search_area) · 기본 180px',\n    usedIn: '검색영역 — interface_list, device_detail',\n    exampleHtml: 'ip_mpls/interface_list.html',\n  },\n  {\n    id: 'native-form-sm',\n    mode: 'native',\n    size: 'sm',\n    pubClass: 'stn-dropdown stn-dropdown--size-sm',\n    height: '24px',\n    typicalWidth: '100% (.w100p) · 60–100px 인라인',\n    usedIn: '등록/상세 폼, IP-MPLS 테이블 셀',\n    exampleHtml: 'ip_mpls/interface_regist.html',\n  },\n  {\n    id: 'native-wrapper',\n    mode: 'native',\n    size: 'md',\n    pubClass: 'stn-dropdown > select.selected',\n    height: '32px',\n    typicalWidth: '130px',\n    usedIn: '처리상태 등 — wrapper 안에 select',\n    exampleHtml: 'dev_version/device_detail.html',\n  },\n  {\n    id: 'native-search-field',\n    mode: 'native',\n    size: 'md',\n    pubClass: 'stn-dropdown > select.selected.select_search',\n    height: '32px',\n    typicalWidth: 'auto',\n    usedIn: '검색분야 선택 + 텍스트 input 조합',\n    exampleHtml: 'dev_version/access_log.html',\n  },\n  {\n    id: 'menu-cctv-prominent',\n    mode: 'menu',\n    size: 'md',\n    pubClass: 'stn-dropdown stn-dropdown--prominent · .selected · .select_option',\n    height: '52px (prominent)',\n    typicalWidth: '110px (cctv-header) · 200px (simple_board)',\n    usedIn: 'CCTV 헤더 검색 — React `StnDropdownMenu`',\n    exampleHtml: 'koscom/honeycomb.html',\n  },\n  {\n    id: 'menu-board-prominent',\n    mode: 'menu',\n    size: 'md',\n    pubClass: 'simple_board_area .search_area .stn-dropdown.stn-dropdown--prominent',\n    height: '52px (prominent)',\n    typicalWidth: '200px',\n    usedIn: '간편 게시판 검색 — `StnDropdownMenu`',\n    exampleHtml: 'basic/simple_dashboard.html',\n  },\n  {\n    id: 'native-page-size',\n    mode: 'native',\n    size: 'md',\n    pubClass: 'stn-dropdown stn-table__page-size',\n    height: '32px',\n    typicalWidth: 'min 72px',\n    usedIn: '테이블 footer 페이지 크기',\n    exampleHtml: 'dev_version/device_detail.html',\n  },\n  {\n    id: 'native-server-filter',\n    mode: 'native',\n    size: 'md',\n    pubClass: 'stn-dropdown server_filter',\n    height: '32px',\n    typicalWidth: 'default',\n    usedIn: '프로세스 팝업 검색',\n    exampleHtml: 'dev_version/process (pop)',\n  },\n  {\n    id: 'native-network-area',\n    mode: 'native',\n    size: 'md',\n    pubClass: 'stn-dropdown network_area_box',\n    height: '32px',\n    typicalWidth: 'default',\n    usedIn: '토폴로지·망영역 선택',\n    exampleHtml: 'config topology screens',\n  },\n] as const\n\nexport const STN_DROPDOWN_HTML_COUNTS = {\n  nativeSelectBoxFiles: 56,\n  customMenuFiles: 12,\n  smallTysFiles: 17,\n  wrapperSelectFiles: 13,\n} as const\n\nexport const STN_DROPDOWN_USAGE = `import { StnDropdown } from '@stn-uiux/pub-ui-react'\n\n// size = 높이 · width = 별도 (80·100·140·180·200 · fullWidth)\n<StnDropdown size=\"sm\" width={100} options={gradeOptions} value={grade} onChange={setGrade} />\n<StnDropdown size=\"md\" width={180} options={shutdownOptions} value={shutdown} onChange={setShutdown} />\n<StnDropdown size=\"lg\" fullWidth options={statusOptions} value={status} onChange={setStatus} />`\n\nexport const STN_DROPDOWN_HTML = `<!-- StnDropdown · 커스텀 드롭다운 -->\n<div class=\"stn-dropdown md\">\n  <div class=\"selected\">선택값</div>\n  <ul class=\"select_option\">\n    <li>옵션 1</li>\n  </ul>\n</div>`\n\nexport const STN_DROPDOWN_MENU_INTRO =\n  '검색줄·대시보드용 **두꺼운 커스텀 메뉴**(52px, radius 8px). Pub `cctv-header` / `simple_board_area`와 동일 계열입니다. React는 `StnDropdownMenu`(`stn-dropdown--prominent`)를 쓰고, 일반 드롭다운 sm/md/lg는 `StnDropdown`입니다.'\n\nexport const STN_DROPDOWN_MENU_USAGE = `import { StnDropdownMenu } from '@stn-uiux/pub-ui-react'\n\n<StnDropdownMenu\n  width={110}\n  options={[\n    { value: 'all', label: '전체' },\n    { value: 'group', label: '그룹명' },\n    { value: 'device', label: '장비명' },\n  ]}\n  value={field}\n  onChange={setField}\n  aria-label=\"검색 필드\"\n/>`\n"],"mappings":";AA6BO,IAAM,yBAQP;AAAA,EACJ;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,EACV;AACF;AAEO,IAAM,qBACX;AAEK,IAAM,yBASP;AAAA,EACJ;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AACF;AAEO,IAAM,2BAA2B;AAAA,EACtC,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AACtB;AAEO,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,IAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ1B,IAAM,0BACX;AAEK,IAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}