@stn-uiux/pub-ui 0.1.85 → 0.1.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/{chunk-BYGKJSDN.js → chunk-6HRKKRTT.js} +18 -3
  2. package/dist/chunk-6HRKKRTT.js.map +1 -0
  3. package/dist/{chunk-YN774RCQ.js → chunk-6TQ4O7BK.js} +2 -2
  4. package/dist/chunk-7OZGRHFD.js +15 -0
  5. package/dist/chunk-7OZGRHFD.js.map +1 -0
  6. package/dist/{chunk-W7K3FSAX.js → chunk-F5WWHWEU.js} +9 -1
  7. package/dist/chunk-F5WWHWEU.js.map +1 -0
  8. package/dist/chunk-I2Y7E4TU.js +15 -0
  9. package/dist/chunk-I2Y7E4TU.js.map +1 -0
  10. package/dist/chunk-PXTPAYC3.js +1 -0
  11. package/dist/{chunk-SOEBXG3T.js → chunk-U66BCO23.js} +2 -2
  12. package/dist/chunk-ZGYPJEU3.js +9 -0
  13. package/dist/chunk-ZGYPJEU3.js.map +1 -0
  14. package/dist/cli.js +7 -7
  15. package/dist/data/index.d.ts +3 -1
  16. package/dist/data/index.js +61 -47
  17. package/dist/data/stnColorPalette.js +2 -2
  18. package/dist/data/stnFeedbackColors.d.ts +7 -0
  19. package/dist/data/stnFeedbackColors.js +1 -1
  20. package/dist/data/stnList.d.ts +19 -0
  21. package/dist/data/stnList.js +9 -0
  22. package/dist/data/stnList.js.map +1 -0
  23. package/dist/data/stnMenu.d.ts +22 -0
  24. package/dist/data/stnMenu.js +9 -0
  25. package/dist/data/stnMenu.js.map +1 -0
  26. package/dist/data/stnPackageVersion.d.ts +2 -2
  27. package/dist/data/stnPackageVersion.js +1 -1
  28. package/dist/data/stnSplitView.d.ts +3 -1
  29. package/dist/data/stnSplitView.js +3 -1
  30. package/dist/data/stnToast.js +2 -2
  31. package/dist/index.d.ts +3 -1
  32. package/dist/index.js +61 -47
  33. package/package.json +1 -1
  34. package/styles/components/stn-badge.css +17 -0
  35. package/styles/components/stn-breadcrumb.css +9 -0
  36. package/styles/components/stn-card.css +32 -0
  37. package/styles/components/stn-drawer.css +7 -0
  38. package/styles/components/stn-list.css +430 -0
  39. package/styles/components/stn-menu.css +467 -0
  40. package/styles/components/stn-popup.css +32 -0
  41. package/styles/components/stn-topology.css +93 -1
  42. package/styles/foundations/stn-typography.css +1 -0
  43. package/styles/layouts/stn-container.css +49 -5
  44. package/styles/layouts/stn-layer1-content.css +4 -1
  45. package/styles/patterns/stn-floating-toolbar.css +39 -0
  46. package/styles/patterns/stn-split-view.css +68 -0
  47. package/styles/style-pub.css +2 -0
  48. package/styles/tokens/stn-colors-semantic.css +36 -4
  49. package/styles/tokens/stn-size-semantic.css +22 -4
  50. package/styles/tokens/stn-size.css +1 -0
  51. package/dist/chunk-5QPBSOJ6.js +0 -9
  52. package/dist/chunk-5QPBSOJ6.js.map +0 -1
  53. package/dist/chunk-BYGKJSDN.js.map +0 -1
  54. package/dist/chunk-ERZPIKPF.js +0 -1
  55. package/dist/chunk-W7K3FSAX.js.map +0 -1
  56. /package/dist/{chunk-YN774RCQ.js.map → chunk-6TQ4O7BK.js.map} +0 -0
  57. /package/dist/{chunk-ERZPIKPF.js.map → chunk-PXTPAYC3.js.map} +0 -0
  58. /package/dist/{chunk-SOEBXG3T.js.map → chunk-U66BCO23.js.map} +0 -0
@@ -3,7 +3,8 @@ var FEEDBACK_PRIMITIVE_HEX = {
3
3
  "pub.blue.400": "#00aeef",
4
4
  "pub.green.400": "#1fa550",
5
5
  "pub.yellow.300": "#ffdc53",
6
- "pub.red.400": "#d61f3a"
6
+ "pub.red.400": "#d61f3a",
7
+ "pub.purple.400": "#8b5cf6"
7
8
  };
8
9
  var STN_FEEDBACK_SOURCE = {
9
10
  info: {
@@ -33,6 +34,13 @@ var STN_FEEDBACK_SOURCE = {
33
34
  descKo: "\uAE34\uAE09, \uC624\uB958",
34
35
  toastVar: "--stn-feedback-error",
35
36
  toastifyVar: "--stn-feedback-error"
37
+ },
38
+ discovery: {
39
+ hex: "#8b5cf6",
40
+ label: "DISCOVERY",
41
+ descKo: "\uC2E0\uADDC, \uBC1C\uACAC, \uD2B9\uBCC4 \uC548\uB0B4",
42
+ toastVar: "--stn-feedback-discovery",
43
+ toastifyVar: "--stn-feedback-discovery"
36
44
  }
37
45
  };
38
46
  var STN_FEEDBACK_SEMANTIC_ROWS = [
@@ -59,13 +67,20 @@ var STN_FEEDBACK_SEMANTIC_ROWS = [
59
67
  cssVar: "--stn-feedback-error",
60
68
  hex: FEEDBACK_PRIMITIVE_HEX["pub.red.400"],
61
69
  primitiveToken: "pub.red.400"
70
+ },
71
+ {
72
+ token: "pub.feedback.discovery",
73
+ cssVar: "--stn-feedback-discovery",
74
+ hex: FEEDBACK_PRIMITIVE_HEX["pub.purple.400"],
75
+ primitiveToken: "pub.purple.400"
62
76
  }
63
77
  ];
64
78
  var STN_FEEDBACK_BY_KIND = {
65
79
  info: STN_FEEDBACK_SEMANTIC_ROWS[0],
66
80
  success: STN_FEEDBACK_SEMANTIC_ROWS[1],
67
81
  warn: STN_FEEDBACK_SEMANTIC_ROWS[2],
68
- error: STN_FEEDBACK_SEMANTIC_ROWS[3]
82
+ error: STN_FEEDBACK_SEMANTIC_ROWS[3],
83
+ discovery: STN_FEEDBACK_SEMANTIC_ROWS[4]
69
84
  };
70
85
 
71
86
  export {
@@ -73,4 +88,4 @@ export {
73
88
  STN_FEEDBACK_SEMANTIC_ROWS,
74
89
  STN_FEEDBACK_BY_KIND
75
90
  };
76
- //# sourceMappingURL=chunk-BYGKJSDN.js.map
91
+ //# sourceMappingURL=chunk-6HRKKRTT.js.map
@@ -0,0 +1 @@
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":[]}
@@ -7,7 +7,7 @@ import {
7
7
  } from "./chunk-E26XJXQY.js";
8
8
  import {
9
9
  STN_FEEDBACK_SEMANTIC_ROWS
10
- } from "./chunk-BYGKJSDN.js";
10
+ } from "./chunk-6HRKKRTT.js";
11
11
 
12
12
  // src/data/stnColorPalette.ts
13
13
  function pubRow(family, step, value) {
@@ -446,4 +446,4 @@ export {
446
446
  STN_SEMANTIC_LIGHT_ROWS,
447
447
  STN_SEMANTIC_DARK_ROWS
448
448
  };
449
- //# sourceMappingURL=chunk-YN774RCQ.js.map
449
+ //# sourceMappingURL=chunk-6TQ4O7BK.js.map
@@ -0,0 +1,15 @@
1
+ // src/data/stnMenu.ts
2
+ var STN_MENU_SIZES = [
3
+ { 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" },
4
+ { 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)" },
5
+ { 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)" },
6
+ { 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" },
7
+ { 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" }
8
+ ];
9
+ 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.";
10
+
11
+ export {
12
+ STN_MENU_SIZES,
13
+ STN_MENU_INTRO
14
+ };
15
+ //# sourceMappingURL=chunk-7OZGRHFD.js.map
@@ -0,0 +1 @@
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":[]}
@@ -1,4 +1,11 @@
1
1
  // src/data/stnSplitView.ts
2
+ var STN_SPLIT_VIEW_PADDINGS = [
3
+ "none",
4
+ "xs",
5
+ "sm",
6
+ "md",
7
+ "lg"
8
+ ];
2
9
  var STN_SPLIT_VIEW_SIDE_WIDTHS = ["sm", "md", "lg"];
3
10
  var STN_SPLIT_VIEW_OVERLAY_PLACEMENTS = [
4
11
  "top-left",
@@ -17,8 +24,9 @@ var STN_SPLIT_VIEW_INTRO = {
17
24
  };
18
25
 
19
26
  export {
27
+ STN_SPLIT_VIEW_PADDINGS,
20
28
  STN_SPLIT_VIEW_SIDE_WIDTHS,
21
29
  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
22
30
  STN_SPLIT_VIEW_INTRO
23
31
  };
24
- //# sourceMappingURL=chunk-W7K3FSAX.js.map
32
+ //# sourceMappingURL=chunk-F5WWHWEU.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,15 @@
1
+ // src/data/stnList.ts
2
+ var STN_LIST_SIZES = [
3
+ { 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" },
4
+ { 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" },
5
+ { 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" },
6
+ { 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" },
7
+ { size: "xl", minHeight: 56, paddingY: 16, paddingX: 16, fontSize: "title-medium", desc: "\uB300\uD615 \uCE74\uB4DC\uD615 \uD558\uC774\uB77C\uC774\uD2B8 \uBAA9\uB85D" }
8
+ ];
9
+ 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.";
10
+
11
+ export {
12
+ STN_LIST_SIZES,
13
+ STN_LIST_INTRO
14
+ };
15
+ //# sourceMappingURL=chunk-I2Y7E4TU.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=chunk-PXTPAYC3.js.map
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  STN_FEEDBACK_BY_KIND,
3
3
  STN_FEEDBACK_SOURCE
4
- } from "./chunk-BYGKJSDN.js";
4
+ } from "./chunk-6HRKKRTT.js";
5
5
 
6
6
  // src/data/stnToast.ts
7
7
  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 {
74
74
  STN_TOAST_SETUP,
75
75
  STN_TOAST_USAGE_HTML
76
76
  };
77
- //# sourceMappingURL=chunk-SOEBXG3T.js.map
77
+ //# sourceMappingURL=chunk-U66BCO23.js.map
@@ -0,0 +1,9 @@
1
+ // src/data/stnPackageVersion.ts
2
+ var STN_UI_VERSION = "0.1.87";
3
+ var STN_UI_VERSION_LABEL = "v0.1.87";
4
+
5
+ export {
6
+ STN_UI_VERSION,
7
+ STN_UI_VERSION_LABEL
8
+ };
9
+ //# sourceMappingURL=chunk-ZGYPJEU3.js.map
@@ -0,0 +1 @@
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 CHANGED
@@ -1,6 +1,9 @@
1
+ import {
2
+ STN_TEXT_FIELD_USAGE
3
+ } from "./chunk-YJLOIDKY.js";
1
4
  import {
2
5
  STN_TOAST_REACT_USAGE
3
- } from "./chunk-SOEBXG3T.js";
6
+ } from "./chunk-U66BCO23.js";
4
7
  import {
5
8
  STN_TREE_REACT_EXAMPLE
6
9
  } from "./chunk-65B7YUTE.js";
@@ -12,8 +15,8 @@ import {
12
15
  STN_TABLE_REACT_EXAMPLE
13
16
  } from "./chunk-IOBNIUK3.js";
14
17
  import {
15
- STN_TEXT_FIELD_USAGE
16
- } from "./chunk-YJLOIDKY.js";
18
+ STN_SCROLL_USAGE
19
+ } from "./chunk-CHJATVOT.js";
17
20
  import {
18
21
  STN_SEARCH_REQUIREMENT_USAGE
19
22
  } from "./chunk-AE4CKAEK.js";
@@ -24,9 +27,6 @@ import {
24
27
  import {
25
28
  STN_POPUP_USAGE
26
29
  } from "./chunk-G4SOYIHZ.js";
27
- import {
28
- STN_SCROLL_USAGE
29
- } from "./chunk-CHJATVOT.js";
30
30
  import {
31
31
  STN_LOADING_SKELETON_USAGE
32
32
  } from "./chunk-5BGXBJXN.js";
@@ -46,7 +46,7 @@ import {
46
46
  import {
47
47
  STN_DROPDOWN_USAGE
48
48
  } from "./chunk-IZRGNUH6.js";
49
- import "./chunk-BYGKJSDN.js";
49
+ import "./chunk-6HRKKRTT.js";
50
50
  import {
51
51
  STN_DATE_PICKER_USAGE
52
52
  } from "./chunk-QJN2Z6RG.js";
@@ -70,6 +70,8 @@ export { STN_DIVIDER_INTRO, STN_DIVIDER_ORIENTATIONS, STN_DIVIDER_TEXT_ALIGNS, S
70
70
  export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickness, StnStepperOrientation, StnStepperPosition, StnStepperSize } from './stnStepper.js';
71
71
  export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from './stnPopover.js';
72
72
  export { STN_STEP_CARDS_INTRO, StnStepCardItem } from './stnStepCards.js';
73
- export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewSideWidth } from './stnSplitView.js';
73
+ 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';
74
+ export { STN_LIST_INTRO, STN_LIST_SIZES, StnListPadding, StnListSize, StnListSizeSpec, StnListVariant, StnListWidth } from './stnList.js';
75
+ export { STN_MENU_INTRO, STN_MENU_SIZES, StnMenuElevation, StnMenuItemRole, StnMenuPadding, StnMenuSize, StnMenuSizeSpec, StnMenuWidth } from './stnMenu.js';
74
76
  export { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated.js';
75
77
  import 'react';
@@ -1,4 +1,4 @@
1
- import "../chunk-ERZPIKPF.js";
1
+ import "../chunk-PXTPAYC3.js";
2
2
  import {
3
3
  STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
4
4
  STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -29,6 +29,12 @@ import {
29
29
  typographyPrimitivesToJson,
30
30
  typographySemanticsToJson
31
31
  } from "../chunk-2TRZNWCA.js";
32
+ import {
33
+ STN_STEP_CARDS_INTRO
34
+ } from "../chunk-NYZMUDVK.js";
35
+ import {
36
+ STN_STEP_STATUS_SPEC
37
+ } from "../chunk-N4PVFFKV.js";
32
38
  import "../chunk-7ONB2WVN.js";
33
39
  import {
34
40
  STN_TEXT_AREA_HTML,
@@ -40,6 +46,15 @@ import {
40
46
  import {
41
47
  STN_TEXT_COLOR_ROWS
42
48
  } from "../chunk-4HUY6TN4.js";
49
+ import {
50
+ STN_SIZE_INTRO,
51
+ STN_SIZE_ROWS,
52
+ sizeTokensToJson
53
+ } from "../chunk-YI22T66L.js";
54
+ import {
55
+ STN_SIZE_SEMANTIC_INTRO,
56
+ STN_SIZE_SEMANTIC_ROWS
57
+ } from "../chunk-2FHXIAM3.js";
43
58
  import {
44
59
  STN_SLIDER_HTML,
45
60
  STN_SLIDER_INTRO,
@@ -62,17 +77,16 @@ import {
62
77
  import {
63
78
  STN_SPLIT_VIEW_INTRO,
64
79
  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
80
+ STN_SPLIT_VIEW_PADDINGS,
65
81
  STN_SPLIT_VIEW_SIDE_WIDTHS
66
- } from "../chunk-W7K3FSAX.js";
82
+ } from "../chunk-F5WWHWEU.js";
67
83
  import {
68
84
  STN_STATUS_DEMO_STEPS
69
85
  } from "../chunk-R6NCTORS.js";
70
86
  import {
71
- STN_STEP_CARDS_INTRO
72
- } from "../chunk-NYZMUDVK.js";
73
- import {
74
- STN_STEP_STATUS_SPEC
75
- } from "../chunk-N4PVFFKV.js";
87
+ STN_RADIUS_USECASE_INTRO,
88
+ STN_RADIUS_USECASE_ROWS
89
+ } from "../chunk-666SNAJT.js";
76
90
  import {
77
91
  STN_SECTION_SIDE_FIGMA,
78
92
  STN_SECTION_SIDE_INTRO,
@@ -92,14 +106,17 @@ import {
92
106
  STN_SIDE_NAV_SUB_ICON
93
107
  } from "../chunk-QIX7SYPC.js";
94
108
  import {
95
- STN_SIZE_INTRO,
96
- STN_SIZE_ROWS,
97
- sizeTokensToJson
98
- } from "../chunk-YI22T66L.js";
109
+ STN_PAGE_ENTER_MOTION_INTRO,
110
+ STN_PAGE_ENTER_MOTION_ROWS,
111
+ STN_PAGE_ENTER_MOTION_USAGE,
112
+ STN_PAGE_ENTER_MOTION_USAGE_HTML
113
+ } from "../chunk-R65PNEWS.js";
99
114
  import {
100
- STN_SIZE_SEMANTIC_INTRO,
101
- STN_SIZE_SEMANTIC_ROWS
102
- } from "../chunk-2FHXIAM3.js";
115
+ STN_PAGINATION_EXAMPLE,
116
+ STN_PAGINATION_FIGMA,
117
+ STN_PAGINATION_INTRO,
118
+ STN_PAGINATION_REACT
119
+ } from "../chunk-PE4ZB5QC.js";
103
120
  import {
104
121
  STN_POPOVER_INTRO,
105
122
  STN_POPOVER_USAGE
@@ -136,9 +153,9 @@ import {
136
153
  radiusSemanticToJson
137
154
  } from "../chunk-I7S5YLB3.js";
138
155
  import {
139
- STN_RADIUS_USECASE_INTRO,
140
- STN_RADIUS_USECASE_ROWS
141
- } from "../chunk-666SNAJT.js";
156
+ STN_LIST_INTRO,
157
+ STN_LIST_SIZES
158
+ } from "../chunk-I2Y7E4TU.js";
142
159
  import {
143
160
  STN_LIST_TABLE_FIGMA,
144
161
  STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
@@ -155,6 +172,10 @@ import {
155
172
  import {
156
173
  STN_MAP_DASHBOARD_OPTION_ROWS
157
174
  } from "../chunk-3DAZMM4T.js";
175
+ import {
176
+ STN_MENU_INTRO,
177
+ STN_MENU_SIZES
178
+ } from "../chunk-7OZGRHFD.js";
158
179
  import {
159
180
  STN_MOTION_CONSTRAINT_ROWS,
160
181
  STN_MOTION_DELAY_ROWS,
@@ -169,19 +190,7 @@ import {
169
190
  import {
170
191
  STN_UI_VERSION,
171
192
  STN_UI_VERSION_LABEL
172
- } from "../chunk-5QPBSOJ6.js";
173
- import {
174
- STN_PAGE_ENTER_MOTION_INTRO,
175
- STN_PAGE_ENTER_MOTION_ROWS,
176
- STN_PAGE_ENTER_MOTION_USAGE,
177
- STN_PAGE_ENTER_MOTION_USAGE_HTML
178
- } from "../chunk-R65PNEWS.js";
179
- import {
180
- STN_PAGINATION_EXAMPLE,
181
- STN_PAGINATION_FIGMA,
182
- STN_PAGINATION_INTRO,
183
- STN_PAGINATION_REACT
184
- } from "../chunk-PE4ZB5QC.js";
193
+ } from "../chunk-ZGYPJEU3.js";
185
194
  import {
186
195
  STN_HEADER_TITLE_DEMO,
187
196
  STN_HEADER_TITLE_FIGMA,
@@ -318,7 +327,7 @@ import {
318
327
  hexToRgbString,
319
328
  paletteToJsonRecord,
320
329
  semanticPaletteToJsonRecord
321
- } from "../chunk-YN774RCQ.js";
330
+ } from "../chunk-6TQ4O7BK.js";
322
331
  import {
323
332
  STN_THEME_SEMANTIC_DARK_ROWS,
324
333
  STN_THEME_SEMANTIC_LIGHT_ROWS
@@ -328,6 +337,14 @@ import {
328
337
  STN_GRADE_SEMANTIC_ROWS,
329
338
  STN_GRADE_SOURCE
330
339
  } from "../chunk-E26XJXQY.js";
340
+ import {
341
+ STN_TEXT_FIELD_FIGMA,
342
+ STN_TEXT_FIELD_HTML,
343
+ STN_TEXT_FIELD_INTRO,
344
+ STN_TEXT_FIELD_SIZE_ROWS,
345
+ STN_TEXT_FIELD_STATES,
346
+ STN_TEXT_FIELD_USAGE
347
+ } from "../chunk-YJLOIDKY.js";
331
348
  import {
332
349
  STN_TOAST_DEMO_MSG,
333
350
  STN_TOAST_ICON_SLUG,
@@ -337,7 +354,7 @@ import {
337
354
  STN_TOAST_SETUP,
338
355
  STN_TOAST_TOKEN_ROWS,
339
356
  STN_TOAST_USAGE_HTML
340
- } from "../chunk-SOEBXG3T.js";
357
+ } from "../chunk-U66BCO23.js";
341
358
  import {
342
359
  STN_TREE_DEMO,
343
360
  STN_TREE_FIGMA,
@@ -399,13 +416,12 @@ import {
399
416
  STN_TABLE_TH_LABEL_FIGMA
400
417
  } from "../chunk-IOBNIUK3.js";
401
418
  import {
402
- STN_TEXT_FIELD_FIGMA,
403
- STN_TEXT_FIELD_HTML,
404
- STN_TEXT_FIELD_INTRO,
405
- STN_TEXT_FIELD_SIZE_ROWS,
406
- STN_TEXT_FIELD_STATES,
407
- STN_TEXT_FIELD_USAGE
408
- } from "../chunk-YJLOIDKY.js";
419
+ STN_SCROLL_FIGMA,
420
+ STN_SCROLL_INTRO,
421
+ STN_SCROLL_SPEC,
422
+ STN_SCROLL_USAGE,
423
+ STN_SCROLL_USAGE_HTML
424
+ } from "../chunk-CHJATVOT.js";
409
425
  import {
410
426
  STN_SEARCH_REQUIREMENT_DEMO_FIELDS,
411
427
  STN_SEARCH_REQUIREMENT_FIGMA,
@@ -436,13 +452,6 @@ import {
436
452
  STN_POPUP_USAGE_HTML,
437
453
  resolveStnPopupSizeFromWidth
438
454
  } from "../chunk-G4SOYIHZ.js";
439
- import {
440
- STN_SCROLL_FIGMA,
441
- STN_SCROLL_INTRO,
442
- STN_SCROLL_SPEC,
443
- STN_SCROLL_USAGE,
444
- STN_SCROLL_USAGE_HTML
445
- } from "../chunk-CHJATVOT.js";
446
455
  import {
447
456
  STN_LOADING_SKELETON_COLORS,
448
457
  STN_LOADING_SKELETON_INTRO,
@@ -525,7 +534,7 @@ import {
525
534
  STN_FEEDBACK_BY_KIND,
526
535
  STN_FEEDBACK_SEMANTIC_ROWS,
527
536
  STN_FEEDBACK_SOURCE
528
- } from "../chunk-BYGKJSDN.js";
537
+ } from "../chunk-6HRKKRTT.js";
529
538
  import {
530
539
  STN_DATE_PICKER_INTRO,
531
540
  STN_DATE_PICKER_KO_NAME,
@@ -770,6 +779,8 @@ export {
770
779
  STN_LAYOUT_SLOT_USAGE,
771
780
  STN_LAYOUT_WHEN_TO_USE,
772
781
  STN_LINE_HEIGHT_ROWS,
782
+ STN_LIST_INTRO,
783
+ STN_LIST_SIZES,
773
784
  STN_LIST_TABLE_FIGMA,
774
785
  STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
775
786
  STN_LIST_TABLE_OPTION_ROWS,
@@ -785,6 +796,8 @@ export {
785
796
  STN_LOGIN_INTRO,
786
797
  STN_LOGIN_USAGE,
787
798
  STN_MAP_DASHBOARD_OPTION_ROWS,
799
+ STN_MENU_INTRO,
800
+ STN_MENU_SIZES,
788
801
  STN_MOTION_CONSTRAINT_ROWS,
789
802
  STN_MOTION_DELAY_ROWS,
790
803
  STN_MOTION_DISTANCE_ROWS,
@@ -892,6 +905,7 @@ export {
892
905
  STN_SPACING_USECASE_ROWS,
893
906
  STN_SPLIT_VIEW_INTRO,
894
907
  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
908
+ STN_SPLIT_VIEW_PADDINGS,
895
909
  STN_SPLIT_VIEW_SIDE_WIDTHS,
896
910
  STN_STATIC,
897
911
  STN_STATUS_DEMO_STEPS,
@@ -25,10 +25,10 @@ import {
25
25
  hexToRgbString,
26
26
  paletteToJsonRecord,
27
27
  semanticPaletteToJsonRecord
28
- } from "../chunk-YN774RCQ.js";
28
+ } from "../chunk-6TQ4O7BK.js";
29
29
  import "../chunk-YYA5KCXU.js";
30
30
  import "../chunk-E26XJXQY.js";
31
- import "../chunk-BYGKJSDN.js";
31
+ import "../chunk-6HRKKRTT.js";
32
32
  export {
33
33
  STN_ALL_PALETTE_ROWS,
34
34
  STN_BLUE_SCALE,
@@ -30,6 +30,13 @@ declare const STN_FEEDBACK_SOURCE: {
30
30
  readonly toastVar: "--stn-feedback-error";
31
31
  readonly toastifyVar: "--stn-feedback-error";
32
32
  };
33
+ readonly discovery: {
34
+ readonly hex: "#8b5cf6";
35
+ readonly label: "DISCOVERY";
36
+ readonly descKo: "신규, 발견, 특별 안내";
37
+ readonly toastVar: "--stn-feedback-discovery";
38
+ readonly toastifyVar: "--stn-feedback-discovery";
39
+ };
33
40
  };
34
41
  type StnFeedbackKind = keyof typeof STN_FEEDBACK_SOURCE;
35
42
  /** Pub toastify 유형색 → DS primitive (`--stn-feedback-*` · `--toastify-color-*`) */
@@ -2,7 +2,7 @@ import {
2
2
  STN_FEEDBACK_BY_KIND,
3
3
  STN_FEEDBACK_SEMANTIC_ROWS,
4
4
  STN_FEEDBACK_SOURCE
5
- } from "../chunk-BYGKJSDN.js";
5
+ } from "../chunk-6HRKKRTT.js";
6
6
  export {
7
7
  STN_FEEDBACK_BY_KIND,
8
8
  STN_FEEDBACK_SEMANTIC_ROWS,
@@ -0,0 +1,19 @@
1
+ /**
2
+ * StnList — STN 디자인 시스템 표준 목록 컴포넌트 데이터 규격 (SSOT)
3
+ */
4
+ type StnListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ type StnListPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
+ type StnListWidth = 'w80' | 'w100' | 'w120' | 'w140' | 'w160' | 'w180' | 'w200' | 'full';
7
+ type StnListVariant = 'flat' | 'card' | 'bordered';
8
+ interface StnListSizeSpec {
9
+ size: StnListSize;
10
+ minHeight: number;
11
+ paddingY: number;
12
+ paddingX: number;
13
+ fontSize: string;
14
+ desc: string;
15
+ }
16
+ declare const STN_LIST_SIZES: readonly StnListSizeSpec[];
17
+ 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.";
18
+
19
+ export { STN_LIST_INTRO, STN_LIST_SIZES, type StnListPadding, type StnListSize, type StnListSizeSpec, type StnListVariant, type StnListWidth };
@@ -0,0 +1,9 @@
1
+ import {
2
+ STN_LIST_INTRO,
3
+ STN_LIST_SIZES
4
+ } from "../chunk-I2Y7E4TU.js";
5
+ export {
6
+ STN_LIST_INTRO,
7
+ STN_LIST_SIZES
8
+ };
9
+ //# sourceMappingURL=stnList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,22 @@
1
+ /**
2
+ * StnMenu — STN 디자인 시스템 표준 메뉴 컴포넌트 데이터 규격 (SSOT)
3
+ */
4
+ type StnMenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ type StnMenuPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
+ type StnMenuElevation = 0 | 1 | 2 | 3 | 4 | 5;
7
+ type StnMenuWidth = 'w80' | 'w100' | 'w120' | 'w140' | 'w160' | 'w180' | 'w200' | 'full';
8
+ type StnMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio';
9
+ interface StnMenuSizeSpec {
10
+ size: StnMenuSize;
11
+ itemHeight: number;
12
+ paddingY: number;
13
+ paddingX: number;
14
+ fontSize: string;
15
+ iconSize: number;
16
+ gap: number;
17
+ desc: string;
18
+ }
19
+ declare const STN_MENU_SIZES: readonly StnMenuSizeSpec[];
20
+ 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.";
21
+
22
+ export { STN_MENU_INTRO, STN_MENU_SIZES, type StnMenuElevation, type StnMenuItemRole, type StnMenuPadding, type StnMenuSize, type StnMenuSizeSpec, type StnMenuWidth };
@@ -0,0 +1,9 @@
1
+ import {
2
+ STN_MENU_INTRO,
3
+ STN_MENU_SIZES
4
+ } from "../chunk-7OZGRHFD.js";
5
+ export {
6
+ STN_MENU_INTRO,
7
+ STN_MENU_SIZES
8
+ };
9
+ //# sourceMappingURL=stnMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,5 +1,5 @@
1
1
  /** Package version constants */
2
- declare const STN_UI_VERSION = "0.1.85";
3
- declare const STN_UI_VERSION_LABEL = "v0.1.85";
2
+ declare const STN_UI_VERSION = "0.1.87";
3
+ declare const STN_UI_VERSION_LABEL = "v0.1.87";
4
4
 
5
5
  export { STN_UI_VERSION, STN_UI_VERSION_LABEL };
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  STN_UI_VERSION,
3
3
  STN_UI_VERSION_LABEL
4
- } from "../chunk-5QPBSOJ6.js";
4
+ } from "../chunk-ZGYPJEU3.js";
5
5
  export {
6
6
  STN_UI_VERSION,
7
7
  STN_UI_VERSION_LABEL
@@ -3,6 +3,8 @@
3
3
  * Store locator / 망구성도 / 캔버스 탐색: 중첩 Card 없이 좌 패널 + 우 스테이지.
4
4
  */
5
5
  type StnSplitViewSideWidth = 'sm' | 'md' | 'lg';
6
+ type StnSplitViewPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg';
7
+ declare const STN_SPLIT_VIEW_PADDINGS: readonly StnSplitViewPadding[];
6
8
  type StnSplitViewOverlayPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center-left' | 'center-right';
7
9
  declare const STN_SPLIT_VIEW_SIDE_WIDTHS: readonly StnSplitViewSideWidth[];
8
10
  declare const STN_SPLIT_VIEW_OVERLAY_PLACEMENTS: readonly StnSplitViewOverlayPlacement[];
@@ -13,4 +15,4 @@ declare const STN_SPLIT_VIEW_INTRO: {
13
15
  description: string;
14
16
  };
15
17
 
16
- export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, type StnSplitViewOverlayPlacement, type StnSplitViewSideWidth };
18
+ 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 };
@@ -1,11 +1,13 @@
1
1
  import {
2
2
  STN_SPLIT_VIEW_INTRO,
3
3
  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
4
+ STN_SPLIT_VIEW_PADDINGS,
4
5
  STN_SPLIT_VIEW_SIDE_WIDTHS
5
- } from "../chunk-W7K3FSAX.js";
6
+ } from "../chunk-F5WWHWEU.js";
6
7
  export {
7
8
  STN_SPLIT_VIEW_INTRO,
8
9
  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
10
+ STN_SPLIT_VIEW_PADDINGS,
9
11
  STN_SPLIT_VIEW_SIDE_WIDTHS
10
12
  };
11
13
  //# sourceMappingURL=stnSplitView.js.map
@@ -7,8 +7,8 @@ import {
7
7
  STN_TOAST_SETUP,
8
8
  STN_TOAST_TOKEN_ROWS,
9
9
  STN_TOAST_USAGE_HTML
10
- } from "../chunk-SOEBXG3T.js";
11
- import "../chunk-BYGKJSDN.js";
10
+ } from "../chunk-U66BCO23.js";
11
+ import "../chunk-6HRKKRTT.js";
12
12
  export {
13
13
  STN_TOAST_DEMO_MSG,
14
14
  STN_TOAST_ICON_SLUG,