@stn-uiux/pub-ui 0.1.63 → 0.1.64

package/styles/components/stn-text-area.css

@@ -0,0 +1,375 @@
+@charset "utf-8";
+/**
+ * STN Pub TextArea (Figma Infomap multi-line input)
+ *
+ * StnTextField의 디자인 토큰과 스타일을 100% 계승하여 완벽한 시각적 일관성을 제공합니다.
+ *
+ * Variant: `.outlined` · `.filled` · `.standard` · `.transparent`
+ * Size: `.xs` · `.sm` · `.md` · `.lg` · `.xl`
+ * Width: `.w80` · `.w100` · `.w120` · `.w140` · `.w160` · `.w180` · `.w200` · `.full`
+ * Color: `.success` · `.error` · `.warning` · `.info`
+ * Resize: `.resize-none` · `.resize-vertical` · `.resize-horizontal` · `.resize-both`
+ * Wrap & Footer: `.stn-text-area-wrap` · `.stn-text-area__label` · `.stn-text-area__footer` · `.stn-text-area__helper` · `.stn-text-area__count`
+ */
+
+.stn-text-area {
+  box-sizing: border-box;
+  display: inline-block;
+  margin: 0;
+  width: var(--stn-text-area-width, 100%);
+  min-width: var(--stn-text-area-min-width, 0);
+  max-width: 100%;
+  min-height: var(--stn-text-area-min-height, 80px);
+  padding: var(--stn-text-area-padding-y, var(--stn-space-8)) var(--stn-text-area-padding-x, var(--stn-space-10));
+  border: var(--stn-input-border-width, var(--stn-size-1)) solid var(--stn-input-border);
+  border-radius: var(--stn-text-area-radius, var(--stn-radius-input-md));
+  background-color: var(--stn-input-bg);
+  color: var(--stn-input-fg);
+  font-family: var(--stn-font-body, inherit);
+  font-size: var(--stn-text-area-font-size, var(--stn-text-body-small-size));
+  font-weight: var(--stn-font-weight-medium);
+  line-height: var(--stn-text-area-line-height, var(--stn-line-height-px-22));
+  outline: none;
+  resize: vertical;
+  appearance: none;
+  -webkit-appearance: none;
+  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.stn-text-area::placeholder {
+  color: var(--stn-input-placeholder);
+  font-weight: var(--stn-font-weight-medium);
+}
+
+.stn-text-area:focus:not([readonly]) {
+  border: var(--stn-input-focus);
+  background-color: var(--stn-input-focus-bg, var(--stn-input-bg));
+  color: var(--stn-input-focus-fg, var(--stn-input-fg));
+}
+
+.stn-text-area[readonly] {
+  cursor: default;
+}
+
+.stn-text-area[readonly]:focus-visible {
+  outline: var(--stn-focus-ring-width, var(--stn-size-2)) solid var(--stn-focus-ring);
+  outline-offset: var(--stn-focus-ring-offset, var(--stn-size-2));
+}
+
+.stn-text-area:disabled {
+  cursor: not-allowed;
+  opacity: var(--stn-input-disabled-opacity);
+}
+
+/* ── 1. Variants ── */
+.stn-text-area.outlined {
+  border: var(--stn-input-border-width, var(--stn-size-1)) solid var(--stn-input-border);
+  background-color: var(--stn-input-bg);
+}
+
+.stn-text-area.filled {
+  border: var(--stn-input-border-width, var(--stn-size-1)) solid var(--stn-input-filled-border, transparent);
+  background-color: var(--stn-input-filled-bg, var(--stn-input-bg));
+}
+
+.stn-text-area.filled:focus:not([readonly]) {
+  border: var(--stn-input-focus);
+  background-color: var(--stn-input-filled-bg, var(--stn-input-bg));
+  color: var(--stn-input-focus-fg, var(--stn-input-fg));
+}
+
+.stn-text-area.standard {
+  border: none;
+  border-bottom: var(--stn-input-border-width, var(--stn-size-1)) solid var(--stn-input-border);
+  border-radius: var(--stn-radius-0);
+  background-color: transparent;
+  padding-inline: 0;
+}
+
+.stn-text-area.standard:focus:not([readonly]) {
+  border: none;
+  border-bottom: var(--stn-input-focus);
+  background-color: transparent;
+  color: var(--stn-input-focus-fg, var(--stn-input-fg));
+}
+
+.stn-text-area.transparent {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+}
+
+.stn-text-area.transparent:focus:not([readonly]) {
+  border: none;
+  background-color: transparent;
+}
+
+/* ── 2. Invalid State ── */
+.stn-text-area[aria-invalid='true'],
+.stn-text-area.invalid {
+  border-color: var(--stn-feedback-error);
+}
+
+.stn-text-area.standard[aria-invalid='true'],
+.stn-text-area.standard.invalid {
+  border-color: transparent;
+  border-bottom-color: var(--stn-feedback-error);
+}
+
+.stn-text-area.transparent[aria-invalid='true'],
+.stn-text-area.transparent.invalid {
+  border-bottom: var(--stn-size-1, 1px) solid var(--stn-feedback-error);
+}
+
+.stn-text-area:is(.invalid, [aria-invalid='true']) {
+  --stn-input-focus: var(--stn-input-focus-width, var(--stn-size-1)) solid var(--stn-feedback-error);
+  --stn-input-focus-fg: var(--stn-feedback-error);
+}
+
+/* ── 3. Color Tokens ── */
+.stn-text-area.success {
+  --stn-text-area-accent: var(--stn-feedback-success);
+}
+
+.stn-text-area.error {
+  --stn-text-area-accent: var(--stn-feedback-error);
+}
+
+.stn-text-area.warning {
+  --stn-text-area-accent: var(--stn-feedback-warning);
+}
+
+.stn-text-area.info {
+  --stn-text-area-accent: var(--stn-feedback-info);
+}
+
+.stn-text-area:is(.success, .error, .warning, .info) {
+  --stn-input-border: var(--stn-text-area-accent);
+  --stn-input-filled-border: var(--stn-text-area-accent);
+  --stn-input-focus: var(--stn-input-focus-width, var(--stn-size-1)) solid var(--stn-text-area-accent);
+  --stn-input-focus-fg: var(--stn-text-area-accent);
+}
+
+/* ── 4. Width Presets (GEMINI.md Rule 3) ── */
+:is(.stn-text-area, .stn-text-area-wrap).w80 {
+  --stn-text-area-width: var(--stn-size-80, 80px);
+  width: var(--stn-size-80, 80px);
+}
+
+:is(.stn-text-area, .stn-text-area-wrap).w100 {
+  --stn-text-area-width: var(--stn-size-100, 100px);
+  width: var(--stn-size-100, 100px);
+}
+
+:is(.stn-text-area, .stn-text-area-wrap).w120 {
+  --stn-text-area-width: var(--stn-size-120, 120px);
+  width: var(--stn-size-120, 120px);
+}
+
+:is(.stn-text-area, .stn-text-area-wrap).w140 {
+  --stn-text-area-width: var(--stn-size-140, 140px);
+  width: var(--stn-size-140, 140px);
+}
+
+:is(.stn-text-area, .stn-text-area-wrap).w160 {
+  --stn-text-area-width: var(--stn-size-160, 160px);
+  width: var(--stn-size-160, 160px);
+}
+
+:is(.stn-text-area, .stn-text-area-wrap).w180 {
+  --stn-text-area-width: var(--stn-size-180, 180px);
+  width: var(--stn-size-180, 180px);
+}
+
+:is(.stn-text-area, .stn-text-area-wrap).w200 {
+  --stn-text-area-width: var(--stn-size-200, 200px);
+  width: var(--stn-size-200, 200px);
+}
+
+:is(.stn-text-area, .stn-text-area-wrap).full {
+  --stn-text-area-width: 100%;
+  width: 100%;
+}
+
+/* ── 5. Size Presets (GEMINI.md Rule 1) ── */
+.stn-text-area.xs {
+  --stn-text-area-min-height: 56px;
+  --stn-text-area-padding-y: var(--stn-space-4);
+  --stn-text-area-padding-x: var(--stn-space-8);
+  --stn-text-area-radius: var(--stn-radius-input-sm, var(--stn-radius-4));
+  --stn-text-area-font-size: var(--stn-text-caption-medium-size);
+  --stn-text-area-line-height: var(--stn-line-height-px-18);
+}
+
+.stn-text-area.sm {
+  --stn-text-area-min-height: 64px;
+  --stn-text-area-padding-y: var(--stn-space-6);
+  --stn-text-area-padding-x: var(--stn-text-field-padding-x-sm, var(--stn-space-10));
+  --stn-text-area-radius: var(--stn-radius-input-sm, var(--stn-radius-4));
+  --stn-text-area-font-size: var(--stn-text-body-small-size);
+  --stn-text-area-line-height: var(--stn-line-height-px-20);
+}
+
+.stn-text-area.md {
+  --stn-text-area-min-height: 80px;
+  --stn-text-area-padding-y: var(--stn-space-8);
+  --stn-text-area-padding-x: var(--stn-text-field-padding-x-md, var(--stn-space-10));
+  --stn-text-area-radius: var(--stn-radius-input-md, var(--stn-radius-4));
+  --stn-text-area-font-size: var(--stn-text-body-small-size);
+  --stn-text-area-line-height: var(--stn-line-height-px-22);
+}
+
+.stn-text-area.lg {
+  --stn-text-area-min-height: 100px;
+  --stn-text-area-padding-y: var(--stn-space-10);
+  --stn-text-area-padding-x: var(--stn-text-field-padding-x-lg, var(--stn-space-12));
+  --stn-text-area-radius: var(--stn-radius-input-lg, var(--stn-radius-6));
+  --stn-text-area-font-size: var(--stn-text-body-medium-size);
+  --stn-text-area-line-height: var(--stn-line-height-px-24);
+}
+
+.stn-text-area.xl {
+  --stn-text-area-min-height: 120px;
+  --stn-text-area-padding-y: var(--stn-space-12);
+  --stn-text-area-padding-x: var(--stn-text-field-padding-x-xl, var(--stn-space-16));
+  --stn-text-area-radius: var(--stn-radius-input-xl, var(--stn-radius-16));
+  --stn-text-area-font-size: var(--stn-text-body-small-size);
+  --stn-text-area-line-height: var(--stn-line-height-px-24);
+}
+
+/* ── 6. Resize Options ── */
+.stn-text-area.resize-none {
+  resize: none;
+}
+
+.stn-text-area.resize-vertical {
+  resize: vertical;
+}
+
+.stn-text-area.resize-horizontal {
+  resize: horizontal;
+}
+
+.stn-text-area.resize-both {
+  resize: both;
+}
+
+/* ── 7. Wrap & Label & Footer Layout ── */
+.stn-text-area-wrap {
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: stretch;
+  flex-shrink: 0;
+  width: var(--stn-text-area-width, 100%);
+  min-width: var(--stn-text-area-min-width, 0);
+  max-width: 100%;
+  vertical-align: top;
+}
+
+.stn-text-area-wrap .stn-text-area {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.stn-text-area__label {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--stn-space-4);
+  font-family: var(--stn-font-body, inherit);
+  font-size: var(--stn-text-body-small-size);
+  font-weight: var(--stn-font-weight-medium);
+  color: var(--stn-text-primary);
+  line-height: var(--stn-line-height-default);
+  white-space: nowrap;
+  user-select: none;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.stn-text-area__label-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--stn-text-secondary);
+}
+
+.stn-text-area__required {
+  color: var(--stn-feedback-error);
+  font-weight: var(--stn-font-weight-bold);
+  line-height: var(--stn-line-height-tight);
+}
+
+/* Top Label (기본 Column 배치) */
+.stn-text-area-wrap--col {
+  flex-direction: column;
+  gap: var(--stn-space-6);
+}
+
+.stn-text-area-wrap--col .stn-text-area-wrap__body {
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+/* Left / Right Label (Row 배치: 여러 줄 입력이므로 align-items: flex-start) */
+.stn-text-area-wrap--row {
+  flex-direction: row;
+  align-items: flex-start;
+  gap: var(--stn-space-12);
+}
+
+.stn-text-area-wrap--row .stn-text-area__label {
+  padding-top: var(--stn-space-8);
+}
+
+.stn-text-area-wrap--row .stn-text-area-wrap__body {
+  display: inline-flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Footer: Helper Text (좌측) + Character Counter (우측) */
+.stn-text-area__footer {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--stn-space-8);
+  margin: var(--stn-space-4) 0 0;
+  padding: 0;
+  width: 100%;
+}
+
+.stn-text-area__helper {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-family: var(--stn-font-body, inherit);
+  font-size: var(--stn-text-caption-medium-size);
+  font-weight: var(--stn-font-weight-regular);
+  line-height: var(--stn-text-caption-medium-line-height);
+  color: var(--stn-text-secondary);
+  text-align: left;
+  word-break: break-word;
+}
+
+.stn-text-area__helper--error {
+  color: var(--stn-feedback-error);
+}
+
+.stn-text-area__count {
+  box-sizing: border-box;
+  margin: 0 0 0 auto;
+  padding: 0;
+  font-family: var(--stn-font-body, inherit);
+  font-size: var(--stn-text-caption-medium-size);
+  font-weight: var(--stn-font-weight-regular);
+  line-height: var(--stn-text-caption-medium-line-height);
+  color: var(--stn-text-secondary);
+  white-space: nowrap;
+  user-select: none;
+}

package/styles/components/stn-tooltip.css

@@ -18,28 +18,6 @@
  * - `.stn-tooltip.no-arrow`: 말풍선 꼬리 숨김
  */
 
-:root,
-[data-theme='dark'] {
-  --stn-tooltip-bg-neutral: var(--stn-gray-700);
-  --stn-tooltip-fg-neutral: var(--stn-static-white);
-  --stn-tooltip-border-neutral: var(--stn-gray-600);
-  --stn-tooltip-outlined-fg-neutral: var(--stn-gray-100);
-  --stn-tooltip-shadow: var(--stn-shadow-3);
-  --stn-tooltip-radius: var(--stn-radius-tooltip, var(--stn-radius-6));
-  --stn-tooltip-border-width: var(--stn-size-1);
-  --stn-tooltip-z-index: 1000;
-  --stn-tooltip-blur: var(--stn-space-8);
-  --stn-tooltip-outlined-bg: var(--stn-opacity-black-60);
-}
-
-[data-theme='light'] {
-  --stn-tooltip-bg-neutral: var(--stn-gray-600);
-  --stn-tooltip-fg-neutral: var(--stn-static-white);
-  --stn-tooltip-border-neutral: var(--stn-gray-600);
-  --stn-tooltip-outlined-fg-neutral: var(--stn-gray-600);
-  --stn-tooltip-outlined-bg: var(--stn-opacity-white-60);
-}
-
 /* ==========================================================================
    1. Trigger Wrapper
    ========================================================================== */
@@ -57,12 +35,19 @@
 .stn-tooltip {
   --stn-tooltip-bg: var(--stn-tooltip-bg-neutral);
   --stn-tooltip-fg: var(--stn-tooltip-fg-neutral);
+  --stn-tooltip-shadow: var(--stn-shadow-tooltip, var(--stn-shadow-3));
+  --stn-tooltip-radius: var(--stn-radius-tooltip, var(--stn-radius-6));
+  --stn-tooltip-border-width: var(--stn-size-1);
+  --stn-tooltip-z-index: 1000;
+  --stn-tooltip-blur: var(--stn-space-8);
+  --stn-tooltip-offset: var(--stn-space-8);
   --stn-tooltip-font-size: var(--stn-text-caption-medium-size);
   --stn-tooltip-pad-y: var(--stn-space-4);
   --stn-tooltip-pad-x: var(--stn-space-8);
   --stn-tooltip-min-height: var(--stn-size-24);
   --stn-tooltip-arrow-size: var(--stn-size-6);
   --stn-tooltip-gap: var(--stn-space-4);
+  --stn-tooltip-offset: var(--stn-space-8);
 
   position: absolute;
   z-index: var(--stn-tooltip-z-index);
@@ -137,7 +122,7 @@
 /* Top (기본): 요소 위쪽, 아래쪽을 가리키는 꼬리 */
 .stn-tooltip.top,
 .stn-tooltip:not(.bottom):not(.left):not(.right) {
-  bottom: calc(100% + var(--stn-space-6));
+  bottom: calc(100% + var(--stn-tooltip-offset, var(--stn-space-8)));
   left: 50%;
   transform: translateX(-50%) translateY(var(--stn-space-4));
 }
@@ -160,7 +145,7 @@
 
 /* Bottom: 요소 아래쪽, 위쪽을 가리키는 꼬리 */
 .stn-tooltip.bottom {
-  top: calc(100% + var(--stn-space-6));
+  top: calc(100% + var(--stn-tooltip-offset, var(--stn-space-8)));
   left: 50%;
   transform: translateX(-50%) translateY(calc(-1 * var(--stn-space-4)));
 }
@@ -178,7 +163,7 @@
 
 /* Left: 요소 왼쪽, 오른쪽을 가리키는 꼬리 */
 .stn-tooltip.left {
-  right: calc(100% + var(--stn-space-6));
+  right: calc(100% + var(--stn-tooltip-offset, var(--stn-space-8)));
   top: 50%;
   transform: translateY(-50%) translateX(var(--stn-space-4));
 }
@@ -196,7 +181,7 @@
 
 /* Right: 요소 오른쪽, 왼쪽을 가리키는 꼬리 */
 .stn-tooltip.right {
-  left: calc(100% + var(--stn-space-6));
+  left: calc(100% + var(--stn-tooltip-offset, var(--stn-space-8)));
   top: 50%;
   transform: translateY(-50%) translateX(calc(-1 * var(--stn-space-4)));
 }

package/styles/layouts/stn-layer1-content.css

@@ -318,6 +318,20 @@
 /* ==========================================================================
    6. List view — 모바일/태블릿 반응형 (스크롤 & LNB/테이블 높이)
    ========================================================================== */
+/* LNB 헤더 행 & 타이틀 기본 공통 규격 (펼침/접힘 모두 space-between 기본 적용) */
+.stn-list-lnb__header-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.stn-list-lnb__header-title {
+  display: flex;
+  align-items: center;
+  gap: var(--stn-space-8);
+}
+
 @media (max-width: 1279px) {
   /* 태블릿/모바일(column)에서는 본문 컨테이너가 스크롤되어 LNB -> 검색바 -> 테이블 순으로 전체 탐색 가능 */
   .stn-layer-1__body > .stn-container {
@@ -336,6 +350,17 @@
     flex-shrink: 0;
   }
 
+  /* 모바일(1280px 미만) 토글 버튼: 세로 아코디언 방향(위/아래)에 맞춰 90도 회전 */
+  .stn-list-lnb .stn-list-lnb__toggle-btn {
+    transform: rotate(90deg);
+    transition: transform 0.2s ease;
+  }
+
+  /* 모바일 펼침/접힘 모두 타이틀(좌측 끝)과 토글 버튼(우측 끝) 정렬 유지 */
+  .stn-list-lnb .stn-list-lnb__header-row {
+    justify-content: space-between !important;
+  }
+
   /* 모바일 접힘 시 아코디언 헤더만 표시 */
   .stn-list-lnb.is-collapsed {
     max-height: none;

package/styles/style-pub.css

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

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

@@ -67,6 +67,11 @@
   --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-tooltip-bg-neutral: var(--stn-gray-700);
+  --stn-tooltip-fg-neutral: var(--stn-static-white);
+  --stn-tooltip-border-neutral: var(--stn-gray-600);
+  --stn-tooltip-outlined-fg-neutral: var(--stn-gray-100);
+  --stn-tooltip-outlined-bg: var(--stn-opacity-black-60);
   --stn-label-prefix-divider: var(--stn-gray-600);
   --stn-label-prefix-label-color: var(--stn-gray-400);
   --stn-input-disabled-opacity: 0.55;
@@ -574,6 +579,24 @@
   --stn-event-banner-wr-shadow: 0 12px 36px var(--stn-opacity-black-85), inset 0 0 12px color-mix(in srgb, var(--stn-teal-400) 12%, transparent);
   --stn-event-banner-wr-blink-rest: 0 8px 32px var(--stn-opacity-black-70), inset 0 0 12px color-mix(in srgb, var(--stn-teal-400) 12%, transparent);
   --stn-event-banner-wr-blink-peak: 0 8px 32px var(--stn-opacity-black-70), inset 0 0 42px color-mix(in srgb, var(--stn-teal-400) 65%, transparent);
+  --stn-status-switch-bg: var(--stn-gray-900);
+  --stn-status-switch-border: var(--stn-gray-700);
+  --stn-status-switch-color: var(--stn-gray-400);
+  --stn-status-switch-badge-bg: var(--stn-gray-800);
+  --stn-status-switch-badge-color: var(--stn-gray-400);
+  --stn-status-switch-thumb-bg: var(--stn-gray-600);
+  --stn-status-switch-checked-border: var(--stn-blue-400);
+  --stn-status-switch-checked-bg: color-mix(in srgb, var(--stn-blue-500) 18%, var(--stn-gray-950));
+  --stn-status-switch-checked-color: var(--stn-blue-200);
+  --stn-status-switch-checked-badge-bg: var(--stn-blue-400);
+  --stn-status-switch-checked-badge-color: var(--stn-static-white);
+  --stn-status-switch-checked-thumb-bg: var(--stn-blue-300);
+  --stn-status-switch-checked-thumb-shadow: 0 0 6px var(--stn-blue-400);
+  --stn-status-flow-step-bg: var(--stn-gray-850);
+  --stn-status-flow-step-border: var(--stn-gray-700);
+  --stn-status-flow-step-color: var(--stn-gray-200);
+  --stn-status-flow-connector-color: var(--stn-gray-600);
+  --stn-status-flow-connector-opacity: 0.6;
 }
 
 [data-theme='light'] {
@@ -638,6 +661,11 @@
   --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-tooltip-bg-neutral: var(--stn-gray-600);
+  --stn-tooltip-fg-neutral: var(--stn-static-white);
+  --stn-tooltip-border-neutral: var(--stn-gray-600);
+  --stn-tooltip-outlined-fg-neutral: var(--stn-gray-600);
+  --stn-tooltip-outlined-bg: var(--stn-opacity-white-60);
   --stn-input-disabled-opacity: 0.55;
   --stn-input-filled-bg: var(--stn-gray-50);
   --stn-input-filled-border: transparent;
@@ -1145,4 +1173,22 @@
   --stn-event-banner-wr-shadow: 0 12px 32px color-mix(in srgb, var(--stn-static-black) 14%, transparent), inset 0 0 16px color-mix(in srgb, var(--stn-teal-450) 12%, transparent);
   --stn-event-banner-wr-blink-rest: 0 8px 32px color-mix(in srgb, var(--stn-static-black) 14%, transparent), inset 0 0 16px color-mix(in srgb, var(--stn-teal-450) 12%, transparent);
   --stn-event-banner-wr-blink-peak: 0 8px 32px color-mix(in srgb, var(--stn-static-black) 14%, transparent), inset 0 0 42px color-mix(in srgb, var(--stn-teal-450) 65%, transparent);
+  --stn-status-switch-bg: var(--stn-gray-100);
+  --stn-status-switch-border: var(--stn-gray-300);
+  --stn-status-switch-color: var(--stn-gray-600);
+  --stn-status-switch-badge-bg: var(--stn-gray-200);
+  --stn-status-switch-badge-color: var(--stn-gray-600);
+  --stn-status-switch-thumb-bg: var(--stn-gray-400);
+  --stn-status-switch-checked-border: var(--stn-blue-500);
+  --stn-status-switch-checked-bg: color-mix(in srgb, var(--stn-blue-500) 10%, var(--stn-static-white));
+  --stn-status-switch-checked-color: var(--stn-blue-600);
+  --stn-status-switch-checked-badge-bg: var(--stn-blue-500);
+  --stn-status-switch-checked-badge-color: var(--stn-static-white);
+  --stn-status-switch-checked-thumb-bg: var(--stn-blue-500);
+  --stn-status-switch-checked-thumb-shadow: 0 0 4px color-mix(in srgb, var(--stn-blue-500) 50%, transparent);
+  --stn-status-flow-step-bg: var(--stn-gray-100);
+  --stn-status-flow-step-border: var(--stn-gray-300);
+  --stn-status-flow-step-color: var(--stn-gray-800);
+  --stn-status-flow-connector-color: var(--stn-gray-400);
+  --stn-status-flow-connector-opacity: 0.7;
 }

package/dist/chunk-A5KLX6NX.js

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

package/dist/chunk-Q4QXONXL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnSystemIcons.ts"],"sourcesContent":["/**\n * Infomap Figma 스타일가이드 — 시스템 아이콘 카탈로그\n * Source: aM4VC49NEejqjOPd7DYkCr / icon component (40002193:30716)\n * Assets: styles/@assets/svg/system/{slug}.{ext}\n */\n\nimport { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated'\n\nexport type StnSystemIconStyle = 'line' | 'fill' | 'other'\n\nexport type StnSystemIconExt = 'svg' | 'png'\n\n\nexport type StnSystemIconRow = {\n  id: string\n  name: string\n  /** path under /@assets/svg/system/ without extension */\n  slug: string\n  label: string\n  style: StnSystemIconStyle\n  ext: StnSystemIconExt\n}\n\nfunction styleFromSlug(slug: string): StnSystemIconStyle {\n  if (slug.startsWith('line/')) return 'line'\n  if (slug.startsWith('fill/')) return 'fill'\n  return 'other'\n}\n\nfunction labelFromName(name: string): string {\n  return name.replace(/^icon\\/(line|fill|3d)\\//, '').replace(/^icon\\//, '')\n}\n\nconst RAW: Array<{ id: string; name: string; slug: string; ext?: StnSystemIconExt }> = [\n  { id: '40002193:30717', name: 'icon/blank', slug: 'blank' },\n  { id: '40002193:30721', name: 'icon/line/server_3', slug: 'line/server_3' },\n  { id: '40002193:30732', name: 'icon/line/server_2', slug: 'line/server_2' },\n  { id: '40002193:30740', name: 'icon/line/server_1', slug: 'line/server_1' },\n  { id: '40002193:30745', name: 'icon/line/home', slug: 'line/home' },\n  { id: '40002193:30749', name: 'icon/fill/ractangle_up', slug: 'fill/ractangle_up' },\n  { id: '40002193:30752', name: 'icon/fill/ractangle_down', slug: 'fill/ractangle_down' },\n  { id: '40002193:30755', name: 'icon/line/arrow right', slug: 'line/arrow-right' },\n  { id: '40002193:30757', name: 'icon/line/arrow left', slug: 'line/arrow-left' },\n  { id: '40002193:30759', name: 'icon/line/apps', slug: 'line/apps' },\n  { id: '40002193:30766', name: 'icon/line/refresh', slug: 'line/refresh' },\n  { id: '40002193:30770', name: 'icon/line/battery-4', slug: 'line/battery-4' },\n  { id: '40002193:30777', name: 'icon/line/terminal', slug: 'line/terminal' },\n  { id: '40002193:30782', name: 'icon/line/bettery_2', slug: 'line/bettery_2' },\n  { id: '40002193:30787', name: 'icon/line/settings', slug: 'line/settings' },\n  { id: '40002193:30791', name: 'icon/line/plus', slug: 'line/plus' },\n  { id: '40002193:30795', name: 'icon/line/activity', slug: 'line/activity' },\n  { id: '40002193:30798', name: 'icon/line/clipboard', slug: 'line/clipboard' },\n  { id: '40002193:30806', name: 'icon/line/alert-triangle', slug: 'line/alert-triangle' },\n  { id: '40002193:30811', name: 'icon/line/chart-histogram', slug: 'line/chart-histogram' },\n  { id: '40002193:30815', name: 'icon/line/world', slug: 'line/world' },\n  { id: '40002193:30822', name: 'icon/line/detect', slug: 'line/detect' },\n  { id: '40002193:30827', name: 'icon/line/detect', slug: 'line/detect-alt' },\n  { id: '40002193:30835', name: 'icon/line/package', slug: 'line/package' },\n  { id: '40002193:30842', name: 'icon/line/database', slug: 'line/database' },\n  { id: '40002193:30847', name: 'icon/fill/exclamation-mark', slug: 'fill/exclamation-mark' },\n  { id: '40002193:30851', name: 'icon/line/vertical_line', slug: 'line/vertical_line' },\n  { id: '40002193:30854', name: 'icon/line/tree_connector', slug: 'line/tree_connector' },\n  { id: '40002193:30857', name: 'icon/line/tree_connector_midium', slug: 'line/tree_connector_midium' },\n  { id: '40002193:30860', name: 'icon/line/bell', slug: 'line/bell' },\n  { id: '40002193:30864', name: 'icon/line/bell-ring', slug: 'line/bell-ring' },\n  { id: '40002193:30870', name: 'icon/line/logout', slug: 'line/logout' },\n  { id: '40002193:30875', name: 'icon/line/user', slug: 'line/user' },\n  { id: 'stn:line/lock', name: 'icon/line/lock', slug: 'line/lock' },\n  { id: '40002193:30879', name: 'icon/line/arrows-up-down', slug: 'line/arrows-up-down' },\n  { id: '40002193:30885', name: 'icon/line/search', slug: 'line/search' },\n  { id: '40002193:30889', name: 'icon/line/adjustments-horizontal 1', slug: 'line/adjustments-horizontal' },\n  { id: '40002193:30900', name: 'icon/line/chart-bar', slug: 'line/chart-bar' },\n  { id: '40002193:30906', name: 'icon/line/chart-bar2', slug: 'line/chart-bar2' },\n  { id: '40002193:30912', name: 'icon/line/chart-bar-popular', slug: 'line/chart-bar-popular' },\n  { id: '40002193:30918', name: 'icon/line/layout-grid', slug: 'line/layout-grid' },\n  { id: '40002193:30924', name: 'icon/line/cpu', slug: 'line/cpu' },\n  { id: '40002193:30936', name: 'icon/line/arrow-narrow-up', slug: 'line/arrow-narrow-up' },\n  { id: '40002193:30941', name: 'icon/line/arrow-narrow-down', slug: 'line/arrow-narrow-down' },\n  { id: '40002193:30946', name: 'icon/line/chart-pie 1', slug: 'line/chart-pie' },\n  { id: '40002193:30950', name: 'icon/line/pencil-minus', slug: 'line/pencil-minus' },\n  { id: 'stn:line/trash', name: 'icon/line/trash', slug: 'line/trash' },\n  { id: 'stn:line/dots-vertical', name: 'icon/line/dots-vertical', slug: 'line/dots-vertical' },\n  { id: 'stn:line/minimize', name: 'icon/line/minimize', slug: 'line/minimize' },\n  { id: 'stn:line/panel-open', name: 'icon/line/panel-open', slug: 'line/panel-open' },\n  { id: 'stn:line/wifi', name: 'icon/line/wifi', slug: 'line/wifi' },\n  { id: 'stn:line/check-circle', name: 'icon/line/check-circle', slug: 'line/check-circle' },\n  { id: '40002193:30955', name: 'icon/line/report', slug: 'line/report' },\n  { id: '40002193:30964', name: 'icon/line/file-analytics 1', slug: 'line/file-analytics' },\n  { id: '40002193:30971', name: 'icon/line/restore', slug: 'line/restore' },\n  { id: '40002193:30976', name: 'icon/fill/server_3', slug: 'fill/server_3' },\n  { id: '40002193:30987', name: 'icon/fill/server_2', slug: 'fill/server_2' },\n  { id: '40002193:30995', name: 'icon/fill/server_1', slug: 'fill/server_1' },\n  { id: '40002193:31000', name: 'icon/fill/folder', slug: 'fill/folder' },\n  { id: '40002193:31003', name: 'icon/fill/folder-open', slug: 'fill/folder-open' },\n  { id: '40002193:31006', name: 'icon/fill/cloud-data-connection', slug: 'fill/cloud-data-connection' },\n  { id: '40002193:31009', name: 'icon/fill/exclamation-circle2', slug: 'fill/exclamation-circle2' },\n  { id: '40002193:31016', name: 'icon/fill/exclamation-circle', slug: 'fill/exclamation-circle' },\n  { id: '40002193:31023', name: 'icon/fill/type1', slug: 'fill/type1' },\n  { id: '40002193:31028', name: 'icon/fill/type2', slug: 'fill/type2' },\n  { id: '40002193:31036', name: 'icon/fill/info-hexagon 1', slug: 'fill/info-hexagon' },\n  { id: '40002193:31039', name: 'icon/fill/info-hexagon4', slug: 'fill/info-hexagon4' },\n  { id: '40002193:31046', name: 'icon/fill/info-hexagon_none', slug: 'fill/info-hexagon_none' },\n  { id: '40002193:31049', name: 'icon/fill/info-hexagon1', slug: 'fill/info-hexagon1' },\n  { id: '40002193:31056', name: 'icon/fill/info-hexagon3', slug: 'fill/info-hexagon3' },\n  { id: '40002193:31063', name: 'icon/fill/info-hexagon2', slug: 'fill/info-hexagon2' },\n  { id: '40002193:31071', name: 'icon/fill/exclamation-circle 1', slug: 'fill/exclamation-circle-alt' },\n  { id: '40002193:31074', name: 'icon/fill/alert1', slug: 'fill/alert1' },\n  { id: '40002193:31082', name: 'icon/fill/circle_none', slug: 'fill/circle_none' },\n  { id: '40002193:31085', name: 'icon/line/shield 1', slug: 'line/shield' },\n  { id: '40002193:31089', name: 'icon/fill/brightness-up 1', slug: 'fill/brightness-up' },\n  { id: '40002193:31100', name: 'icon/fill/system_status_on', slug: 'fill/system_status_on' },\n  { id: '40002193:31103', name: 'icon/fill/system_status_off', slug: 'fill/system_status_off' },\n  { id: '40002193:31106', name: 'icon/fill/alert4', slug: 'fill/alert4' },\n  { id: '40002193:31116', name: 'icon/fill/alert3', slug: 'fill/alert3' },\n  { id: '40002193:31124', name: 'icon/fill/alert2', slug: 'fill/alert2' },\n  { id: '40002193:31132', name: 'icon/line/shield-check 1', slug: 'line/shield-check' },\n  { id: '40002193:31136', name: 'icon/line/volume 1', slug: 'line/volume' },\n  { id: '40002193:31141', name: 'icon/fill/circle-dot 1', slug: 'fill/circle-dot' },\n  { id: '40002193:31146', name: 'icon/fill/moon 1', slug: 'fill/moon' },\n  { id: '40002193:31149', name: 'icon/line/map 1', slug: 'line/map' },\n  { id: '40002193:31155', name: 'icon/line/topology-ring-3 1', slug: 'line/topology-ring-3' },\n  { id: '40002193:31166', name: 'icon/line/sun-high 1', slug: 'line/sun-high' },\n  { id: '40002193:31177', name: 'icon/line/moon (1) 1', slug: 'line/moon' },\n  { id: '40002193:31180', name: 'icon/line/chart', slug: 'line/chart' },\n  { id: '40002193:31194', name: 'icon/line/bookmark 1', slug: 'line/bookmark' },\n  { id: '40002193:31197', name: 'icon/line/calendar-week 1', slug: 'line/calendar-week' },\n  { id: '40002193:31210', name: 'icon/line/player-pause (1) 1', slug: 'line/player-pause' },\n  { id: '40002193:31214', name: 'icon/fill/player-skip-forward (1) 1', slug: 'fill/player-skip-forward' },\n  { id: '40002193:31218', name: 'icon/line/ai-gateway 1', slug: 'line/ai-gateway' },\n  { id: '40002193:31225', name: 'icon/line/database (1) 1', slug: 'line/database-alt' },\n  { id: '40002193:31230', name: 'icon/fill/player-pause 1', slug: 'fill/player-pause' },\n  { id: '40002193:31234', name: 'icon/fill/player-play (1) 1', slug: 'fill/player-play' },\n  { id: '40002193:31237', name: 'icon/line/network 1', slug: 'line/network' },\n  { id: '40002193:31247', name: 'icon/line/player-skip-forward 1', slug: 'line/player-skip-forward' },\n  { id: '40002193:31251', name: 'icon/line/player-play 1', slug: 'line/player-play' },\n  { id: '40002193:31254', name: 'icon/line/affiliate 1', slug: 'line/affiliate' },\n  { id: '40002193:31262', name: 'icon/line/pin', slug: 'line/pin' },\n  { id: '40002193:31267', name: 'icon/line/eye', slug: 'line/eye' },\n  { id: '40002193:31271', name: 'icon/fill/square-rounded-letter-n 1', slug: 'fill/square-rounded-letter-n' },\n  { id: '40002193:31274', name: 'icon/fill/square-rounded-letter-n 2', slug: 'fill/square-rounded-letter-n-alt' },\n  { id: '40002193:31278', name: 'icon/line/clock 1', slug: 'line/clock' },\n  { id: '40002193:31281', name: 'icon/line/gamma', slug: 'line/gamma' },\n  { id: '40002193:31287', name: 'icon/line/brightness-2 1', slug: 'line/brightness-2' },\n  { id: '40002193:31318', name: 'icon/line/x 1', slug: 'line/x' },\n  { id: '40002193:31322', name: 'icon/fill/sparkles-2 (1) 1', slug: 'fill/sparkles-2' },\n  { id: 'stn:fill/dashboard', name: 'icon/fill/dashboard', slug: 'fill/dashboard' },\n  { id: 'stn:line/Organization', name: 'icon/line/Organization', slug: 'line/Organization' },\n  { id: 'stn:line/antenna-bars-1 1', name: 'icon/line/antenna-bars-1 1', slug: 'line/antenna-bars-1 1' },\n  { id: 'stn:line/arrows-diagonal 1', name: 'icon/line/arrows-diagonal 1', slug: 'line/arrows-diagonal 1' },\n  { id: 'stn:line/arrows-diagonal 2', name: 'icon/line/arrows-diagonal 2', slug: 'line/arrows-diagonal 2' },\n  { id: 'stn:line/arrows-maximize 1', name: 'icon/line/arrows-maximize 1', slug: 'line/arrows-maximize 1' },\n  { id: 'stn:line/arrows-minimize 1', name: 'icon/line/arrows-minimize 1', slug: 'line/arrows-minimize 1' },\n  { id: 'stn:line/brand-redhat 1', name: 'icon/line/brand-redhat 1', slug: 'line/brand-redhat 1' },\n  { id: 'stn:line/brand-windows 1', name: 'icon/line/brand-windows 1', slug: 'line/brand-windows 1' },\n  { id: 'stn:line/etc', name: 'icon/line/etc', slug: 'line/etc' },\n  { id: 'stn:line/exclamation-circle 6', name: 'icon/line/exclamation-circle 6', slug: 'line/exclamation-circle 6' },\n  { id: 'stn:line/input-check-mark', name: 'icon/line/input-check-mark', slug: 'line/input-check-mark' },\n  { id: 'stn:line/minus 2', name: 'icon/line/minus 2', slug: 'line/minus 2' },\n  { id: 'stn:line/refresh 1', name: 'icon/line/refresh 1', slug: 'line/refresh 1' },\n  { id: 'stn:line/rotate-clockwise 1', name: 'icon/line/rotate-clockwise 1', slug: 'line/rotate-clockwise 1' },\n  { id: 'stn:line/chevron-down', name: 'icon/line/chevron-down', slug: 'line/chevron-down' },\n  { id: 'stn:line/chevron-up', name: 'icon/line/chevron-up', slug: 'line/chevron-up' },\n  { id: 'stn:fill/danger', name: 'icon/fill/danger', slug: 'fill/danger' },\n  { id: 'stn:fill/detect-knob', name: 'icon/fill/detect-knob', slug: 'fill/detect-knob' },\n  { id: 'stn:fill/realtime', name: 'icon/fill/realtime', slug: 'fill/realtime' },\n  { id: 'stn:fill/report', name: 'icon/fill/report', slug: 'fill/report' },\n  { id: 'stn:fill/server_2_tree_light', name: 'icon/fill/server_2_tree_light', slug: 'fill/server_2_tree_light' },\n  { id: 'stn:fill/trend', name: 'icon/fill/trend', slug: 'fill/trend' },\n  { id: 'stn:fill/under_alarm', name: 'icon/fill/under_alarm', slug: 'fill/under_alarm' },\n  { id: 'stn:fill/under_exit', name: 'icon/fill/under_exit', slug: 'fill/under_exit' },\n  { id: 'stn:fill/under_setting', name: 'icon/fill/under_setting', slug: 'fill/under_setting' },\n  { id: 'stn:line/help-circle', name: 'icon/line/help-circle', slug: 'line/help-circle' },\n  { id: 'stn:line/alert-circle', name: 'icon/line/alert-circle', slug: 'line/alert-circle' },\n  { id: 'stn:line/chevron-right', name: 'icon/line/chevron-right', slug: 'line/chevron-right' },\n  { id: 'stn:line/star', name: 'icon/line/star', slug: 'line/star' },\n  { id: 'stn:line/external-link', name: 'icon/line/external-link', slug: 'line/external-link' },\n  { id: 'stn:line/check', name: 'icon/line/check', slug: 'line/check' },\n  { id: 'stn:line/eye', name: 'icon/line/eye', slug: 'line/eye' },\n  { id: 'stn:line/eye-off', name: 'icon/line/eye-off', slug: 'line/eye-off' },\n]\n\nexport const STN_SYSTEM_ICON_INTRO =\n  '시스템 아이콘은 화면에서 주요 기능과 정보를 직관적으로 전달하여 사용자 경험의 일관성을 유지합니다. Figma Infomap 스타일가이드 icon component 세트입니다. npm 패키지는 SVG를 번들하며, 문서 사이트는 /@assets/svg/system/ 정적 경로도 사용합니다.'\n\nexport const STN_SYSTEM_ICON_ROWS: StnSystemIconRow[] = RAW.map((row) => ({\n  ...row,\n  ext: row.ext ?? 'svg',\n  label: labelFromName(row.name),\n  style: styleFromSlug(row.slug),\n}))\n\n/** 문서·정적 HTML용 사이트 루트 경로 */\nexport function systemIconPublicPath(slug: string, ext: StnSystemIconExt = 'svg'): string {\n  return `/@assets/svg/system/${slug}.${ext}`\n}\n\nfunction normalizeIconSlug(name: string): string {\n  return name\n    .replace(/^icon\\//, '')\n    .replace(/^\\/?(@assets\\/svg\\/system\\/|svg\\/system\\/)/, '')\n    .replace(/\\.(svg|png)$/, '')\n}\n\n/**\n * 런타임 src — 기본적으로 번들된 Base64 Data URL을 반환하며, 없을 경우 정적 경로로 폴백\n */\nexport function systemIconSrc(slug: string, ext: StnSystemIconExt = 'svg'): string {\n  const norm = normalizeIconSlug(slug)\n  return SYSTEM_ICON_DATA_URLS[norm] ?? SYSTEM_ICON_DATA_URLS[slug] ?? systemIconPublicPath(slug, ext)\n}\n\nconst SYSTEM_ICON_BY_SLUG = new Map(STN_SYSTEM_ICON_ROWS.map((row) => [row.slug, row]))\n\n/**\n * Iconography slug → 런타임 src (Base64 Data URL 또는 폴백 경로).\n * - `line/home` · `fill/folder` · `blank` …\n */\nexport function resolveSystemIconSrcFromName(name: string): string | null {\n  const norm = normalizeIconSlug(name)\n  if (SYSTEM_ICON_DATA_URLS[norm]) return SYSTEM_ICON_DATA_URLS[norm]\n  if (SYSTEM_ICON_DATA_URLS[name]) return SYSTEM_ICON_DATA_URLS[name]\n\n  const row = SYSTEM_ICON_BY_SLUG.get(name) || SYSTEM_ICON_BY_SLUG.get(norm)\n  if (row) return systemIconSrc(row.slug, row.ext)\n  if (\n    norm.startsWith('line/') ||\n    norm.startsWith('fill/')\n  ) {\n    return systemIconSrc(norm, 'svg')\n  }\n  return null\n}\n\nexport { SYSTEM_ICON_DATA_URLS }\n"],"mappings":"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","names":[]}