@stn-uiux/pub-ui 0.1.84 → 0.1.86

package/dist/chunk-2PIUQUBN.js

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

package/dist/chunk-2PIUQUBN.js.map

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

package/dist/{chunk-BYGKJSDN.js → chunk-6HRKKRTT.js}

@@ -3,7 +3,8 @@ var FEEDBACK_PRIMITIVE_HEX = {
   "pub.blue.400": "#00aeef",
   "pub.green.400": "#1fa550",
   "pub.yellow.300": "#ffdc53",
-  "pub.red.400": "#d61f3a"
+  "pub.red.400": "#d61f3a",
+  "pub.purple.400": "#8b5cf6"
 };
 var STN_FEEDBACK_SOURCE = {
   info: {
@@ -33,6 +34,13 @@ var STN_FEEDBACK_SOURCE = {
     descKo: "\uAE34\uAE09, \uC624\uB958",
     toastVar: "--stn-feedback-error",
     toastifyVar: "--stn-feedback-error"
+  },
+  discovery: {
+    hex: "#8b5cf6",
+    label: "DISCOVERY",
+    descKo: "\uC2E0\uADDC, \uBC1C\uACAC, \uD2B9\uBCC4 \uC548\uB0B4",
+    toastVar: "--stn-feedback-discovery",
+    toastifyVar: "--stn-feedback-discovery"
   }
 };
 var STN_FEEDBACK_SEMANTIC_ROWS = [
@@ -59,13 +67,20 @@ var STN_FEEDBACK_SEMANTIC_ROWS = [
     cssVar: "--stn-feedback-error",
     hex: FEEDBACK_PRIMITIVE_HEX["pub.red.400"],
     primitiveToken: "pub.red.400"
+  },
+  {
+    token: "pub.feedback.discovery",
+    cssVar: "--stn-feedback-discovery",
+    hex: FEEDBACK_PRIMITIVE_HEX["pub.purple.400"],
+    primitiveToken: "pub.purple.400"
   }
 ];
 var STN_FEEDBACK_BY_KIND = {
   info: STN_FEEDBACK_SEMANTIC_ROWS[0],
   success: STN_FEEDBACK_SEMANTIC_ROWS[1],
   warn: STN_FEEDBACK_SEMANTIC_ROWS[2],
-  error: STN_FEEDBACK_SEMANTIC_ROWS[3]
+  error: STN_FEEDBACK_SEMANTIC_ROWS[3],
+  discovery: STN_FEEDBACK_SEMANTIC_ROWS[4]
 };
 
 export {
@@ -73,4 +88,4 @@ export {
   STN_FEEDBACK_SEMANTIC_ROWS,
   STN_FEEDBACK_BY_KIND
 };
-//# sourceMappingURL=chunk-BYGKJSDN.js.map
+//# sourceMappingURL=chunk-6HRKKRTT.js.map

package/dist/chunk-6HRKKRTT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnFeedbackColors.ts"],"sourcesContent":["import type { StnSemanticTokenRow } from './stnColorPalette'\n\n/** stnPubColorPalette.ts 와 동기 — 순환 import 방지를 위해 리터럴 사용 */\nconst FEEDBACK_PRIMITIVE_HEX = {\n  'pub.blue.400': '#00aeef',\n  'pub.green.400': '#1fa550',\n  'pub.yellow.300': '#ffdc53',\n  'pub.red.400': '#d61f3a',\n  'pub.purple.400': '#8b5cf6',\n} as const\n\n/** 01 PC_HTML_Revision · pub/pub.css `--toastify-color-*` (아이콘·progress bar; toastTheme light/dark) */\nexport const STN_FEEDBACK_SOURCE = {\n  info: {\n    hex: '#3498db',\n    label: 'INFO',\n    descKo: '안내, 정보',\n    toastVar: '--stn-feedback-info',\n    toastifyVar: '--stn-feedback-info',\n  },\n  success: {\n    hex: '#07bc0c',\n    label: 'SUCCESS',\n    descKo: '완료, 성공',\n    toastVar: '--stn-feedback-success',\n    toastifyVar: '--stn-feedback-success',\n  },\n  warn: {\n    hex: '#f1c40f',\n    label: 'WARN',\n    descKo: '주의, 경고',\n    toastVar: '--stn-feedback-warning',\n    toastifyVar: '--stn-feedback-warning',\n  },\n  error: {\n    hex: '#e74c3c',\n    label: 'ERROR',\n    descKo: '긴급, 오류',\n    toastVar: '--stn-feedback-error',\n    toastifyVar: '--stn-feedback-error',\n  },\n  discovery: {\n    hex: '#8b5cf6',\n    label: 'DISCOVERY',\n    descKo: '신규, 발견, 특별 안내',\n    toastVar: '--stn-feedback-discovery',\n    toastifyVar: '--stn-feedback-discovery',\n  },\n} as const\n\nexport type StnFeedbackKind = keyof typeof STN_FEEDBACK_SOURCE\n\n/** Pub toastify 유형색 → DS primitive (`--stn-feedback-*` · `--toastify-color-*`) */\nexport const STN_FEEDBACK_SEMANTIC_ROWS: StnSemanticTokenRow[] = [\n  {\n    token: 'pub.feedback.info',\n    cssVar: '--stn-feedback-info',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.blue.400'],\n    primitiveToken: 'pub.blue.400',\n  },\n  {\n    token: 'pub.feedback.success',\n    cssVar: '--stn-feedback-success',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.green.400'],\n    primitiveToken: 'pub.green.400',\n  },\n  {\n    token: 'pub.feedback.warning',\n    cssVar: '--stn-feedback-warning',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.yellow.300'],\n    primitiveToken: 'pub.yellow.300',\n  },\n  {\n    token: 'pub.feedback.error',\n    cssVar: '--stn-feedback-error',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.red.400'],\n    primitiveToken: 'pub.red.400',\n  },\n  {\n    token: 'pub.feedback.discovery',\n    cssVar: '--stn-feedback-discovery',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.purple.400'],\n    primitiveToken: 'pub.purple.400',\n  },\n]\n\nexport const STN_FEEDBACK_BY_KIND: Record<StnFeedbackKind, StnSemanticTokenRow> = {\n  info: STN_FEEDBACK_SEMANTIC_ROWS[0]!,\n  success: STN_FEEDBACK_SEMANTIC_ROWS[1]!,\n  warn: STN_FEEDBACK_SEMANTIC_ROWS[2]!,\n  error: STN_FEEDBACK_SEMANTIC_ROWS[3]!,\n  discovery: STN_FEEDBACK_SEMANTIC_ROWS[4]!,\n}\n"],"mappings":";AAGA,IAAM,yBAAyB;AAAA,EAC7B,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,kBAAkB;AACpB;AAGO,IAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AACF;AAKO,IAAM,6BAAoD;AAAA,EAC/D;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,cAAc;AAAA,IAC1C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,eAAe;AAAA,IAC3C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,gBAAgB;AAAA,IAC5C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,aAAa;AAAA,IACzC,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,gBAAgB;AAAA,IAC5C,gBAAgB;AAAA,EAClB;AACF;AAEO,IAAM,uBAAqE;AAAA,EAChF,MAAM,2BAA2B,CAAC;AAAA,EAClC,SAAS,2BAA2B,CAAC;AAAA,EACrC,MAAM,2BAA2B,CAAC;AAAA,EAClC,OAAO,2BAA2B,CAAC;AAAA,EACnC,WAAW,2BAA2B,CAAC;AACzC;","names":[]}

package/dist/{chunk-YN774RCQ.js → chunk-6TQ4O7BK.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-E26XJXQY.js";
 import {
   STN_FEEDBACK_SEMANTIC_ROWS
-} from "./chunk-BYGKJSDN.js";
+} from "./chunk-6HRKKRTT.js";
 
 // src/data/stnColorPalette.ts
 function pubRow(family, step, value) {
@@ -446,4 +446,4 @@ export {
   STN_SEMANTIC_LIGHT_ROWS,
   STN_SEMANTIC_DARK_ROWS
 };
-//# sourceMappingURL=chunk-YN774RCQ.js.map
+//# sourceMappingURL=chunk-6TQ4O7BK.js.map

package/dist/{chunk-W7K3FSAX.js → chunk-F5WWHWEU.js}

@@ -1,4 +1,11 @@
 // src/data/stnSplitView.ts
+var STN_SPLIT_VIEW_PADDINGS = [
+  "none",
+  "xs",
+  "sm",
+  "md",
+  "lg"
+];
 var STN_SPLIT_VIEW_SIDE_WIDTHS = ["sm", "md", "lg"];
 var STN_SPLIT_VIEW_OVERLAY_PLACEMENTS = [
   "top-left",
@@ -17,8 +24,9 @@ var STN_SPLIT_VIEW_INTRO = {
 };
 
 export {
+  STN_SPLIT_VIEW_PADDINGS,
   STN_SPLIT_VIEW_SIDE_WIDTHS,
   STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
   STN_SPLIT_VIEW_INTRO
 };
-//# sourceMappingURL=chunk-W7K3FSAX.js.map
+//# sourceMappingURL=chunk-F5WWHWEU.js.map

package/dist/chunk-F5WWHWEU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnSplitView.ts"],"sourcesContent":["/**\n * STN Split View Pattern — Side + Stage shell (SSOT types)\n * Store locator / 망구성도 / 캔버스 탐색: 중첩 Card 없이 좌 패널 + 우 스테이지.\n */\n\nexport type StnSplitViewSideWidth = 'sm' | 'md' | 'lg'\n\nexport type StnSplitViewPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg'\n\nexport const STN_SPLIT_VIEW_PADDINGS: readonly StnSplitViewPadding[] = [\n  'none',\n  'xs',\n  'sm',\n  'md',\n  'lg',\n] as const\n\nexport type StnSplitViewOverlayPlacement =\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'\n  | 'center-left'\n  | 'center-right'\n\nexport const STN_SPLIT_VIEW_SIDE_WIDTHS: readonly StnSplitViewSideWidth[] = ['sm', 'md', 'lg'] as const\n\nexport const STN_SPLIT_VIEW_OVERLAY_PLACEMENTS: readonly StnSplitViewOverlayPlacement[] = [\n  'top-left',\n  'top-right',\n  'bottom-left',\n  'bottom-center',\n  'bottom-right',\n  'center-left',\n  'center-right',\n] as const\n\nexport const STN_SPLIT_VIEW_INTRO = {\n  name: 'Split View',\n  slug: 'split-view',\n  kind: 'pattern' as const,\n  description:\n    '카드(또는 패널) 본문을 좌 Side · 우 Stage로 나누는 레이아웃 셸입니다. Stage는 position:relative 캔버스 호스트이며 StnFloatingToolbar·Overlay를 올립니다. 맵·토폴로지·스토어 로케이터 등에 공통으로 씁니다.',\n}\n"],"mappings":";AASO,IAAM,0BAA0D;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAWO,IAAM,6BAA+D,CAAC,MAAM,MAAM,IAAI;AAEtF,IAAM,oCAA6E;AAAA,EACxF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aACE;AACJ;","names":[]}

package/dist/{chunk-SOEBXG3T.js → chunk-U66BCO23.js}

@@ -1,7 +1,7 @@
 import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SOURCE
-} from "./chunk-BYGKJSDN.js";
+} from "./chunk-6HRKKRTT.js";
 
 // src/data/stnToast.ts
 var STN_TOAST_INTRO = "STN Design System \uD1A0\uC2A4\uD2B8 \uC54C\uB9BC \uCE74\uB4DC\uC785\uB2C8\uB2E4. \uC720\uD615 \uC544\uC774\uCF58\uC740 STN Iconography(`StnToastIcon`), \uB2EB\uAE30\uB294 `StnButton` icon-only, progress\uB294 `StnProgressBar`(toastSlot)\uC785\uB2C8\uB2E4. \uB9C8\uD06C\uC5C5\xB7\uCEF4\uD3EC\uB10C\uD2B8 \uC870\uB9BD\uC73C\uB85C \uD45C\uD604\uD558\uBA70, \uBCC4\uB3C4 Provider \uC5C6\uC774 \uC815\uC801 \uCE74\uB4DC\uB85C \uBB38\uC11C\uD654\uD569\uB2C8\uB2E4.";
@@ -74,4 +74,4 @@ export {
   STN_TOAST_SETUP,
   STN_TOAST_USAGE_HTML
 };
-//# sourceMappingURL=chunk-SOEBXG3T.js.map
+//# sourceMappingURL=chunk-U66BCO23.js.map

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   STN_TOAST_REACT_USAGE
-} from "./chunk-SOEBXG3T.js";
+} from "./chunk-U66BCO23.js";
 import {
   STN_TREE_REACT_EXAMPLE
 } from "./chunk-65B7YUTE.js";
@@ -46,7 +46,7 @@ import {
 import {
   STN_DROPDOWN_USAGE
 } from "./chunk-IZRGNUH6.js";
-import "./chunk-BYGKJSDN.js";
+import "./chunk-6HRKKRTT.js";
 import {
   STN_DATE_PICKER_USAGE
 } from "./chunk-QJN2Z6RG.js";

package/dist/data/index.d.ts

@@ -70,6 +70,6 @@ export { STN_DIVIDER_INTRO, STN_DIVIDER_ORIENTATIONS, STN_DIVIDER_TEXT_ALIGNS, S
 export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickness, StnStepperOrientation, StnStepperPosition, StnStepperSize } from './stnStepper.js';
 export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from './stnPopover.js';
 export { STN_STEP_CARDS_INTRO, StnStepCardItem } from './stnStepCards.js';
-export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewSideWidth } from './stnSplitView.js';
+export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewPadding, StnSplitViewSideWidth } from './stnSplitView.js';
 export { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated.js';
 import 'react';

package/dist/data/index.js

@@ -62,8 +62,9 @@ import {
 import {
   STN_SPLIT_VIEW_INTRO,
   STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_PADDINGS,
   STN_SPLIT_VIEW_SIDE_WIDTHS
-} from "../chunk-W7K3FSAX.js";
+} from "../chunk-F5WWHWEU.js";
 import {
   STN_STATUS_DEMO_STEPS
 } from "../chunk-R6NCTORS.js";
@@ -169,7 +170,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-P22H2BFQ.js";
+} from "../chunk-2PIUQUBN.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -318,7 +319,7 @@ import {
   hexToRgbString,
   paletteToJsonRecord,
   semanticPaletteToJsonRecord
-} from "../chunk-YN774RCQ.js";
+} from "../chunk-6TQ4O7BK.js";
 import {
   STN_THEME_SEMANTIC_DARK_ROWS,
   STN_THEME_SEMANTIC_LIGHT_ROWS
@@ -337,7 +338,7 @@ import {
   STN_TOAST_SETUP,
   STN_TOAST_TOKEN_ROWS,
   STN_TOAST_USAGE_HTML
-} from "../chunk-SOEBXG3T.js";
+} from "../chunk-U66BCO23.js";
 import {
   STN_TREE_DEMO,
   STN_TREE_FIGMA,
@@ -525,7 +526,7 @@ import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
   STN_FEEDBACK_SOURCE
-} from "../chunk-BYGKJSDN.js";
+} from "../chunk-6HRKKRTT.js";
 import {
   STN_DATE_PICKER_INTRO,
   STN_DATE_PICKER_KO_NAME,
@@ -892,6 +893,7 @@ export {
   STN_SPACING_USECASE_ROWS,
   STN_SPLIT_VIEW_INTRO,
   STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_PADDINGS,
   STN_SPLIT_VIEW_SIDE_WIDTHS,
   STN_STATIC,
   STN_STATUS_DEMO_STEPS,

package/dist/data/stnColorPalette.js

@@ -25,10 +25,10 @@ import {
   hexToRgbString,
   paletteToJsonRecord,
   semanticPaletteToJsonRecord
-} from "../chunk-YN774RCQ.js";
+} from "../chunk-6TQ4O7BK.js";
 import "../chunk-YYA5KCXU.js";
 import "../chunk-E26XJXQY.js";
-import "../chunk-BYGKJSDN.js";
+import "../chunk-6HRKKRTT.js";
 export {
   STN_ALL_PALETTE_ROWS,
   STN_BLUE_SCALE,

package/dist/data/stnFeedbackColors.d.ts

@@ -30,6 +30,13 @@ declare const STN_FEEDBACK_SOURCE: {
         readonly toastVar: "--stn-feedback-error";
         readonly toastifyVar: "--stn-feedback-error";
     };
+    readonly discovery: {
+        readonly hex: "#8b5cf6";
+        readonly label: "DISCOVERY";
+        readonly descKo: "신규, 발견, 특별 안내";
+        readonly toastVar: "--stn-feedback-discovery";
+        readonly toastifyVar: "--stn-feedback-discovery";
+    };
 };
 type StnFeedbackKind = keyof typeof STN_FEEDBACK_SOURCE;
 /** Pub toastify 유형색 → DS primitive (`--stn-feedback-*` · `--toastify-color-*`) */

package/dist/data/stnFeedbackColors.js

@@ -2,7 +2,7 @@ import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
   STN_FEEDBACK_SOURCE
-} from "../chunk-BYGKJSDN.js";
+} from "../chunk-6HRKKRTT.js";
 export {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,

package/dist/data/stnPackageVersion.d.ts

@@ -1,5 +1,5 @@
 /** Package version constants */
-declare const STN_UI_VERSION = "0.1.84";
-declare const STN_UI_VERSION_LABEL = "v0.1.84";
+declare const STN_UI_VERSION = "0.1.86";
+declare const STN_UI_VERSION_LABEL = "v0.1.86";
 
 export { STN_UI_VERSION, STN_UI_VERSION_LABEL };

package/dist/data/stnPackageVersion.js

@@ -1,7 +1,7 @@
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-P22H2BFQ.js";
+} from "../chunk-2PIUQUBN.js";
 export {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL

package/dist/data/stnSplitView.d.ts

@@ -3,6 +3,8 @@
  * Store locator / 망구성도 / 캔버스 탐색: 중첩 Card 없이 좌 패널 + 우 스테이지.
  */
 type StnSplitViewSideWidth = 'sm' | 'md' | 'lg';
+type StnSplitViewPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg';
+declare const STN_SPLIT_VIEW_PADDINGS: readonly StnSplitViewPadding[];
 type StnSplitViewOverlayPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center-left' | 'center-right';
 declare const STN_SPLIT_VIEW_SIDE_WIDTHS: readonly StnSplitViewSideWidth[];
 declare const STN_SPLIT_VIEW_OVERLAY_PLACEMENTS: readonly StnSplitViewOverlayPlacement[];
@@ -13,4 +15,4 @@ declare const STN_SPLIT_VIEW_INTRO: {
     description: string;
 };
 
-export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, type StnSplitViewOverlayPlacement, type StnSplitViewSideWidth };
+export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, type StnSplitViewOverlayPlacement, type StnSplitViewPadding, type StnSplitViewSideWidth };

package/dist/data/stnSplitView.js

@@ -1,11 +1,13 @@
 import {
   STN_SPLIT_VIEW_INTRO,
   STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_PADDINGS,
   STN_SPLIT_VIEW_SIDE_WIDTHS
-} from "../chunk-W7K3FSAX.js";
+} from "../chunk-F5WWHWEU.js";
 export {
   STN_SPLIT_VIEW_INTRO,
   STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_PADDINGS,
   STN_SPLIT_VIEW_SIDE_WIDTHS
 };
 //# sourceMappingURL=stnSplitView.js.map

package/dist/data/stnToast.js

@@ -7,8 +7,8 @@ import {
   STN_TOAST_SETUP,
   STN_TOAST_TOKEN_ROWS,
   STN_TOAST_USAGE_HTML
-} from "../chunk-SOEBXG3T.js";
-import "../chunk-BYGKJSDN.js";
+} from "../chunk-U66BCO23.js";
+import "../chunk-6HRKKRTT.js";
 export {
   STN_TOAST_DEMO_MSG,
   STN_TOAST_ICON_SLUG,

package/dist/index.d.ts

@@ -70,7 +70,7 @@ export { STN_DIVIDER_INTRO, STN_DIVIDER_ORIENTATIONS, STN_DIVIDER_TEXT_ALIGNS, S
 export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickness, StnStepperOrientation, StnStepperPosition, StnStepperSize } from './data/stnStepper.js';
 export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from './data/stnPopover.js';
 export { STN_STEP_CARDS_INTRO, StnStepCardItem } from './data/stnStepCards.js';
-export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewSideWidth } from './data/stnSplitView.js';
+export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewPadding, StnSplitViewSideWidth } from './data/stnSplitView.js';
 export { STN_UI_CATALOG, STN_UI_COMPONENTS, STN_UI_FOUNDATIONS, StnUiComponentId, StnUiEntry, StnUiFoundationId } from './components.js';
 export { SYSTEM_ICON_DATA_URLS } from './data/stnSystemIconsData.generated.js';
 import 'react';

package/dist/index.js

@@ -67,8 +67,9 @@ import {
 import {
   STN_SPLIT_VIEW_INTRO,
   STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_PADDINGS,
   STN_SPLIT_VIEW_SIDE_WIDTHS
-} from "./chunk-W7K3FSAX.js";
+} from "./chunk-F5WWHWEU.js";
 import {
   STN_STATUS_DEMO_STEPS
 } from "./chunk-R6NCTORS.js";
@@ -174,7 +175,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "./chunk-P22H2BFQ.js";
+} from "./chunk-2PIUQUBN.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -323,7 +324,7 @@ import {
   hexToRgbString,
   paletteToJsonRecord,
   semanticPaletteToJsonRecord
-} from "./chunk-YN774RCQ.js";
+} from "./chunk-6TQ4O7BK.js";
 import {
   STN_THEME_SEMANTIC_DARK_ROWS,
   STN_THEME_SEMANTIC_LIGHT_ROWS
@@ -342,7 +343,7 @@ import {
   STN_TOAST_SETUP,
   STN_TOAST_TOKEN_ROWS,
   STN_TOAST_USAGE_HTML
-} from "./chunk-SOEBXG3T.js";
+} from "./chunk-U66BCO23.js";
 import {
   STN_TREE_DEMO,
   STN_TREE_FIGMA,
@@ -530,7 +531,7 @@ import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
   STN_FEEDBACK_SOURCE
-} from "./chunk-BYGKJSDN.js";
+} from "./chunk-6HRKKRTT.js";
 import {
   STN_DATE_PICKER_INTRO,
   STN_DATE_PICKER_KO_NAME,
@@ -897,6 +898,7 @@ export {
   STN_SPACING_USECASE_ROWS,
   STN_SPLIT_VIEW_INTRO,
   STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_PADDINGS,
   STN_SPLIT_VIEW_SIDE_WIDTHS,
   STN_STATIC,
   STN_STATUS_DEMO_STEPS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stn-uiux/pub-ui",
-  "version": "0.1.84",
+  "version": "0.1.86",
   "description": "STN Pub design system — tokens, specs, and CSS for product HTML / React apps",
   "type": "module",
   "sideEffects": [

package/styles/components/stn-badge.css

@@ -97,6 +97,23 @@
   transform-origin: 0% 100%;
 }
 
+/* Center Horizontal Positions (노드 상단/하단 정중앙 배치) */
+.stn-badge.top-center,
+.stn-badge--top-center {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -65%);
+  transform-origin: 50% 100%;
+}
+
+.stn-badge.bottom-center,
+.stn-badge--bottom-center {
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, 65%);
+  transform-origin: 50% 0%;
+}
+
 /* Dot variant */
 .stn-badge.dot,
 .stn-badge--dot {
@@ -295,3 +312,17 @@
   background-color: var(--stn-badge-solid-neutral);
   color: var(--stn-badge-solid-neutral-fg);
 }
+
+/* Inverted / Mono (다크: 흰색 배경 + 검은색 텍스트, 라이트: 검은색 배경 + 흰색 텍스트) */
+.stn-badge.inverted,
+.stn-badge--color-inverted {
+  color: var(--stn-topology-badge-bg, var(--stn-neutral-90));
+  background: var(--stn-opacity-white-10);
+}
+.stn-badge.solid.inverted,
+.stn-badge--solid.stn-badge--color-inverted {
+  background-color: var(--stn-topology-badge-bg, var(--stn-neutral-90));
+  color: var(--stn-topology-badge-text, var(--stn-static-white));
+  border-color: var(--stn-topology-badge-border, var(--stn-elevation-surface-0));
+  box-shadow: 0 0 8px color-mix(in srgb, var(--stn-topology-badge-bg, var(--stn-neutral-90)) 25%, transparent);
+}

package/styles/components/stn-breadcrumb.css

@@ -200,6 +200,15 @@ a.stn-breadcrumb__segment:hover .stn-breadcrumb__label {
   mask-size: contain;
 }
 
+/* Reverse Modifier — 역방향 브레드크럼 (구분자 화살표 < 반전 및 현재 항목 강조) */
+.stn-breadcrumb.reverse .separator > span {
+  transform: rotate(180deg);
+}
+
+.stn-breadcrumb.reverse .stn-breadcrumb__item--current .stn-breadcrumb__label {
+  font-weight: var(--stn-font-weight-bold, 700);
+}
+
 .stn-breadcrumb .collapsed {
   min-width: var(--stn-breadcrumb-icon-size);
   padding: 0 var(--stn-space-4, 4px);

package/styles/components/stn-card.css

@@ -116,6 +116,38 @@
   cursor: pointer;
 }
 
+/* Hover effects by variant (STN Semantic Token 준수) */
+:is(.stn-card.interactive, .stn-card[role='button']).flat:not([class*='severity-']):hover {
+  background-color: var(--stn-card-bg-flat-hover);
+}
+
+:is(.stn-card.interactive, .stn-card[role='button']).outlined:not([class*='severity-']):hover {
+  border-color: var(--stn-card-border-hover);
+  background-color: color-mix(in srgb, var(--stn-card-bg-flat) 40%, transparent);
+}
+
+:is(.stn-card.interactive, .stn-card[role='button']).elevated:hover {
+  box-shadow: var(--stn-card-shadow-hover);
+  transform: translateY(-2px);
+}
+
+/* Hover effects for Severity Surfaces (심각도 고유 틴트 유지) */
+:is(.stn-card.interactive, .stn-card[role='button']).severity-critical:hover {
+  background-color: color-mix(in srgb, var(--stn-card-severity-critical-bg) 85%, var(--stn-feedback-error) 15%);
+}
+
+:is(.stn-card.interactive, .stn-card[role='button']).severity-major:hover {
+  background-color: color-mix(in srgb, var(--stn-card-severity-major-bg) 85%, var(--stn-grade-major) 15%);
+}
+
+:is(.stn-card.interactive, .stn-card[role='button']).severity-minor:hover {
+  background-color: color-mix(in srgb, var(--stn-card-severity-minor-bg) 85%, var(--stn-grade-minor) 15%);
+}
+
+:is(.stn-card.interactive, .stn-card[role='button']).severity-warning:hover {
+  background-color: color-mix(in srgb, var(--stn-card-severity-warning-bg) 85%, var(--stn-grade-warning) 15%);
+}
+
 .stn-card.interactive:active,
 .stn-card[role='button']:active {
   transform: translateY(1px);

package/styles/components/stn-date-picker.css

@@ -33,7 +33,7 @@
   --stn-date-picker-weekday-size: var(--stn-text-caption-medium-size);
 
   position: fixed;
-  z-index: var(--stn-elevation-z-dropdown);
+  z-index: var(--stn-elevation-z-popover);
   box-sizing: border-box;
   border: var(--stn-size-1) solid var(--calendar-border);
   border-radius: var(--stn-radius-8);

package/styles/components/stn-date-range-field.css

@@ -263,7 +263,7 @@ button.stn-date-range-field.xl .stn-date-range-field__icon {
   font-size: var(--stn-text-body-small-size);
   font-weight: var(--stn-font-weight-medium);
   color: var(--stn-text-primary);
-  line-height: 1;
+  line-height: var(--stn-date-range-field-label-line-height, var(--stn-input-label-line-height, var(--stn-line-height-default)));
   white-space: nowrap;
   user-select: none;
   cursor: pointer;
@@ -280,7 +280,7 @@ button.stn-date-range-field.xl .stn-date-range-field__icon {
 .stn-date-range-field__required {
   color: var(--stn-feedback-error);
   font-weight: var(--stn-font-weight-bold);
-  line-height: 1;
+  line-height: var(--stn-line-height-tight);
   margin-inline-start: var(--stn-space-2);
 }
 

package/styles/components/stn-drawer.css

@@ -124,6 +124,7 @@
 .stn-drawer--md { --stn-drawer-active-width: var(--stn-drawer-width-md, 480px); --stn-drawer-active-height: var(--stn-drawer-height-md, 480px); }
 .stn-drawer--lg { --stn-drawer-active-width: var(--stn-drawer-width-lg, 640px); --stn-drawer-active-height: var(--stn-drawer-height-lg, 640px); }
 .stn-drawer--xl { --stn-drawer-active-width: var(--stn-drawer-width-xl, 800px); --stn-drawer-active-height: var(--stn-drawer-height-xl, 800px); }
+.stn-drawer--full { --stn-drawer-active-width: var(--stn-drawer-width-full, min(80vw, 1600px)); --stn-drawer-active-height: var(--stn-drawer-height-full, min(80vh, 900px)); }
 
 /* ── 6. Header, Body, Footer Subcomponents ── */
 .stn-drawer__head {

package/styles/components/stn-dropdown.css

@@ -387,7 +387,7 @@
   font-size: var(--stn-text-body-small-size, 12px);
   font-weight: var(--stn-font-weight-medium, 500);
   color: var(--stn-text-primary);
-  line-height: 1;
+  line-height: var(--stn-dropdown-label-line-height, var(--stn-input-label-line-height, var(--stn-line-height-default)));
   white-space: nowrap;
   user-select: none;
   cursor: pointer;
@@ -404,7 +404,7 @@
 .stn-dropdown__required {
   color: var(--stn-feedback-error);
   font-weight: var(--stn-font-weight-bold);
-  line-height: 1;
+  line-height: var(--stn-line-height-tight);
   margin-inline-start: var(--stn-space-2, 2px);
 }
 

package/styles/components/stn-popover.css

@@ -9,7 +9,7 @@
 .stn-popover {
   position: fixed;
   inset: 0;
-  z-index: var(--stn-elevation-z-dropdown, 150);
+  z-index: var(--stn-elevation-z-popover, 250);
   pointer-events: none;
 }
 

package/styles/components/stn-popup.css

@@ -270,6 +270,10 @@
   background-color: var(--stn-pop-surface);
 }
 
+.stn-pop__actions--left {
+  justify-content: flex-start;
+}
+
 .stn-pop__actions--right {
   justify-content: flex-end;
 }
@@ -282,6 +286,13 @@
   justify-content: space-between;
 }
 
+/* Actions Group — between 정렬 등에서 버튼들을 시멘틱 간격으로 묶는 표준 래퍼 */
+.stn-pop__actions-group {
+  display: flex;
+  align-items: center;
+  gap: var(--stn-pop-actions-gap);
+}
+
 /* —— Master-Detail Split Layout (.stn-pop-split) —— */
 .stn-pop-split {
   display: flex;
@@ -313,3 +324,24 @@
   overflow-y: auto;
   box-sizing: border-box;
 }
+
+/* 1. 반반 분할 (50:50 대칭 비교형 — .half, .equal) */
+:is(.stn-pop-split.half, .stn-pop-split--half, .stn-pop-split.equal, .stn-pop-split--equal) > .stn-pop-split__aside {
+  flex: 1 1 0;
+  width: 50%;
+  min-width: 0;
+  max-width: none;
+}
+
+/* 2. 역방향 분할 (7:3 좌측 넓음 1fr · 우측 좁음 280px 속성창 — .reverse) */
+:is(.stn-pop-split.reverse, .stn-pop-split--reverse) {
+  flex-direction: row-reverse;
+}
+
+:is(.stn-pop-split.reverse, .stn-pop-split--reverse) > .stn-pop-split__aside,
+.stn-pop-split > .stn-pop-split__main + .stn-pop-split__aside {
+  border-right: none;
+  border-left: var(--stn-pop-border-width) solid var(--stn-pop-divider);
+  padding-right: 0;
+  padding-left: var(--stn-pop-split-aside-padding-right);
+}

package/styles/components/stn-table.css

@@ -538,7 +538,10 @@ td.stn-table__col-check .stn-checkbox {
 .stn-table__thead th:active:has(.stn-table__sort),
 .stn-table__thead th:has(.stn-table__sort:active),
 .stn-table__thead th.is-pressed {
-  background: var(--stn-table-th-pressed-bg, var(--stn-table-th-group-bg)) !important;
+  background:
+    linear-gradient(var(--stn-table-th-pressed-bg, var(--stn-table-th-group-bg)),
+                    var(--stn-table-th-pressed-bg, var(--stn-table-th-group-bg))),
+    var(--stn-table-th-bg) !important;
 }
 
 /* Row Clickable Cursor */
@@ -824,6 +827,11 @@ th[colspan].stn-table__thead tr:not(:last-child) th::before {
   justify-content: center;
 }
 
+.stn-table__grid thead tr > th:last-child .stn-table__resizer,
+.stn-table__grid thead tr > th:nth-last-child(2):has(+ th[aria-hidden]:last-child) .stn-table__resizer {
+  right: 0;
+}
+
 .stn-table__resizer::after {
   content: '';
   display: block;

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

@@ -32,6 +32,10 @@
   -webkit-appearance: none;
 }
 
+.stn-text-field[list] {
+  line-height: normal;
+}
+
 .stn-text-field::placeholder {
   color: var(--stn-input-placeholder);
   font-weight: var(--stn-font-weight-medium);
@@ -344,7 +348,7 @@
   font-size: var(--stn-text-field-label-size, var(--stn-text-field-font-size, var(--stn-text-body-small-size)));
   font-weight: var(--stn-text-field-label-weight, var(--stn-font-weight-medium));
   color: var(--stn-text-primary);
-  line-height: var(--stn-text-field-label-line-height, var(--stn-line-height-default));
+  line-height: var(--stn-text-field-label-line-height, var(--stn-input-label-line-height, var(--stn-line-height-default)));
   white-space: nowrap;
   user-select: none;
   cursor: pointer;

package/styles/components/stn-topology.css

@@ -5,6 +5,37 @@
  * STN 표준 시멘틱 토큰 기반 스타일링
  */
 
+/* ==========================================================================
+   Topology Tokens (현재 노드 하이라이트 링 & 시작/종료 노드 뱃지 토큰)
+   - STN 4대 표준 규격: 원시 Hex/RGB 절대 금지, 순수 --stn-* 시멘틱 토큰으로만 구성
+   - 다크 모드(기본): 흰색 반투명 테두리 링, 흰색 뱃지 배경, 검은색 뱃지 텍스트
+   - 라이트 모드: Gray 반투명 테두리 링, 검은색 뱃지 배경, 흰색 뱃지 텍스트
+   ========================================================================== */
+:root,
+[data-mode='dark'],
+[data-theme='dark'] {
+  --stn-topology-node-current-bg: color-mix(in srgb, var(--stn-static-white) 22%, transparent);
+  --stn-topology-node-current-ring: color-mix(in srgb, var(--stn-static-white) 40%, transparent);
+  --stn-topology-node-current-ambient: color-mix(in srgb, var(--stn-static-white) 15%, transparent);
+  --stn-topology-node-current-glow: color-mix(in srgb, var(--stn-static-white) 20%, transparent);
+  --stn-topology-node-point: var(--stn-primary);
+  --stn-topology-badge-bg: var(--stn-static-white);
+  --stn-topology-badge-text: var(--stn-gray-900);
+  --stn-topology-badge-border: color-mix(in srgb, var(--stn-gray-900) 20%, transparent);
+}
+
+[data-mode='light'],
+[data-theme='light'] {
+  --stn-topology-node-current-bg: color-mix(in srgb, var(--stn-gray-900) 15%, transparent);
+  --stn-topology-node-current-ring: color-mix(in srgb, var(--stn-gray-900) 30%, transparent);
+  --stn-topology-node-current-ambient: color-mix(in srgb, var(--stn-gray-900) 12%, transparent);
+  --stn-topology-node-current-glow: color-mix(in srgb, var(--stn-gray-700) 15%, transparent);
+  --stn-topology-node-point: var(--stn-primary);
+  --stn-topology-badge-bg: var(--stn-gray-900);
+  --stn-topology-badge-text: var(--stn-static-white);
+  --stn-topology-badge-border: color-mix(in srgb, var(--stn-static-white) 20%, transparent);
+}
+
 .stn-topology-ring,
 .stn-topology-graph {
   box-sizing: border-box;
@@ -86,7 +117,7 @@
   color: var(--stn-static-white);
 }
 
-/* 4대 표준 크기 규격 (xs · sm · md · lg) */
+/* 5대 표준 크기 규격 (xs · sm · md · lg · xl) */
 .stn-topology-node-mark.xs .stn-topology-node__circle {
   width: var(--stn-topology-node-size-xs);
   height: var(--stn-topology-node-size-xs);
@@ -103,6 +134,10 @@
   width: var(--stn-topology-node-size-lg);
   height: var(--stn-topology-node-size-lg);
 }
+.stn-topology-node-mark.xl .stn-topology-node__circle {
+  width: var(--stn-topology-node-size-xl);
+  height: var(--stn-topology-node-size-xl);
+}
 
 /* Shapes: circle · square · diamond (3대 표준 도형) */
 .stn-topology-node-mark.shape-circle .stn-topology-node__circle {
@@ -134,6 +169,67 @@
   transform: rotate(45deg) scale(0.92);
 }
 
+/* ==========================================================================
+   Current Node Highlight (현재 선택 노드 — 다크: 흰색 반투명, 라이트: gray 반투명)
+   ========================================================================== */
+:root {
+  --stn-topology-node-current-ring: color-mix(in srgb, var(--stn-neutral-90, #1f242f) 28%, transparent);
+  --stn-topology-node-current-glow: color-mix(in srgb, var(--stn-neutral-90, #1f242f) 12%, transparent);
+}
+
+[data-theme="dark"],
+.theme-dark {
+  --stn-topology-node-current-ring: color-mix(in srgb, var(--stn-static-white, #ffffff) 45%, transparent);
+  --stn-topology-node-current-glow: color-mix(in srgb, var(--stn-static-white, #ffffff) 20%, transparent);
+}
+
+/* 2D 마크용 현재 노드 스타일 */
+:is(.stn-topology-node-mark.is-current, .stn-topology-node-mark.current) .stn-topology-node__circle {
+  outline: none;
+  box-shadow:
+    0 0 0 3px var(--stn-topology-node-selected-gap, var(--stn-elevation-surface-0)),
+    0 0 0 5.5px var(--stn-topology-node-current-ring),
+    0 0 16px var(--stn-topology-node-current-glow);
+  transform: scale(1.06);
+}
+
+:is(.stn-topology-node-mark.shape-diamond.is-current, .stn-topology-node-mark.shape-diamond.current) .stn-topology-node__circle {
+  transform: rotate(45deg) scale(0.92);
+}
+
+/* 3D SVG 노드용 선택/현재 하이라이트 배경 플레이트 (border 대신 background 채움 — 다크: 흰색, 라이트: 검은색) */
+.stn-topology-node__current-ring {
+  pointer-events: none;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+.stn-topology-node__current-ring :is(circle, rect, polygon) {
+  fill: var(--stn-topology-node-current-bg);
+  stroke: none;
+}
+
+/* ==========================================================================
+   Topology Start/End Node Badge Tokens (시작 & 종료 노드 뱃지 — 다크: 흰색, 라이트: 검은색)
+   ========================================================================== */
+:root {
+  --stn-topology-badge-bg: var(--stn-neutral-90, #1f242f);
+  --stn-topology-badge-text: var(--stn-static-white, #ffffff);
+  --stn-topology-badge-border: var(--stn-elevation-surface-0);
+}
+
+[data-theme="dark"],
+.theme-dark {
+  --stn-topology-badge-bg: var(--stn-static-white, #ffffff);
+  --stn-topology-badge-text: var(--stn-neutral-90, #1f242f);
+  --stn-topology-badge-border: var(--stn-elevation-surface-0);
+}
+
+.stn-topology-node__badge rect {
+  transition: fill 0.2s ease, stroke 0.2s ease;
+}
+.stn-topology-node__badge text {
+  transition: fill 0.2s ease;
+}
+
 /* Severity / Status Themes on Circle (통일된 단일 룰) */
 .stn-topology-node-mark.normal .stn-topology-node__circle {
   background: var(--stn-opacity-white-5);

package/styles/foundations/stn-typography.css

@@ -148,6 +148,7 @@
 .stn-text-color-success { color: var(--stn-feedback-success); }
 .stn-text-color-error { color: var(--stn-feedback-error); }
 .stn-text-color-info { color: var(--stn-feedback-info); }
+.stn-text-color-discovery { color: var(--stn-feedback-discovery); }
 .stn-text-color-critical { color: var(--stn-grade-critical); }
 .stn-text-color-major { color: var(--stn-grade-major); }
 .stn-text-color-minor { color: var(--stn-grade-minor); }

package/styles/patterns/stn-login-card.css

@@ -65,6 +65,12 @@
   z-index: 0;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .stn-login-card-glow-wrapper::before {
+    animation: none;
+  }
+}
+
 @keyframes stnLoginCardBorderRotate {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }

package/styles/patterns/stn-split-view.css

@@ -82,6 +82,74 @@
   overflow: hidden;
 }
 
+/* ── Stage Padding Presets (none · xs · sm · md · lg) ── */
+.stn-split-view__stage--pad-none {
+  padding: 0;
+}
+
+.stn-split-view__stage--pad-xs {
+  padding: var(--stn-space-8);
+}
+
+.stn-split-view__stage--pad-sm {
+  padding: var(--stn-space-12);
+}
+
+.stn-split-view__stage--pad-md {
+  padding: var(--stn-space-16);
+}
+
+.stn-split-view__stage--pad-lg {
+  padding: var(--stn-space-24);
+}
+
+/* ── Side Body Padding Presets (none · xs · sm · md · lg) ── */
+.stn-split-view__side--pad-none .stn-split-view__side-body,
+.stn-split-view__side--pad-none .stn-split-view__side-body.stn-scroll {
+  padding: 0;
+}
+
+.stn-split-view__side--pad-xs .stn-split-view__side-body,
+.stn-split-view__side--pad-xs .stn-split-view__side-body.stn-scroll {
+  padding: var(--stn-space-8);
+}
+
+.stn-split-view__side--pad-sm .stn-split-view__side-body,
+.stn-split-view__side--pad-sm .stn-split-view__side-body.stn-scroll {
+  padding: var(--stn-space-12);
+}
+
+.stn-split-view__side--pad-md .stn-split-view__side-body,
+.stn-split-view__side--pad-md .stn-split-view__side-body.stn-scroll {
+  padding: var(--stn-space-16);
+}
+
+.stn-split-view__side--pad-lg .stn-split-view__side-body,
+.stn-split-view__side--pad-lg .stn-split-view__side-body.stn-scroll {
+  padding: var(--stn-space-24);
+}
+
+/* ── SplitView Root Padding Presets (none · xs · sm · md · lg) ── */
+.stn-split-view--pad-none {
+  padding: 0;
+}
+
+.stn-split-view--pad-xs {
+  padding: var(--stn-space-8);
+}
+
+.stn-split-view--pad-sm {
+  padding: var(--stn-space-12);
+}
+
+.stn-split-view--pad-md {
+  padding: var(--stn-space-16);
+}
+
+.stn-split-view--pad-lg {
+  padding: var(--stn-space-24);
+}
+
 /* Non-toolbar floating slots (legend, filters, callouts) */
 .stn-split-view__overlay {
   box-sizing: border-box;

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

@@ -34,6 +34,7 @@
   --stn-feedback-info: var(--stn-blue-400);
   --stn-feedback-warning: var(--stn-yellow-300);
   --stn-feedback-error: var(--stn-red-400);
+  --stn-feedback-discovery: var(--stn-purple-400);
   --stn-text-primary: var(--stn-gray-100);
   --stn-text-secondary: var(--stn-gray-200);
   --stn-text-re-primary: var(--stn-gray-850);
@@ -44,7 +45,7 @@
   --stn-grade-minor-count: var(--stn-yellow-400);
   --stn-grade-warning: var(--stn-teal-400);
   --stn-grade-normal: var(--stn-green-400);
-  --stn-grade-neutral: var(--stn-gray-500);
+  --stn-grade-neutral: var(--stn-gray-450);
   --stn-icon-fg: var(--stn-gray-200);
   --stn-icon-fg-muted: var(--stn-gray-400);
   --stn-elevation-surface-0: var(--stn-gray-950);
@@ -156,13 +157,16 @@
   --stn-pagination-font-size: var(--stn-font-size-13);
   --stn-pagination-font-weight: var(--stn-font-weight-regular, 400);
   --stn-card-bg-flat: var(--stn-gray-850);
+  --stn-card-bg-flat-hover: var(--stn-gray-800);
   --stn-card-bg-elevated: var(--stn-gray-800);
   --stn-card-border-color: var(--stn-gray-700);
+  --stn-card-border-hover: var(--stn-gray-600);
   --stn-card-severity-critical-bg: color-mix(in srgb, var(--stn-red-400) 5%, transparent);
   --stn-card-severity-major-bg: color-mix(in srgb, var(--stn-orange-400) 5%, transparent);
   --stn-card-severity-minor-bg: color-mix(in srgb, var(--stn-yellow-350) 5%, transparent);
   --stn-card-severity-warning-bg: color-mix(in srgb, var(--stn-teal-400) 5%, transparent);
-  --stn-card-shadow: none;
+  --stn-card-shadow: var(--stn-shadow-2, 0 4px 14px rgba(0, 0, 0, 0.45));
+  --stn-card-shadow-hover: var(--stn-shadow-3, 0 8px 24px rgba(0, 0, 0, 0.55));
   --stn-search-requirement-bg: transparent;
   --stn-search-requirement-border: var(--stn-gray-750);
   --stn-search-requirement-export-bg: var(--stn-gray-800);
@@ -750,6 +754,7 @@
   --stn-feedback-info: var(--stn-blue-500);
   --stn-feedback-warning: var(--stn-yellow-400);
   --stn-feedback-error: var(--stn-red-500);
+  --stn-feedback-discovery: var(--stn-purple-500);
   --stn-text-primary: var(--stn-gray-900);
   --stn-text-secondary: var(--stn-gray-500);
   --stn-text-re-primary: var(--stn-static-white);
@@ -872,13 +877,16 @@
   --stn-pagination-font-size: var(--stn-font-size-14);
   --stn-pagination-font-weight: var(--stn-font-weight-medium, 500);
   --stn-card-bg-flat: var(--stn-gray-50);
+  --stn-card-bg-flat-hover: var(--stn-gray-100);
   --stn-card-bg-elevated: var(--stn-static-white);
   --stn-card-border-color: var(--stn-border-subtle);
+  --stn-card-border-hover: var(--stn-gray-300);
   --stn-card-severity-critical-bg: var(--stn-red-50);
   --stn-card-severity-major-bg: var(--stn-orange-50);
   --stn-card-severity-minor-bg: var(--stn-yellow-50);
   --stn-card-severity-warning-bg: var(--stn-teal-50);
   --stn-card-shadow: var(--stn-shadow-2, 0 4px 14px rgba(0, 0, 0, 0.07));
+  --stn-card-shadow-hover: var(--stn-shadow-3, 0 8px 24px rgba(0, 0, 0, 0.12));
   --stn-search-requirement-bg: transparent;
   --stn-search-requirement-border: var(--stn-gray-75);
   --stn-search-requirement-export-bg: var(--stn-gray-50);

package/styles/tokens/stn-elevation.css

@@ -13,5 +13,6 @@
   --stn-elevation-z-dropdown: 150;
   --stn-elevation-z-drawer: 180;
   --stn-elevation-z-2: 200;
+  --stn-elevation-z-popover: 250;
   --stn-elevation-z-toast: 300;
 }

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

@@ -279,6 +279,12 @@
   --stn-topology-node-size-sm: var(--stn-size-32);
   --stn-topology-node-size-md: var(--stn-size-40);
   --stn-topology-node-size-lg: var(--stn-size-48);
+  --stn-topology-node-size-xl: var(--stn-size-56);
+  --stn-topology-node-radius-xs: var(--stn-size-12);
+  --stn-topology-node-radius-sm: var(--stn-size-16);
+  --stn-topology-node-radius-md: var(--stn-size-20);
+  --stn-topology-node-radius-lg: var(--stn-size-24);
+  --stn-topology-node-radius-xl: var(--stn-size-28);
   --stn-topology-container-min-height: var(--stn-size-260);
   --stn-topology-node-border-width: var(--stn-size-1);
   --stn-topology-minimap-border-width: var(--stn-size-1);

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

@@ -71,9 +71,12 @@
   --stn-text-caption-small-weight: var(--stn-font-weight-regular);
   --stn-text-caption-small-line-height: var(--stn-line-height-reading-3);
   --stn-text-caption-size: var(--stn-text-caption-medium-size);
+  --stn-input-label-line-height: var(--stn-line-height-default);
   --stn-text-field-label-size: var(--stn-text-body-small-size);
   --stn-text-field-label-weight: var(--stn-font-weight-medium);
-  --stn-text-field-label-line-height: var(--stn-line-height-default);
+  --stn-text-field-label-line-height: var(--stn-input-label-line-height);
+  --stn-dropdown-label-line-height: var(--stn-input-label-line-height);
+  --stn-date-range-field-label-line-height: var(--stn-input-label-line-height);
   --stn-text-field-helper-size: var(--stn-text-caption-medium-size);
   --stn-text-field-helper-weight: var(--stn-font-weight-regular);
   --stn-text-field-helper-line-height: var(--stn-text-caption-medium-line-height);

package/dist/chunk-BYGKJSDN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnFeedbackColors.ts"],"sourcesContent":["import type { StnSemanticTokenRow } from './stnColorPalette'\n\n/** stnPubColorPalette.ts 와 동기 — 순환 import 방지를 위해 리터럴 사용 */\nconst FEEDBACK_PRIMITIVE_HEX = {\n  'pub.blue.400': '#00aeef',\n  'pub.green.400': '#1fa550',\n  'pub.yellow.300': '#ffdc53',\n  'pub.red.400': '#d61f3a',\n} as const\n\n/** 01 PC_HTML_Revision · pub/pub.css `--toastify-color-*` (아이콘·progress bar; toastTheme light/dark) */\nexport const STN_FEEDBACK_SOURCE = {\n  info: {\n    hex: '#3498db',\n    label: 'INFO',\n    descKo: '안내, 정보',\n    toastVar: '--stn-feedback-info',\n    toastifyVar: '--stn-feedback-info',\n  },\n  success: {\n    hex: '#07bc0c',\n    label: 'SUCCESS',\n    descKo: '완료, 성공',\n    toastVar: '--stn-feedback-success',\n    toastifyVar: '--stn-feedback-success',\n  },\n  warn: {\n    hex: '#f1c40f',\n    label: 'WARN',\n    descKo: '주의, 경고',\n    toastVar: '--stn-feedback-warning',\n    toastifyVar: '--stn-feedback-warning',\n  },\n  error: {\n    hex: '#e74c3c',\n    label: 'ERROR',\n    descKo: '긴급, 오류',\n    toastVar: '--stn-feedback-error',\n    toastifyVar: '--stn-feedback-error',\n  },\n} as const\n\nexport type StnFeedbackKind = keyof typeof STN_FEEDBACK_SOURCE\n\n/** Pub toastify 유형색 → DS primitive (`--stn-feedback-*` · `--toastify-color-*`) */\nexport const STN_FEEDBACK_SEMANTIC_ROWS: StnSemanticTokenRow[] = [\n  {\n    token: 'pub.feedback.info',\n    cssVar: '--stn-feedback-info',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.blue.400'],\n    primitiveToken: 'pub.blue.400',\n  },\n  {\n    token: 'pub.feedback.success',\n    cssVar: '--stn-feedback-success',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.green.400'],\n    primitiveToken: 'pub.green.400',\n  },\n  {\n    token: 'pub.feedback.warning',\n    cssVar: '--stn-feedback-warning',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.yellow.300'],\n    primitiveToken: 'pub.yellow.300',\n  },\n  {\n    token: 'pub.feedback.error',\n    cssVar: '--stn-feedback-error',\n    hex: FEEDBACK_PRIMITIVE_HEX['pub.red.400'],\n    primitiveToken: 'pub.red.400',\n  },\n]\n\nexport const STN_FEEDBACK_BY_KIND: Record<StnFeedbackKind, StnSemanticTokenRow> = {\n  info: STN_FEEDBACK_SEMANTIC_ROWS[0]!,\n  success: STN_FEEDBACK_SEMANTIC_ROWS[1]!,\n  warn: STN_FEEDBACK_SEMANTIC_ROWS[2]!,\n  error: STN_FEEDBACK_SEMANTIC_ROWS[3]!,\n}\n"],"mappings":";AAGA,IAAM,yBAAyB;AAAA,EAC7B,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,eAAe;AACjB;AAGO,IAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AACF;AAKO,IAAM,6BAAoD;AAAA,EAC/D;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,cAAc;AAAA,IAC1C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,eAAe;AAAA,IAC3C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,gBAAgB;AAAA,IAC5C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,aAAa;AAAA,IACzC,gBAAgB;AAAA,EAClB;AACF;AAEO,IAAM,uBAAqE;AAAA,EAChF,MAAM,2BAA2B,CAAC;AAAA,EAClC,SAAS,2BAA2B,CAAC;AAAA,EACrC,MAAM,2BAA2B,CAAC;AAAA,EAClC,OAAO,2BAA2B,CAAC;AACrC;","names":[]}

package/dist/chunk-P22H2BFQ.js

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

package/dist/chunk-P22H2BFQ.js.map

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

package/dist/chunk-W7K3FSAX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnSplitView.ts"],"sourcesContent":["/**\n * STN Split View Pattern — Side + Stage shell (SSOT types)\n * Store locator / 망구성도 / 캔버스 탐색: 중첩 Card 없이 좌 패널 + 우 스테이지.\n */\n\nexport type StnSplitViewSideWidth = 'sm' | 'md' | 'lg'\n\nexport type StnSplitViewOverlayPlacement =\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'\n  | 'center-left'\n  | 'center-right'\n\nexport const STN_SPLIT_VIEW_SIDE_WIDTHS: readonly StnSplitViewSideWidth[] = ['sm', 'md', 'lg'] as const\n\nexport const STN_SPLIT_VIEW_OVERLAY_PLACEMENTS: readonly StnSplitViewOverlayPlacement[] = [\n  'top-left',\n  'top-right',\n  'bottom-left',\n  'bottom-center',\n  'bottom-right',\n  'center-left',\n  'center-right',\n] as const\n\nexport const STN_SPLIT_VIEW_INTRO = {\n  name: 'Split View',\n  slug: 'split-view',\n  kind: 'pattern' as const,\n  description:\n    '카드(또는 패널) 본문을 좌 Side · 우 Stage로 나누는 레이아웃 셸입니다. Stage는 position:relative 캔버스 호스트이며 StnFloatingToolbar·Overlay를 올립니다. 맵·토폴로지·스토어 로케이터 등에 공통으로 씁니다.',\n}\n"],"mappings":";AAgBO,IAAM,6BAA+D,CAAC,MAAM,MAAM,IAAI;AAEtF,IAAM,oCAA6E;AAAA,EACxF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aACE;AACJ;","names":[]}