@stn-uiux/pub-ui 0.1.86 → 0.1.87

package/dist/chunk-7OZGRHFD.js

@@ -0,0 +1,15 @@
+// src/data/stnMenu.ts
+var STN_MENU_SIZES = [
+  { size: "xs", itemHeight: 24, paddingY: 2, paddingX: 6, fontSize: "caption", iconSize: 14, gap: 4, desc: "\uCD08\uC18C\uD615 \uCEE8\uD14D\uC2A4\uD2B8 \uBA54\uB274, \uD234\uD301 \uB0B4\uBD80 \uC561\uC158" },
+  { size: "sm", itemHeight: 28, paddingY: 4, paddingX: 6, fontSize: "caption", iconSize: 16, gap: 4, desc: "\uCEF4\uD329\uD2B8 \uB4DC\uB86D\uB2E4\uC6B4 \uBC0F \uBC00\uC9D1 \uD234\uBC14 \uC561\uC158 \uBA54\uB274 (dense)" },
+  { size: "md", itemHeight: 32, paddingY: 6, paddingX: 8, fontSize: "body-small (13px)", iconSize: 16, gap: 6, desc: "\uD45C\uC900 \uAE30\uBCF8 \uBA54\uB274 (\uB4DC\uB86D\uB2E4\uC6B4 \uC635\uC158 SSOT\uC640 100% \uB3D9\uC77C)" },
+  { size: "lg", itemHeight: 38, paddingY: 8, paddingX: 10, fontSize: "body-2 (14px)", iconSize: 18, gap: 8, desc: "\uD130\uCE58 \uBC0F \uC544\uBC14\uD0C0 \uD504\uB85C\uD544 \uC5F0\uB3D9 \uBA54\uB274" },
+  { size: "xl", itemHeight: 44, paddingY: 10, paddingX: 12, fontSize: "body-1 (16px)", iconSize: 20, gap: 10, desc: "\uB300\uD615 \uD558\uC774\uB77C\uC774\uD2B8 \uB0B4\uBE44\uAC8C\uC774\uC158 \uBA54\uB274" }
+];
+var STN_MENU_INTRO = "StnMenu\uB294 \uBC84\uD2BC \uC575\uCEE4\uB9C1 \uB4DC\uB86D\uB2E4\uC6B4, \uC6B0\uD074\uB9AD \uCEE8\uD14D\uC2A4\uD2B8 \uBA54\uB274(Context Menu), \uC561\uC158 \uC2DC\uD2B8, \uADF8\uB8F9 \uCE74\uD14C\uACE0\uB9AC \uBA54\uB274\uB97C \uC81C\uACF5\uD558\uB294 STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uB2E8\uCD95\uD0A4 \uD78C\uD2B8, \uCCB4\uD06C/\uB77C\uB514\uC624 \uBAA8\uB4DC, \uC544\uC774\uCF58 \uC778\uC14B \uC815\uB82C, \uC2A4\uD06C\uB864 \uC81C\uD55C(maxHeight), \uC704\uD5D8 \uC561\uC158(destructive)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
+
+export {
+  STN_MENU_SIZES,
+  STN_MENU_INTRO
+};
+//# sourceMappingURL=chunk-7OZGRHFD.js.map

package/dist/chunk-7OZGRHFD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnMenu.ts"],"sourcesContent":["/**\n * StnMenu — STN 디자인 시스템 표준 메뉴 컴포넌트 데이터 규격 (SSOT)\n */\n\nexport type StnMenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnMenuPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnMenuElevation = 0 | 1 | 2 | 3 | 4 | 5\n\nexport type StnMenuWidth =\n  | 'w80'\n  | 'w100'\n  | 'w120'\n  | 'w140'\n  | 'w160'\n  | 'w180'\n  | 'w200'\n  | 'full'\n\nexport type StnMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio'\n\nexport interface StnMenuSizeSpec {\n  size: StnMenuSize\n  itemHeight: number\n  paddingY: number\n  paddingX: number\n  fontSize: string\n  iconSize: number\n  gap: number\n  desc: string\n}\n\nexport const STN_MENU_SIZES: readonly StnMenuSizeSpec[] = [\n  { size: 'xs', itemHeight: 24, paddingY: 2, paddingX: 6, fontSize: 'caption', iconSize: 14, gap: 4, desc: '초소형 컨텍스트 메뉴, 툴팁 내부 액션' },\n  { size: 'sm', itemHeight: 28, paddingY: 4, paddingX: 6, fontSize: 'caption', iconSize: 16, gap: 4, desc: '컴팩트 드롭다운 및 밀집 툴바 액션 메뉴 (dense)' },\n  { size: 'md', itemHeight: 32, paddingY: 6, paddingX: 8, fontSize: 'body-small (13px)', iconSize: 16, gap: 6, desc: '표준 기본 메뉴 (드롭다운 옵션 SSOT와 100% 동일)' },\n  { size: 'lg', itemHeight: 38, paddingY: 8, paddingX: 10, fontSize: 'body-2 (14px)', iconSize: 18, gap: 8, desc: '터치 및 아바타 프로필 연동 메뉴' },\n  { size: 'xl', itemHeight: 44, paddingY: 10, paddingX: 12, fontSize: 'body-1 (16px)', iconSize: 20, gap: 10, desc: '대형 하이라이트 내비게이션 메뉴' },\n] as const\n\nexport const STN_MENU_INTRO =\n  'StnMenu는 버튼 앵커링 드롭다운, 우클릭 컨텍스트 메뉴(Context Menu), 액션 시트, 그룹 카테고리 메뉴를 제공하는 STN 디자인 시스템 표준 컴포넌트입니다. 단축키 힌트, 체크/라디오 모드, 아이콘 인셋 정렬, 스크롤 제한(maxHeight), 위험 액션(destructive)을 완벽하게 지원합니다.'\n"],"mappings":";AAiCO,IAAM,iBAA6C;AAAA,EACxD,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,WAAW,UAAU,IAAI,KAAK,GAAG,MAAM,mGAAwB;AAAA,EACjI,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,WAAW,UAAU,IAAI,KAAK,GAAG,MAAM,iHAAiC;AAAA,EAC1I,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,qBAAqB,UAAU,IAAI,KAAK,GAAG,MAAM,8GAAmC;AAAA,EACtJ,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,IAAI,UAAU,iBAAiB,UAAU,IAAI,KAAK,GAAG,MAAM,sFAAqB;AAAA,EACrI,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,iBAAiB,UAAU,IAAI,KAAK,IAAI,MAAM,0FAAoB;AACxI;AAEO,IAAM,iBACX;","names":[]}

package/dist/chunk-I2Y7E4TU.js

@@ -0,0 +1,15 @@
+// src/data/stnList.ts
+var STN_LIST_SIZES = [
+  { size: "xs", minHeight: 24, paddingY: 4, paddingX: 8, fontSize: "caption-small", desc: "\uCD08\uC18C\uD615 \uC790\uC6D0 \uD328\uB110, \uD234\uD301/\uB4DC\uB86D\uB2E4\uC6B4 \uB0B4\uBD80\uC6A9" },
+  { size: "sm", minHeight: 32, paddingY: 6, paddingX: 10, fontSize: "caption-medium", desc: "\uB9DD\uAD6C\uC131\uB3C4 \uC0AC\uC774\uB4DC\uBC14 \uC790\uC6D0 \uBAA9\uB85D \uBC0F \uCEF4\uD329\uD2B8 \uBA54\uB274\uC6A9" },
+  { size: "md", minHeight: 40, paddingY: 8, paddingX: 12, fontSize: "body-medium", desc: "\uD45C\uC900 \uAE30\uBCF8\uAC12, \uBAA8\uBC14\uC77C/PC \uACB8\uC6A9 1\uB2E8\xB72\uB2E8 \uD14D\uC2A4\uD2B8" },
+  { size: "lg", minHeight: 48, paddingY: 12, paddingX: 14, fontSize: "body-large", desc: "\uC544\uBC14\uD0C0/\uC544\uC774\uCF58 + 2\uB2E8 \uD14D\uC2A4\uD2B8 + \uC6B0\uCE21 \uB2E4\uC911 \uBC84\uD2BC" },
+  { size: "xl", minHeight: 56, paddingY: 16, paddingX: 16, fontSize: "title-medium", desc: "\uB300\uD615 \uCE74\uB4DC\uD615 \uD558\uC774\uB77C\uC774\uD2B8 \uBAA9\uB85D" }
+];
+var STN_LIST_INTRO = "StnList\uB294 1\uCC28\uC6D0 \uBAA9\uB85D \uAD6C\uC870\uB97C \uD45C\uD604\uD558\uAE30 \uC704\uD55C STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uACC4\uCE35\uD615 \uC911\uCCA9(Collapse), \uC6B0\uCE21 \uB2E4\uC911 \uC561\uC158, \uC2A4\uC704\uCE58/\uCCB4\uD06C\uBC15\uC2A4 \uB3C4\uD0B9, \uC2A4\uD2F0\uD0A4 \uD5E4\uB354, \uB300\uC6A9\uB7C9 \uAC00\uC0C1\uD654 \uC2A4\uD06C\uB864(Virtual)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
+
+export {
+  STN_LIST_SIZES,
+  STN_LIST_INTRO
+};
+//# sourceMappingURL=chunk-I2Y7E4TU.js.map

package/dist/chunk-I2Y7E4TU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnList.ts"],"sourcesContent":["/**\n * StnList — STN 디자인 시스템 표준 목록 컴포넌트 데이터 규격 (SSOT)\n */\n\nexport type StnListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnListPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnListWidth =\n  | 'w80'\n  | 'w100'\n  | 'w120'\n  | 'w140'\n  | 'w160'\n  | 'w180'\n  | 'w200'\n  | 'full'\n\nexport type StnListVariant = 'flat' | 'card' | 'bordered'\n\nexport interface StnListSizeSpec {\n  size: StnListSize\n  minHeight: number\n  paddingY: number\n  paddingX: number\n  fontSize: string\n  desc: string\n}\n\nexport const STN_LIST_SIZES: readonly StnListSizeSpec[] = [\n  { size: 'xs', minHeight: 24, paddingY: 4, paddingX: 8, fontSize: 'caption-small', desc: '초소형 자원 패널, 툴팁/드롭다운 내부용' },\n  { size: 'sm', minHeight: 32, paddingY: 6, paddingX: 10, fontSize: 'caption-medium', desc: '망구성도 사이드바 자원 목록 및 컴팩트 메뉴용' },\n  { size: 'md', minHeight: 40, paddingY: 8, paddingX: 12, fontSize: 'body-medium', desc: '표준 기본값, 모바일/PC 겸용 1단·2단 텍스트' },\n  { size: 'lg', minHeight: 48, paddingY: 12, paddingX: 14, fontSize: 'body-large', desc: '아바타/아이콘 + 2단 텍스트 + 우측 다중 버튼' },\n  { size: 'xl', minHeight: 56, paddingY: 16, paddingX: 16, fontSize: 'title-medium', desc: '대형 카드형 하이라이트 목록' },\n] as const\n\nexport const STN_LIST_INTRO =\n  'StnList는 1차원 목록 구조를 표현하기 위한 STN 디자인 시스템 표준 컴포넌트입니다. 계층형 중첩(Collapse), 우측 다중 액션, 스위치/체크박스 도킹, 스티키 헤더, 대용량 가상화 스크롤(Virtual)을 완벽하게 지원합니다.'\n"],"mappings":";AA6BO,IAAM,iBAA6C;AAAA,EACxD,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,iBAAiB,MAAM,yGAAyB;AAAA,EACjH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,GAAG,UAAU,IAAI,UAAU,kBAAkB,MAAM,2HAA4B;AAAA,EACtH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,GAAG,UAAU,IAAI,UAAU,eAAe,MAAM,4GAA8B;AAAA,EACrH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,cAAc,MAAM,8GAA8B;AAAA,EACrH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,gBAAgB,MAAM,8EAAkB;AAC7G;AAEO,IAAM,iBACX;","names":[]}

package/dist/chunk-PXTPAYC3.js

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

package/dist/chunk-ZGYPJEU3.js

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

package/dist/chunk-ZGYPJEU3.js.map

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

package/dist/cli.js

@@ -1,3 +1,6 @@
+import {
+  STN_TEXT_FIELD_USAGE
+} from "./chunk-YJLOIDKY.js";
 import {
   STN_TOAST_REACT_USAGE
 } from "./chunk-U66BCO23.js";
@@ -12,8 +15,8 @@ import {
   STN_TABLE_REACT_EXAMPLE
 } from "./chunk-IOBNIUK3.js";
 import {
-  STN_TEXT_FIELD_USAGE
-} from "./chunk-YJLOIDKY.js";
+  STN_SCROLL_USAGE
+} from "./chunk-CHJATVOT.js";
 import {
   STN_SEARCH_REQUIREMENT_USAGE
 } from "./chunk-AE4CKAEK.js";
@@ -24,9 +27,6 @@ import {
 import {
   STN_POPUP_USAGE
 } from "./chunk-G4SOYIHZ.js";
-import {
-  STN_SCROLL_USAGE
-} from "./chunk-CHJATVOT.js";
 import {
   STN_LOADING_SKELETON_USAGE
 } from "./chunk-5BGXBJXN.js";

package/dist/data/index.d.ts

@@ -71,5 +71,7 @@ export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickne
 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_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewPadding, StnSplitViewSideWidth } from './stnSplitView.js';
+export { STN_LIST_INTRO, STN_LIST_SIZES, StnListPadding, StnListSize, StnListSizeSpec, StnListVariant, StnListWidth } from './stnList.js';
+export { STN_MENU_INTRO, STN_MENU_SIZES, StnMenuElevation, StnMenuItemRole, StnMenuPadding, StnMenuSize, StnMenuSizeSpec, StnMenuWidth } from './stnMenu.js';
 export { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated.js';
 import 'react';

package/dist/data/index.js

@@ -1,4 +1,4 @@
-import "../chunk-ERZPIKPF.js";
+import "../chunk-PXTPAYC3.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -29,6 +29,12 @@ import {
   typographyPrimitivesToJson,
   typographySemanticsToJson
 } from "../chunk-2TRZNWCA.js";
+import {
+  STN_STEP_CARDS_INTRO
+} from "../chunk-NYZMUDVK.js";
+import {
+  STN_STEP_STATUS_SPEC
+} from "../chunk-N4PVFFKV.js";
 import "../chunk-7ONB2WVN.js";
 import {
   STN_TEXT_AREA_HTML,
@@ -40,6 +46,15 @@ import {
 import {
   STN_TEXT_COLOR_ROWS
 } from "../chunk-4HUY6TN4.js";
+import {
+  STN_SIZE_INTRO,
+  STN_SIZE_ROWS,
+  sizeTokensToJson
+} from "../chunk-YI22T66L.js";
+import {
+  STN_SIZE_SEMANTIC_INTRO,
+  STN_SIZE_SEMANTIC_ROWS
+} from "../chunk-2FHXIAM3.js";
 import {
   STN_SLIDER_HTML,
   STN_SLIDER_INTRO,
@@ -69,11 +84,9 @@ import {
   STN_STATUS_DEMO_STEPS
 } from "../chunk-R6NCTORS.js";
 import {
-  STN_STEP_CARDS_INTRO
-} from "../chunk-NYZMUDVK.js";
-import {
-  STN_STEP_STATUS_SPEC
-} from "../chunk-N4PVFFKV.js";
+  STN_RADIUS_USECASE_INTRO,
+  STN_RADIUS_USECASE_ROWS
+} from "../chunk-666SNAJT.js";
 import {
   STN_SECTION_SIDE_FIGMA,
   STN_SECTION_SIDE_INTRO,
@@ -93,14 +106,17 @@ import {
   STN_SIDE_NAV_SUB_ICON
 } from "../chunk-QIX7SYPC.js";
 import {
-  STN_SIZE_INTRO,
-  STN_SIZE_ROWS,
-  sizeTokensToJson
-} from "../chunk-YI22T66L.js";
+  STN_PAGE_ENTER_MOTION_INTRO,
+  STN_PAGE_ENTER_MOTION_ROWS,
+  STN_PAGE_ENTER_MOTION_USAGE,
+  STN_PAGE_ENTER_MOTION_USAGE_HTML
+} from "../chunk-R65PNEWS.js";
 import {
-  STN_SIZE_SEMANTIC_INTRO,
-  STN_SIZE_SEMANTIC_ROWS
-} from "../chunk-2FHXIAM3.js";
+  STN_PAGINATION_EXAMPLE,
+  STN_PAGINATION_FIGMA,
+  STN_PAGINATION_INTRO,
+  STN_PAGINATION_REACT
+} from "../chunk-PE4ZB5QC.js";
 import {
   STN_POPOVER_INTRO,
   STN_POPOVER_USAGE
@@ -137,9 +153,9 @@ import {
   radiusSemanticToJson
 } from "../chunk-I7S5YLB3.js";
 import {
-  STN_RADIUS_USECASE_INTRO,
-  STN_RADIUS_USECASE_ROWS
-} from "../chunk-666SNAJT.js";
+  STN_LIST_INTRO,
+  STN_LIST_SIZES
+} from "../chunk-I2Y7E4TU.js";
 import {
   STN_LIST_TABLE_FIGMA,
   STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
@@ -156,6 +172,10 @@ import {
 import {
   STN_MAP_DASHBOARD_OPTION_ROWS
 } from "../chunk-3DAZMM4T.js";
+import {
+  STN_MENU_INTRO,
+  STN_MENU_SIZES
+} from "../chunk-7OZGRHFD.js";
 import {
   STN_MOTION_CONSTRAINT_ROWS,
   STN_MOTION_DELAY_ROWS,
@@ -170,19 +190,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-2PIUQUBN.js";
-import {
-  STN_PAGE_ENTER_MOTION_INTRO,
-  STN_PAGE_ENTER_MOTION_ROWS,
-  STN_PAGE_ENTER_MOTION_USAGE,
-  STN_PAGE_ENTER_MOTION_USAGE_HTML
-} from "../chunk-R65PNEWS.js";
-import {
-  STN_PAGINATION_EXAMPLE,
-  STN_PAGINATION_FIGMA,
-  STN_PAGINATION_INTRO,
-  STN_PAGINATION_REACT
-} from "../chunk-PE4ZB5QC.js";
+} from "../chunk-ZGYPJEU3.js";
 import {
   STN_HEADER_TITLE_DEMO,
   STN_HEADER_TITLE_FIGMA,
@@ -329,6 +337,14 @@ import {
   STN_GRADE_SEMANTIC_ROWS,
   STN_GRADE_SOURCE
 } from "../chunk-E26XJXQY.js";
+import {
+  STN_TEXT_FIELD_FIGMA,
+  STN_TEXT_FIELD_HTML,
+  STN_TEXT_FIELD_INTRO,
+  STN_TEXT_FIELD_SIZE_ROWS,
+  STN_TEXT_FIELD_STATES,
+  STN_TEXT_FIELD_USAGE
+} from "../chunk-YJLOIDKY.js";
 import {
   STN_TOAST_DEMO_MSG,
   STN_TOAST_ICON_SLUG,
@@ -400,13 +416,12 @@ import {
   STN_TABLE_TH_LABEL_FIGMA
 } from "../chunk-IOBNIUK3.js";
 import {
-  STN_TEXT_FIELD_FIGMA,
-  STN_TEXT_FIELD_HTML,
-  STN_TEXT_FIELD_INTRO,
-  STN_TEXT_FIELD_SIZE_ROWS,
-  STN_TEXT_FIELD_STATES,
-  STN_TEXT_FIELD_USAGE
-} from "../chunk-YJLOIDKY.js";
+  STN_SCROLL_FIGMA,
+  STN_SCROLL_INTRO,
+  STN_SCROLL_SPEC,
+  STN_SCROLL_USAGE,
+  STN_SCROLL_USAGE_HTML
+} from "../chunk-CHJATVOT.js";
 import {
   STN_SEARCH_REQUIREMENT_DEMO_FIELDS,
   STN_SEARCH_REQUIREMENT_FIGMA,
@@ -437,13 +452,6 @@ import {
   STN_POPUP_USAGE_HTML,
   resolveStnPopupSizeFromWidth
 } from "../chunk-G4SOYIHZ.js";
-import {
-  STN_SCROLL_FIGMA,
-  STN_SCROLL_INTRO,
-  STN_SCROLL_SPEC,
-  STN_SCROLL_USAGE,
-  STN_SCROLL_USAGE_HTML
-} from "../chunk-CHJATVOT.js";
 import {
   STN_LOADING_SKELETON_COLORS,
   STN_LOADING_SKELETON_INTRO,
@@ -771,6 +779,8 @@ export {
   STN_LAYOUT_SLOT_USAGE,
   STN_LAYOUT_WHEN_TO_USE,
   STN_LINE_HEIGHT_ROWS,
+  STN_LIST_INTRO,
+  STN_LIST_SIZES,
   STN_LIST_TABLE_FIGMA,
   STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
   STN_LIST_TABLE_OPTION_ROWS,
@@ -786,6 +796,8 @@ export {
   STN_LOGIN_INTRO,
   STN_LOGIN_USAGE,
   STN_MAP_DASHBOARD_OPTION_ROWS,
+  STN_MENU_INTRO,
+  STN_MENU_SIZES,
   STN_MOTION_CONSTRAINT_ROWS,
   STN_MOTION_DELAY_ROWS,
   STN_MOTION_DISTANCE_ROWS,

package/dist/data/stnList.d.ts

@@ -0,0 +1,19 @@
+/**
+ * StnList — STN 디자인 시스템 표준 목록 컴포넌트 데이터 규격 (SSOT)
+ */
+type StnListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type StnListPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type StnListWidth = 'w80' | 'w100' | 'w120' | 'w140' | 'w160' | 'w180' | 'w200' | 'full';
+type StnListVariant = 'flat' | 'card' | 'bordered';
+interface StnListSizeSpec {
+    size: StnListSize;
+    minHeight: number;
+    paddingY: number;
+    paddingX: number;
+    fontSize: string;
+    desc: string;
+}
+declare const STN_LIST_SIZES: readonly StnListSizeSpec[];
+declare const STN_LIST_INTRO = "StnList\uB294 1\uCC28\uC6D0 \uBAA9\uB85D \uAD6C\uC870\uB97C \uD45C\uD604\uD558\uAE30 \uC704\uD55C STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uACC4\uCE35\uD615 \uC911\uCCA9(Collapse), \uC6B0\uCE21 \uB2E4\uC911 \uC561\uC158, \uC2A4\uC704\uCE58/\uCCB4\uD06C\uBC15\uC2A4 \uB3C4\uD0B9, \uC2A4\uD2F0\uD0A4 \uD5E4\uB354, \uB300\uC6A9\uB7C9 \uAC00\uC0C1\uD654 \uC2A4\uD06C\uB864(Virtual)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
+
+export { STN_LIST_INTRO, STN_LIST_SIZES, type StnListPadding, type StnListSize, type StnListSizeSpec, type StnListVariant, type StnListWidth };

package/dist/data/stnList.js

@@ -0,0 +1,9 @@
+import {
+  STN_LIST_INTRO,
+  STN_LIST_SIZES
+} from "../chunk-I2Y7E4TU.js";
+export {
+  STN_LIST_INTRO,
+  STN_LIST_SIZES
+};
+//# sourceMappingURL=stnList.js.map

package/dist/data/stnList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/data/stnMenu.d.ts

@@ -0,0 +1,22 @@
+/**
+ * StnMenu — STN 디자인 시스템 표준 메뉴 컴포넌트 데이터 규격 (SSOT)
+ */
+type StnMenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type StnMenuPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type StnMenuElevation = 0 | 1 | 2 | 3 | 4 | 5;
+type StnMenuWidth = 'w80' | 'w100' | 'w120' | 'w140' | 'w160' | 'w180' | 'w200' | 'full';
+type StnMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio';
+interface StnMenuSizeSpec {
+    size: StnMenuSize;
+    itemHeight: number;
+    paddingY: number;
+    paddingX: number;
+    fontSize: string;
+    iconSize: number;
+    gap: number;
+    desc: string;
+}
+declare const STN_MENU_SIZES: readonly StnMenuSizeSpec[];
+declare const STN_MENU_INTRO = "StnMenu\uB294 \uBC84\uD2BC \uC575\uCEE4\uB9C1 \uB4DC\uB86D\uB2E4\uC6B4, \uC6B0\uD074\uB9AD \uCEE8\uD14D\uC2A4\uD2B8 \uBA54\uB274(Context Menu), \uC561\uC158 \uC2DC\uD2B8, \uADF8\uB8F9 \uCE74\uD14C\uACE0\uB9AC \uBA54\uB274\uB97C \uC81C\uACF5\uD558\uB294 STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uB2E8\uCD95\uD0A4 \uD78C\uD2B8, \uCCB4\uD06C/\uB77C\uB514\uC624 \uBAA8\uB4DC, \uC544\uC774\uCF58 \uC778\uC14B \uC815\uB82C, \uC2A4\uD06C\uB864 \uC81C\uD55C(maxHeight), \uC704\uD5D8 \uC561\uC158(destructive)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
+
+export { STN_MENU_INTRO, STN_MENU_SIZES, type StnMenuElevation, type StnMenuItemRole, type StnMenuPadding, type StnMenuSize, type StnMenuSizeSpec, type StnMenuWidth };

package/dist/data/stnMenu.js

@@ -0,0 +1,9 @@
+import {
+  STN_MENU_INTRO,
+  STN_MENU_SIZES
+} from "../chunk-7OZGRHFD.js";
+export {
+  STN_MENU_INTRO,
+  STN_MENU_SIZES
+};
+//# sourceMappingURL=stnMenu.js.map

package/dist/data/stnMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/data/stnPackageVersion.d.ts

@@ -1,5 +1,5 @@
 /** Package version constants */
-declare const STN_UI_VERSION = "0.1.86";
-declare const STN_UI_VERSION_LABEL = "v0.1.86";
+declare const STN_UI_VERSION = "0.1.87";
+declare const STN_UI_VERSION_LABEL = "v0.1.87";
 
 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-2PIUQUBN.js";
+} from "../chunk-ZGYPJEU3.js";
 export {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL

package/dist/index.d.ts

@@ -71,6 +71,8 @@ export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickne
 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_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewPadding, StnSplitViewSideWidth } from './data/stnSplitView.js';
+export { STN_LIST_INTRO, STN_LIST_SIZES, StnListPadding, StnListSize, StnListSizeSpec, StnListVariant, StnListWidth } from './data/stnList.js';
+export { STN_MENU_INTRO, STN_MENU_SIZES, StnMenuElevation, StnMenuItemRole, StnMenuPadding, StnMenuSize, StnMenuSizeSpec, StnMenuWidth } from './data/stnMenu.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

@@ -3,7 +3,7 @@ import {
   STN_UI_COMPONENTS,
   STN_UI_FOUNDATIONS
 } from "./chunk-K6TWXWIO.js";
-import "./chunk-ERZPIKPF.js";
+import "./chunk-PXTPAYC3.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -34,6 +34,12 @@ import {
   typographyPrimitivesToJson,
   typographySemanticsToJson
 } from "./chunk-2TRZNWCA.js";
+import {
+  STN_STEP_CARDS_INTRO
+} from "./chunk-NYZMUDVK.js";
+import {
+  STN_STEP_STATUS_SPEC
+} from "./chunk-N4PVFFKV.js";
 import "./chunk-7ONB2WVN.js";
 import {
   STN_TEXT_AREA_HTML,
@@ -45,6 +51,15 @@ import {
 import {
   STN_TEXT_COLOR_ROWS
 } from "./chunk-4HUY6TN4.js";
+import {
+  STN_SIZE_INTRO,
+  STN_SIZE_ROWS,
+  sizeTokensToJson
+} from "./chunk-YI22T66L.js";
+import {
+  STN_SIZE_SEMANTIC_INTRO,
+  STN_SIZE_SEMANTIC_ROWS
+} from "./chunk-2FHXIAM3.js";
 import {
   STN_SLIDER_HTML,
   STN_SLIDER_INTRO,
@@ -74,11 +89,9 @@ import {
   STN_STATUS_DEMO_STEPS
 } from "./chunk-R6NCTORS.js";
 import {
-  STN_STEP_CARDS_INTRO
-} from "./chunk-NYZMUDVK.js";
-import {
-  STN_STEP_STATUS_SPEC
-} from "./chunk-N4PVFFKV.js";
+  STN_RADIUS_USECASE_INTRO,
+  STN_RADIUS_USECASE_ROWS
+} from "./chunk-666SNAJT.js";
 import {
   STN_SECTION_SIDE_FIGMA,
   STN_SECTION_SIDE_INTRO,
@@ -98,14 +111,17 @@ import {
   STN_SIDE_NAV_SUB_ICON
 } from "./chunk-QIX7SYPC.js";
 import {
-  STN_SIZE_INTRO,
-  STN_SIZE_ROWS,
-  sizeTokensToJson
-} from "./chunk-YI22T66L.js";
+  STN_PAGE_ENTER_MOTION_INTRO,
+  STN_PAGE_ENTER_MOTION_ROWS,
+  STN_PAGE_ENTER_MOTION_USAGE,
+  STN_PAGE_ENTER_MOTION_USAGE_HTML
+} from "./chunk-R65PNEWS.js";
 import {
-  STN_SIZE_SEMANTIC_INTRO,
-  STN_SIZE_SEMANTIC_ROWS
-} from "./chunk-2FHXIAM3.js";
+  STN_PAGINATION_EXAMPLE,
+  STN_PAGINATION_FIGMA,
+  STN_PAGINATION_INTRO,
+  STN_PAGINATION_REACT
+} from "./chunk-PE4ZB5QC.js";
 import {
   STN_POPOVER_INTRO,
   STN_POPOVER_USAGE
@@ -142,9 +158,9 @@ import {
   radiusSemanticToJson
 } from "./chunk-I7S5YLB3.js";
 import {
-  STN_RADIUS_USECASE_INTRO,
-  STN_RADIUS_USECASE_ROWS
-} from "./chunk-666SNAJT.js";
+  STN_LIST_INTRO,
+  STN_LIST_SIZES
+} from "./chunk-I2Y7E4TU.js";
 import {
   STN_LIST_TABLE_FIGMA,
   STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
@@ -161,6 +177,10 @@ import {
 import {
   STN_MAP_DASHBOARD_OPTION_ROWS
 } from "./chunk-3DAZMM4T.js";
+import {
+  STN_MENU_INTRO,
+  STN_MENU_SIZES
+} from "./chunk-7OZGRHFD.js";
 import {
   STN_MOTION_CONSTRAINT_ROWS,
   STN_MOTION_DELAY_ROWS,
@@ -175,19 +195,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "./chunk-2PIUQUBN.js";
-import {
-  STN_PAGE_ENTER_MOTION_INTRO,
-  STN_PAGE_ENTER_MOTION_ROWS,
-  STN_PAGE_ENTER_MOTION_USAGE,
-  STN_PAGE_ENTER_MOTION_USAGE_HTML
-} from "./chunk-R65PNEWS.js";
-import {
-  STN_PAGINATION_EXAMPLE,
-  STN_PAGINATION_FIGMA,
-  STN_PAGINATION_INTRO,
-  STN_PAGINATION_REACT
-} from "./chunk-PE4ZB5QC.js";
+} from "./chunk-ZGYPJEU3.js";
 import {
   STN_HEADER_TITLE_DEMO,
   STN_HEADER_TITLE_FIGMA,
@@ -334,6 +342,14 @@ import {
   STN_GRADE_SEMANTIC_ROWS,
   STN_GRADE_SOURCE
 } from "./chunk-E26XJXQY.js";
+import {
+  STN_TEXT_FIELD_FIGMA,
+  STN_TEXT_FIELD_HTML,
+  STN_TEXT_FIELD_INTRO,
+  STN_TEXT_FIELD_SIZE_ROWS,
+  STN_TEXT_FIELD_STATES,
+  STN_TEXT_FIELD_USAGE
+} from "./chunk-YJLOIDKY.js";
 import {
   STN_TOAST_DEMO_MSG,
   STN_TOAST_ICON_SLUG,
@@ -405,13 +421,12 @@ import {
   STN_TABLE_TH_LABEL_FIGMA
 } from "./chunk-IOBNIUK3.js";
 import {
-  STN_TEXT_FIELD_FIGMA,
-  STN_TEXT_FIELD_HTML,
-  STN_TEXT_FIELD_INTRO,
-  STN_TEXT_FIELD_SIZE_ROWS,
-  STN_TEXT_FIELD_STATES,
-  STN_TEXT_FIELD_USAGE
-} from "./chunk-YJLOIDKY.js";
+  STN_SCROLL_FIGMA,
+  STN_SCROLL_INTRO,
+  STN_SCROLL_SPEC,
+  STN_SCROLL_USAGE,
+  STN_SCROLL_USAGE_HTML
+} from "./chunk-CHJATVOT.js";
 import {
   STN_SEARCH_REQUIREMENT_DEMO_FIELDS,
   STN_SEARCH_REQUIREMENT_FIGMA,
@@ -442,13 +457,6 @@ import {
   STN_POPUP_USAGE_HTML,
   resolveStnPopupSizeFromWidth
 } from "./chunk-G4SOYIHZ.js";
-import {
-  STN_SCROLL_FIGMA,
-  STN_SCROLL_INTRO,
-  STN_SCROLL_SPEC,
-  STN_SCROLL_USAGE,
-  STN_SCROLL_USAGE_HTML
-} from "./chunk-CHJATVOT.js";
 import {
   STN_LOADING_SKELETON_COLORS,
   STN_LOADING_SKELETON_INTRO,
@@ -776,6 +784,8 @@ export {
   STN_LAYOUT_SLOT_USAGE,
   STN_LAYOUT_WHEN_TO_USE,
   STN_LINE_HEIGHT_ROWS,
+  STN_LIST_INTRO,
+  STN_LIST_SIZES,
   STN_LIST_TABLE_FIGMA,
   STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
   STN_LIST_TABLE_OPTION_ROWS,
@@ -791,6 +801,8 @@ export {
   STN_LOGIN_INTRO,
   STN_LOGIN_USAGE,
   STN_MAP_DASHBOARD_OPTION_ROWS,
+  STN_MENU_INTRO,
+  STN_MENU_SIZES,
   STN_MOTION_CONSTRAINT_ROWS,
   STN_MOTION_DELAY_ROWS,
   STN_MOTION_DISTANCE_ROWS,

package/package.json

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

package/styles/components/stn-badge.css

@@ -312,17 +312,3 @@
   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-drawer.css

@@ -124,7 +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)); }
+.stn-drawer--full { --stn-drawer-active-width: var(--stn-drawer-width-full, min(96vw, 1920px)); --stn-drawer-active-height: var(--stn-drawer-height-full, min(96vh, 1080px)); }
 
 /* ── 6. Header, Body, Footer Subcomponents ── */
 .stn-drawer__head {
@@ -178,6 +178,12 @@
 .stn-drawer__body.gap-lg   { gap: var(--stn-drawer-gap-lg); }
 .stn-drawer__body.gap-xl   { gap: var(--stn-drawer-gap-xl); }
 
+/* Drawer Body Surface Tone (.stn-drawer__body--subtle, .stn-drawer--subtle) */
+.stn-drawer--subtle,
+.stn-drawer__body--subtle {
+  background-color: var(--stn-drawer-bg-subtle, var(--stn-surface-subtle));
+}
+
 .stn-drawer__footer {
   display: flex;
   align-items: center;