@stn-uiux/pub-ui 0.1.58 → 0.1.59

package/dist/{chunk-EDXSK54U.js → chunk-H4ZJQ5YW.js}

@@ -1,6 +1,6 @@
 import {
   systemIconSrc
-} from "./chunk-PVF77NHZ.js";
+} from "./chunk-XEG4WDUD.js";
 
 // src/data/stnSideNavItem.ts
 var STN_SIDE_NAV_ITEM_INTRO = '\uC0AC\uC774\uB4DC\uBC14 \uBA54\uB274 \uD589 \u2014 Figma `menu`(184:63009). `StnSideNavItem` + `.stn-side-nav-item`. \uD3BC\uCE68(Default) \xB7 \uC811\uD798(Collapsed) \xB7 2depth(`variant="sub"`).';
@@ -33,4 +33,4 @@ export {
   STN_SIDE_NAV_SUB_ICON,
   STN_SIDE_NAV_ITEM_STATES
 };
-//# sourceMappingURL=chunk-EDXSK54U.js.map
+//# sourceMappingURL=chunk-H4ZJQ5YW.js.map

package/dist/{chunk-EQVFEZEQ.js → chunk-JPILTFLI.js}

@@ -1,6 +1,6 @@
 import {
   systemIconSrc
-} from "./chunk-PVF77NHZ.js";
+} from "./chunk-XEG4WDUD.js";
 
 // src/data/stnHeader.ts
 var STN_HEADER_INTRO = "\uD398\uC774\uC9C0 \uCD5C\uC0C1\uB2E8\uC5D0 \uBC30\uCE58\uB418\uC5B4 \uC2DC\uC2A4\uD15C \uC0C1\uD0DC, \uD0C0\uC774\uD2C0, \uC2E4\uC2DC\uAC04 \uC2DC\uACC4, \uD234\uBC14 \uC561\uC158, \uBE0C\uB808\uB4DC\uD06C\uB7FC\uC744 \uD45C\uCD9C\uD558\uB294 \uC0C1\uB2E8 \uD5E4\uB354 \uD328\uD134\uC785\uB2C8\uB2E4. \uC88C\uCE21(Left) \xB7 \uC911\uC559(Center) \xB7 \uC6B0\uCE21(Right) 3\uAC1C \uC2AC\uB86F\uC744 \uC720\uC5F0\uD558\uAC8C \uC870\uB9BD\uD558\uC5EC \uAD6C\uC131\uD560 \uC218 \uC788\uC73C\uBA70, Center \uC2AC\uB86F \uC720\uBB34\uC5D0 \uB530\uB77C \uBC18\uC751\uD615 \uADF8\uB9AC\uB4DC \uB808\uC774\uC544\uC6C3\uC774 \uC790\uB3D9\uC73C\uB85C \uCD5C\uC801\uD654\uB429\uB2C8\uB2E4. \uD3ED\uC774 \uC904\uBA74 Right\uB9CC \uBA3C\uC800 \uCD95\uC57D(\u22641280 \uD234\uBC14 \uC544\uC774\uCF58\uD654)\uB418\uACE0, Center StnHeaderTitle\uC740 md(32px)\uC5D0\uC11C sm(\u22641280), compact(\u2264720)\uC73C\uB85C \uC810\uC9C4 \uCD95\uC18C\uB429\uB2C8\uB2E4.";
@@ -22,7 +22,7 @@ var STN_HEADER_VARIANT_ROWS = [
   }
 ];
 var STN_HEADER_USAGE = `import {
-  StnSystemChip,
+  StnStatus,
   StnHeader,
   StnBreadcrumb,
   StnButton,
@@ -33,7 +33,7 @@ var STN_HEADER_USAGE = `import {
 
 <StnHeader>
   <StnHeader.Left>
-    <StnSystemChip items={[{ id: 'c', tone: 'critical', count: 0 }, ...]} />
+    <StnStatus.DotGroup items={[{ id: 'c', state: 'critical', count: 0 }, ...]} />
   </StnHeader.Left>
   <StnHeader.Center>
     <StnHeaderTitle>\uD1B5\uD569 \uAD00\uC81C \uC194\uB8E8\uC158</StnHeaderTitle>
@@ -52,7 +52,7 @@ var STN_HEADER_USAGE = `import {
 var STN_HEADER_USAGE_HTML = `<!-- Left \xB7 Center \xB7 Right \uC2AC\uB86F \uC870\uB9BD -->
 <header class="stn-header">
   <div class="stn-header__left">
-    <!-- StnSystemChip / .stn-system-chip -->
+    <!-- StnStatus.DotGroup / .stn-status-dot-group -->
   </div>
   <div class="stn-header__center">
     <div class="stn-header-title">
@@ -102,4 +102,4 @@ export {
   STN_HEADER_PAGE_TITLE_DEMO,
   STN_HEADER_TOOLBAR_DEMO_ACTIONS
 };
-//# sourceMappingURL=chunk-EQVFEZEQ.js.map
+//# sourceMappingURL=chunk-JPILTFLI.js.map

package/dist/chunk-JPILTFLI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnHeader.ts"],"sourcesContent":["/**\n * Infomap header pattern — Figma 43377 · 43521 · 211938\n * @see StnHeader · patterns/stn-header.css\n */\n\nimport { systemIconSrc } from './stnSystemIcons'\n\nexport type StnHeaderVariant = 'dashboard' | 'widget' | 'page'\nexport type StnHeaderPadding = 'none' | 'sm' | 'md' | 'lg'\nexport type StnHeaderGap = 'none' | 'sm' | 'md' | 'lg'\n\nexport const STN_HEADER_INTRO =\n  '페이지 최상단에 배치되어 시스템 상태, 타이틀, 실시간 시계, 툴바 액션, 브레드크럼을 표출하는 상단 헤더 패턴입니다. 좌측(Left) · 중앙(Center) · 우측(Right) 3개 슬롯을 유연하게 조립하여 구성할 수 있으며, Center 슬롯 유무에 따라 반응형 그리드 레이아웃이 자동으로 최적화됩니다. 폭이 줄면 Right만 먼저 축약(≤1280 툴바 아이콘화)되고, Center StnHeaderTitle은 md(32px)에서 sm(≤1280), compact(≤720)으로 점진 축소됩니다.'\n\nexport const STN_HEADER_VARIANT_ROWS = [\n  {\n    variant: 'dashboard',\n    layout: 'Left(1fr · hug) · Center(auto) · Right(1fr · hug)',\n    example: 'Alert status + Header title + System chips',\n  },\n  {\n    variant: 'widget',\n    layout: 'Left(1fr · hug) · Center(auto clock) · Right(1fr · hug)',\n    example: 'Breadcrumb + Clock + Action buttons',\n  },\n  {\n    variant: 'page',\n    layout: 'Left title · Right',\n    example: 'Page title + Breadcrumb',\n  },\n] as const\n\nexport const STN_HEADER_USAGE = `import {\n  StnStatus,\n  StnHeader,\n  StnBreadcrumb,\n  StnButton,\n  StnHeaderTitle,\n  StnHeaderToolbar,\n  StnIcon,\n} from '@stn-uiux/pub-ui-react'\n\n<StnHeader>\n  <StnHeader.Left>\n    <StnStatus.DotGroup items={[{ id: 'c', state: 'critical', count: 0 }, ...]} />\n  </StnHeader.Left>\n  <StnHeader.Center>\n    <StnHeaderTitle>통합 관제 솔루션</StnHeaderTitle>\n  </StnHeader.Center>\n  <StnHeader.Right>\n    <StnHeaderToolbar>\n      <StnButton size=\"M\" variant=\"ghost\" icon={<StnIcon name=\"fill/system_status_on\" size={16} className=\"stn-icon--color\" />}>\n        시스템 감시\n      </StnButton>\n      <StnButton size=\"M\" variant=\"ghost\" icon={<StnIcon name=\"line/sun-high\" size={16} />}>\n        라이트모드\n      </StnButton>\n    </StnHeaderToolbar>\n  </StnHeader.Right>\n</StnHeader>`\n\nexport const STN_HEADER_USAGE_HTML = `<!-- Left · Center · Right 슬롯 조립 -->\n<header class=\"stn-header\">\n  <div class=\"stn-header__left\">\n    <!-- StnStatus.DotGroup / .stn-status-dot-group -->\n  </div>\n  <div class=\"stn-header__center\">\n    <div class=\"stn-header-title\">\n      <span class=\"stn-header-title__text\">통합 관제 솔루션</span>\n    </div>\n  </div>\n  <div class=\"stn-header__right\">\n    <div class=\"stn-header-toolbar\">\n      <!-- system monitor · theme buttons -->\n    </div>\n  </div>\n</header>`\n\nexport const STN_SYSTEM_CHIP_DEMO = [\n  { id: 'critical', tone: 'critical' as const, count: 0 },\n  { id: 'major', tone: 'major' as const, count: 12 },\n  { id: 'minor', tone: 'minor' as const, count: 2 },\n  { id: 'info', tone: 'info' as const, count: 3 },\n]\n\nexport const STN_HEADER_PAGE_TITLE_DEMO = '장애코드 관리'\n\n/** Figma map toolbar 40000040:75034 — leading icon + label */\nexport const STN_HEADER_TOOLBAR_DEMO_ACTIONS = [\n  {\n    id: 'reset',\n    label: '기본값으로 초기화',\n    iconSrc: systemIconSrc('line/refresh'),\n    tertiaryStyle: 'outline' as const,\n  },\n  {\n    id: 'edit',\n    label: '편집',\n    iconSrc: systemIconSrc('line/pencil-minus'),\n    tertiaryStyle: 'ghost' as const,\n  },\n  {\n    id: 'prev-day',\n    label: '전일 현황',\n    iconSrc: systemIconSrc('line/report'),\n    tertiaryStyle: 'ghost' as const,\n  },\n] as const\n"],"mappings":";;;;;AAWO,IAAM,mBACX;AAEK,IAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAEO,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BzB,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB9B,IAAM,uBAAuB;AAAA,EAClC,EAAE,IAAI,YAAY,MAAM,YAAqB,OAAO,EAAE;AAAA,EACtD,EAAE,IAAI,SAAS,MAAM,SAAkB,OAAO,GAAG;AAAA,EACjD,EAAE,IAAI,SAAS,MAAM,SAAkB,OAAO,EAAE;AAAA,EAChD,EAAE,IAAI,QAAQ,MAAM,QAAiB,OAAO,EAAE;AAChD;AAEO,IAAM,6BAA6B;AAGnC,IAAM,kCAAkC;AAAA,EAC7C;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,cAAc,cAAc;AAAA,IACrC,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,cAAc,mBAAmB;AAAA,IAC1C,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,cAAc,aAAa;AAAA,IACpC,eAAe;AAAA,EACjB;AACF;","names":[]}

package/dist/{chunk-J46EPVSY.js → chunk-SKZOEF3H.js}

@@ -1,6 +1,6 @@
 import {
   systemIconSrc
-} from "./chunk-PVF77NHZ.js";
+} from "./chunk-XEG4WDUD.js";
 
 // src/data/stnBreadcrumb.ts
 var STN_BREADCRUMB_FIGMA = "40002093:31845";
@@ -57,4 +57,4 @@ export {
   STN_BREADCRUMB_DEMO_ITEMS,
   STN_BREADCRUMB_PARTS
 };
-//# sourceMappingURL=chunk-J46EPVSY.js.map
+//# sourceMappingURL=chunk-SKZOEF3H.js.map

package/dist/chunk-SQJPE6HH.js

@@ -0,0 +1,12 @@
+// src/data/stnStatus.ts
+var STN_STATUS_DEMO_STEPS = [
+  { key: "occur", label: "\uC7A5\uC560\uBC1C\uC0DD", color: "critical", icon: "line/alert-octagon" },
+  { key: "ack", label: "\uC778\uC9C0", color: "warning", icon: "line/bell" },
+  { key: "notify", label: "\uD1B5\uBCF4", color: "primary", icon: "line/volume-2" },
+  { key: "resolve", label: "\uD574\uC18C", color: "success", icon: "line/check-circle-2" }
+];
+
+export {
+  STN_STATUS_DEMO_STEPS
+};
+//# sourceMappingURL=chunk-SQJPE6HH.js.map

package/dist/chunk-SQJPE6HH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnStatus.ts"],"sourcesContent":["export type StnStatusDotState =\n  | 'up'\n  | 'down'\n  | 'critical'\n  | 'major'\n  | 'minor'\n  | 'warning'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'neutral'\n  | string\n\nexport type StnStatusFlowStepColor =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'neutral'\n  | 'critical'\n  | 'major'\n  | 'minor'\n  | 'warning'\n  | string\n\nexport type StnStatusFlowStep = {\n  key: string\n  label: string\n  color?: StnStatusFlowStepColor\n  icon?: string\n}\n\nexport const STN_STATUS_DEMO_STEPS: StnStatusFlowStep[] = [\n  { key: 'occur', label: '장애발생', color: 'critical', icon: 'line/alert-octagon' },\n  { key: 'ack', label: '인지', color: 'warning', icon: 'line/bell' },\n  { key: 'notify', label: '통보', color: 'primary', icon: 'line/volume-2' },\n  { key: 'resolve', label: '해소', color: 'success', icon: 'line/check-circle-2' },\n]\n"],"mappings":";AAmCO,IAAM,wBAA6C;AAAA,EACxD,EAAE,KAAK,SAAS,OAAO,4BAAQ,OAAO,YAAY,MAAM,qBAAqB;AAAA,EAC7E,EAAE,KAAK,OAAO,OAAO,gBAAM,OAAO,WAAW,MAAM,YAAY;AAAA,EAC/D,EAAE,KAAK,UAAU,OAAO,gBAAM,OAAO,WAAW,MAAM,gBAAgB;AAAA,EACtE,EAAE,KAAK,WAAW,OAAO,gBAAM,OAAO,WAAW,MAAM,sBAAsB;AAC/E;","names":[]}

package/dist/{chunk-PVF77NHZ.js → chunk-XEG4WDUD.js}

@@ -1,6 +1,6 @@
 import {
   SYSTEM_ICON_DATA_URLS
-} from "./chunk-TDLGKV4C.js";
+} from "./chunk-EQTZA7I2.js";
 
 // src/data/stnSystemIcons.ts
 function styleFromSlug(slug) {
@@ -96,7 +96,6 @@ var RAW = [
   { id: "40002193:31132", name: "icon/line/shield-check 1", slug: "line/shield-check" },
   { id: "40002193:31136", name: "icon/line/volume 1", slug: "line/volume" },
   { id: "40002193:31141", name: "icon/fill/circle-dot 1", slug: "fill/circle-dot" },
-  { id: "40002193:31144", name: "icon/ai_agent", slug: "ai_agent", ext: "png" },
   { id: "40002193:31146", name: "icon/fill/moon 1", slug: "fill/moon" },
   { id: "40002193:31149", name: "icon/line/map 1", slug: "line/map" },
   { id: "40002193:31155", name: "icon/line/topology-ring-3 1", slug: "line/topology-ring-3" },
@@ -122,16 +121,6 @@ var RAW = [
   { id: "40002193:31278", name: "icon/line/clock 1", slug: "line/clock" },
   { id: "40002193:31281", name: "icon/line/gamma", slug: "line/gamma" },
   { id: "40002193:31287", name: "icon/line/brightness-2 1", slug: "line/brightness-2" },
-  { id: "40002193:31290", name: "icon/3d/print", slug: "3d/print", ext: "png" },
-  { id: "40002193:31292", name: "icon/3d/wifi", slug: "3d/wifi", ext: "png" },
-  { id: "40002193:31295", name: "icon/3d/server1", slug: "3d/server1", ext: "png" },
-  { id: "40002193:31298", name: "icon/3d/server2", slug: "3d/server2", ext: "png" },
-  { id: "40002193:31301", name: "icon/3d/signal", slug: "3d/signal", ext: "png" },
-  { id: "40002193:31304", name: "icon/3d/print_1", slug: "3d/print_1", ext: "png" },
-  { id: "40002193:31306", name: "icon/3d/wif_1", slug: "3d/wifi_1", ext: "png" },
-  { id: "40002193:31309", name: "icon/3d/werver2_1", slug: "3d/server2_1", ext: "png" },
-  { id: "40002193:31312", name: "icon/3d/signal_1", slug: "3d/signal_1", ext: "png" },
-  { id: "40002193:31315", name: "icon/3d/server1_1", slug: "3d/server1_1", ext: "png" },
   { id: "40002193:31318", name: "icon/line/x 1", slug: "line/x" },
   { id: "40002193:31322", name: "icon/fill/sparkles-2 (1) 1", slug: "fill/sparkles-2" },
   { id: "stn:fill/dashboard", name: "icon/fill/dashboard", slug: "fill/dashboard" },
@@ -145,10 +134,8 @@ var RAW = [
   { id: "stn:line/brand-windows 1", name: "icon/line/brand-windows 1", slug: "line/brand-windows 1" },
   { id: "stn:line/etc", name: "icon/line/etc", slug: "line/etc" },
   { id: "stn:line/exclamation-circle 6", name: "icon/line/exclamation-circle 6", slug: "line/exclamation-circle 6" },
-  { id: "stn:line/input", name: "icon/line/input", slug: "line/input" },
   { id: "stn:line/input-check-mark", name: "icon/line/input-check-mark", slug: "line/input-check-mark" },
   { id: "stn:line/minus 2", name: "icon/line/minus 2", slug: "line/minus 2" },
-  { id: "stn:line/radio", name: "icon/line/radio", slug: "line/radio" },
   { id: "stn:line/refresh 1", name: "icon/line/refresh 1", slug: "line/refresh 1" },
   { id: "stn:line/rotate-clockwise 1", name: "icon/line/rotate-clockwise 1", slug: "line/rotate-clockwise 1" },
   { id: "stn:line/chevron-down", name: "icon/line/chevron-down", slug: "line/chevron-down" },
@@ -195,8 +182,8 @@ function resolveSystemIconSrcFromName(name) {
   if (SYSTEM_ICON_DATA_URLS[name]) return SYSTEM_ICON_DATA_URLS[name];
   const row = SYSTEM_ICON_BY_SLUG.get(name) || SYSTEM_ICON_BY_SLUG.get(norm);
   if (row) return systemIconSrc(row.slug, row.ext);
-  if (norm.startsWith("line/") || norm.startsWith("fill/") || norm.startsWith("3d/")) {
-    return systemIconSrc(norm, norm.startsWith("3d/") ? "png" : "svg");
+  if (norm.startsWith("line/") || norm.startsWith("fill/")) {
+    return systemIconSrc(norm, "svg");
   }
   return null;
 }
@@ -208,4 +195,4 @@ export {
   systemIconSrc,
   resolveSystemIconSrcFromName
 };
-//# sourceMappingURL=chunk-PVF77NHZ.js.map
+//# sourceMappingURL=chunk-XEG4WDUD.js.map

package/dist/chunk-XEG4WDUD.js.map

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

package/dist/cli.js

@@ -1,6 +1,9 @@
+import {
+  STN_TOAST_REACT_USAGE
+} from "./chunk-SOEBXG3T.js";
 import {
   STN_TREE_REACT_EXAMPLE
-} from "./chunk-UPXSNRIJ.js";
+} from "./chunk-AOS3IX4T.js";
 import {
   STN_WIDGET_FIGMA_SHELL_REACT,
   STN_WIDGET_USAGE
@@ -11,16 +14,13 @@ import {
 import {
   STN_TEXT_FIELD_USAGE
 } from "./chunk-NB4NJQYE.js";
-import {
-  STN_TOAST_REACT_USAGE
-} from "./chunk-SOEBXG3T.js";
 import {
   STN_SIDE_NAVIGATION_USAGE,
   STN_SIDE_NAV_ITEM_USAGE
 } from "./chunk-7ZIUVC3E.js";
 import {
   STN_SCROLL_USAGE
-} from "./chunk-XNGYRPZI.js";
+} from "./chunk-CHJATVOT.js";
 import {
   STN_SEARCH_REQUIREMENT_USAGE
 } from "./chunk-AE4CKAEK.js";
@@ -36,7 +36,7 @@ import {
 import "./chunk-XBFXX3D6.js";
 import {
   STN_LAYOUT_LIST_VIEW_USAGE
-} from "./chunk-7ASY5YJ6.js";
+} from "./chunk-36BAGMYT.js";
 import {
   STN_LOADING_SKELETON_USAGE
 } from "./chunk-5BGXBJXN.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk-LKVTW54X.js";
 import {
   STN_HEADER_USAGE
-} from "./chunk-EQVFEZEQ.js";
+} from "./chunk-JPILTFLI.js";
 import "./chunk-BYGKJSDN.js";
 import {
   STN_DATE_PICKER_USAGE
@@ -54,8 +54,8 @@ import "./chunk-5F63CMM7.js";
 import {
   STN_ALERT_CENTER_USAGE
 } from "./chunk-2WKT7X65.js";
-import "./chunk-PVF77NHZ.js";
-import "./chunk-TDLGKV4C.js";
+import "./chunk-XEG4WDUD.js";
+import "./chunk-EQTZA7I2.js";
 
 // src/cli/index.ts
 import { createRequire } from "module";

package/dist/data/index.d.ts

@@ -62,4 +62,5 @@ export { STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTyp
 export { STN_FONT_FAMILY_ROWS, STN_FONT_SIZE_ROWS, STN_FONT_WEIGHT_ROWS, STN_LINE_HEIGHT_ROWS, STN_TYPOGRAPHY_PRIMITIVE_GROUPS, STN_TYPOGRAPHY_SEMANTIC_ROWS, StnTypographyPrimitiveRow, StnTypographySemanticRow, typographyPrimitivesToJson, typographySemanticsToJson } from './stnTypography.js';
 export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_VARIANTS, StnCardPadding, StnCardRadius, StnCardVariant } from './stnCard.js';
 export { STN_ALERT_CENTER_DASHBOARD_USAGE, STN_ALERT_CENTER_DASHBOARD_WIDGETS, STN_WIDGET_APPEARANCE_ROWS, STN_WIDGET_CHART_SLOT_HTML, STN_WIDGET_CHART_SLOT_REACT, STN_WIDGET_DISABILITY_STATUS_DEMO, STN_WIDGET_FIGMA, STN_WIDGET_FIGMA_DARK, STN_WIDGET_FIGMA_DARK_URL, STN_WIDGET_FIGMA_SHELL_HTML, STN_WIDGET_FIGMA_SHELL_REACT, STN_WIDGET_FIGMA_URL, STN_WIDGET_GRADE_ROW_DEMO, STN_WIDGET_HEADER_HTML, STN_WIDGET_HEADER_REACT, STN_WIDGET_INTRO, STN_WIDGET_KINDS, STN_WIDGET_SHELL_ROWS, STN_WIDGET_TOP5_BARS_DEMO, STN_WIDGET_TRAFFIC_BARS_DEMO, STN_WIDGET_USAGE, STN_WIDGET_USAGE_HTML, StnWidgetAppearance, StnWidgetAppearanceLegacy, StnWidgetAppearanceShell, StnWidgetAssetId, StnWidgetBackgroundMode, StnWidgetContentFamily, StnWidgetGradeRowGrade, StnWidgetKind, StnWidgetKindBodySlot, StnWidgetKindPreview, StnWidgetShell, buildStnWidgetKindUsage, getStnWidgetKind, isStnWidgetKindSlug, normalizeStnWidgetAppearance, resolveStnWidgetBackground, resolveStnWidgetKindAppearance, resolveStnWidgetKindBodySlot, stnWidgetSampleUrl } from './stnWidget.js';
+export { STN_STATUS_DEMO_STEPS, StnStatusDotState, StnStatusFlowStep, StnStatusFlowStepColor } from './stnStatus.js';
 export { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated.js';

package/dist/data/index.js

@@ -1,4 +1,4 @@
-import "../chunk-LHV26PEP.js";
+import "../chunk-A5KLX6NX.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -29,6 +29,9 @@ import {
   STN_SPACING_USECASE_INTRO,
   STN_SPACING_USECASE_ROWS
 } from "../chunk-AFDRRCY6.js";
+import {
+  STN_STATUS_DEMO_STEPS
+} from "../chunk-SQJPE6HH.js";
 import {
   STN_TEXT_COLOR_ROWS
 } from "../chunk-4HUY6TN4.js";
@@ -37,7 +40,7 @@ import {
   STN_SIDE_NAV_ITEM_INTRO,
   STN_SIDE_NAV_ITEM_STATES,
   STN_SIDE_NAV_SUB_ICON
-} from "../chunk-EDXSK54U.js";
+} from "../chunk-H4ZJQ5YW.js";
 import {
   STN_SIZE_INTRO,
   STN_SIZE_ROWS,
@@ -280,6 +283,16 @@ import {
   STN_GRADE_SEMANTIC_ROWS,
   STN_GRADE_SOURCE
 } from "../chunk-E26XJXQY.js";
+import {
+  STN_TOAST_DEMO_MSG,
+  STN_TOAST_ICON_SLUG,
+  STN_TOAST_INTRO,
+  STN_TOAST_KINDS,
+  STN_TOAST_REACT_USAGE,
+  STN_TOAST_SETUP,
+  STN_TOAST_TOKEN_ROWS,
+  STN_TOAST_USAGE_HTML
+} from "../chunk-SOEBXG3T.js";
 import {
   STN_TREE_DEMO,
   STN_TREE_FIGMA,
@@ -291,7 +304,7 @@ import {
   STN_TREE_SECTION_SIDE_FIGMA,
   STN_TREE_USAGE_HTML,
   describeTreePatternReact
-} from "../chunk-UPXSNRIJ.js";
+} from "../chunk-AOS3IX4T.js";
 import {
   STN_ALERT_CENTER_DASHBOARD_USAGE,
   STN_ALERT_CENTER_DASHBOARD_WIDGETS,
@@ -348,16 +361,6 @@ import {
   STN_TEXT_FIELD_STATES,
   STN_TEXT_FIELD_USAGE
 } from "../chunk-NB4NJQYE.js";
-import {
-  STN_TOAST_DEMO_MSG,
-  STN_TOAST_ICON_SLUG,
-  STN_TOAST_INTRO,
-  STN_TOAST_KINDS,
-  STN_TOAST_REACT_USAGE,
-  STN_TOAST_SETUP,
-  STN_TOAST_TOKEN_ROWS,
-  STN_TOAST_USAGE_HTML
-} from "../chunk-SOEBXG3T.js";
 import {
   STN_SIDE_NAVIGATION_INTRO,
   STN_SIDE_NAVIGATION_USAGE,
@@ -369,7 +372,7 @@ import {
   STN_SCROLL_SPEC,
   STN_SCROLL_USAGE,
   STN_SCROLL_USAGE_HTML
-} from "../chunk-XNGYRPZI.js";
+} from "../chunk-CHJATVOT.js";
 import {
   STN_SEARCH_REQUIREMENT_DEMO_FIELDS,
   STN_SEARCH_REQUIREMENT_FIGMA,
@@ -447,7 +450,7 @@ import {
   applyLnbSideToModifiers,
   pubContentAreaClasses,
   pubLayoutRegionClass
-} from "../chunk-7ASY5YJ6.js";
+} from "../chunk-36BAGMYT.js";
 import {
   STN_LOADING_SKELETON_COLORS,
   STN_LOADING_SKELETON_INTRO,
@@ -473,7 +476,7 @@ import {
   STN_HEADER_USAGE_HTML,
   STN_HEADER_VARIANT_ROWS,
   STN_SYSTEM_CHIP_DEMO
-} from "../chunk-EQVFEZEQ.js";
+} from "../chunk-JPILTFLI.js";
 import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
@@ -523,17 +526,17 @@ import {
   STN_BREADCRUMB_ICON_SRC,
   STN_BREADCRUMB_INTRO,
   STN_BREADCRUMB_PARTS
-} from "../chunk-J46EPVSY.js";
+} from "../chunk-SKZOEF3H.js";
 import {
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,
   resolveSystemIconSrcFromName,
   systemIconPublicPath,
   systemIconSrc
-} from "../chunk-PVF77NHZ.js";
+} from "../chunk-XEG4WDUD.js";
 import {
   SYSTEM_ICON_DATA_URLS
-} from "../chunk-TDLGKV4C.js";
+} from "../chunk-EQTZA7I2.js";
 import {
   STN_BREAKPOINT_INTRO,
   STN_BREAKPOINT_MEDIA,
@@ -823,6 +826,7 @@ export {
   STN_SPACING_USECASE_INTRO,
   STN_SPACING_USECASE_ROWS,
   STN_STATIC,
+  STN_STATUS_DEMO_STEPS,
   STN_SYSTEM_CHIP_DEMO,
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,

package/dist/data/stnBreadcrumb.js

@@ -5,9 +5,9 @@ import {
   STN_BREADCRUMB_ICON_SRC,
   STN_BREADCRUMB_INTRO,
   STN_BREADCRUMB_PARTS
-} from "../chunk-J46EPVSY.js";
-import "../chunk-PVF77NHZ.js";
-import "../chunk-TDLGKV4C.js";
+} from "../chunk-SKZOEF3H.js";
+import "../chunk-XEG4WDUD.js";
+import "../chunk-EQTZA7I2.js";
 export {
   STN_BREADCRUMB_DEMO_ITEMS,
   STN_BREADCRUMB_FIGMA,

package/dist/data/stnHeader.d.ts

@@ -19,8 +19,8 @@ declare const STN_HEADER_VARIANT_ROWS: readonly [{
     readonly layout: "Left title · Right";
     readonly example: "Page title + Breadcrumb";
 }];
-declare const STN_HEADER_USAGE = "import {\n  StnSystemChip,\n  StnHeader,\n  StnBreadcrumb,\n  StnButton,\n  StnHeaderTitle,\n  StnHeaderToolbar,\n  StnIcon,\n} from '@stn-uiux/pub-ui-react'\n\n<StnHeader>\n  <StnHeader.Left>\n    <StnSystemChip items={[{ id: 'c', tone: 'critical', count: 0 }, ...]} />\n  </StnHeader.Left>\n  <StnHeader.Center>\n    <StnHeaderTitle>\uD1B5\uD569 \uAD00\uC81C \uC194\uB8E8\uC158</StnHeaderTitle>\n  </StnHeader.Center>\n  <StnHeader.Right>\n    <StnHeaderToolbar>\n      <StnButton size=\"M\" variant=\"ghost\" icon={<StnIcon name=\"fill/system_status_on\" size={16} className=\"stn-icon--color\" />}>\n        \uC2DC\uC2A4\uD15C \uAC10\uC2DC\n      </StnButton>\n      <StnButton size=\"M\" variant=\"ghost\" icon={<StnIcon name=\"line/sun-high\" size={16} />}>\n        \uB77C\uC774\uD2B8\uBAA8\uB4DC\n      </StnButton>\n    </StnHeaderToolbar>\n  </StnHeader.Right>\n</StnHeader>";
-declare const STN_HEADER_USAGE_HTML = "<!-- Left \u00B7 Center \u00B7 Right \uC2AC\uB86F \uC870\uB9BD -->\n<header class=\"stn-header\">\n  <div class=\"stn-header__left\">\n    <!-- StnSystemChip / .stn-system-chip -->\n  </div>\n  <div class=\"stn-header__center\">\n    <div class=\"stn-header-title\">\n      <span class=\"stn-header-title__text\">\uD1B5\uD569 \uAD00\uC81C \uC194\uB8E8\uC158</span>\n    </div>\n  </div>\n  <div class=\"stn-header__right\">\n    <div class=\"stn-header-toolbar\">\n      <!-- system monitor \u00B7 theme buttons -->\n    </div>\n  </div>\n</header>";
+declare const STN_HEADER_USAGE = "import {\n  StnStatus,\n  StnHeader,\n  StnBreadcrumb,\n  StnButton,\n  StnHeaderTitle,\n  StnHeaderToolbar,\n  StnIcon,\n} from '@stn-uiux/pub-ui-react'\n\n<StnHeader>\n  <StnHeader.Left>\n    <StnStatus.DotGroup items={[{ id: 'c', state: 'critical', count: 0 }, ...]} />\n  </StnHeader.Left>\n  <StnHeader.Center>\n    <StnHeaderTitle>\uD1B5\uD569 \uAD00\uC81C \uC194\uB8E8\uC158</StnHeaderTitle>\n  </StnHeader.Center>\n  <StnHeader.Right>\n    <StnHeaderToolbar>\n      <StnButton size=\"M\" variant=\"ghost\" icon={<StnIcon name=\"fill/system_status_on\" size={16} className=\"stn-icon--color\" />}>\n        \uC2DC\uC2A4\uD15C \uAC10\uC2DC\n      </StnButton>\n      <StnButton size=\"M\" variant=\"ghost\" icon={<StnIcon name=\"line/sun-high\" size={16} />}>\n        \uB77C\uC774\uD2B8\uBAA8\uB4DC\n      </StnButton>\n    </StnHeaderToolbar>\n  </StnHeader.Right>\n</StnHeader>";
+declare const STN_HEADER_USAGE_HTML = "<!-- Left \u00B7 Center \u00B7 Right \uC2AC\uB86F \uC870\uB9BD -->\n<header class=\"stn-header\">\n  <div class=\"stn-header__left\">\n    <!-- StnStatus.DotGroup / .stn-status-dot-group -->\n  </div>\n  <div class=\"stn-header__center\">\n    <div class=\"stn-header-title\">\n      <span class=\"stn-header-title__text\">\uD1B5\uD569 \uAD00\uC81C \uC194\uB8E8\uC158</span>\n    </div>\n  </div>\n  <div class=\"stn-header__right\">\n    <div class=\"stn-header-toolbar\">\n      <!-- system monitor \u00B7 theme buttons -->\n    </div>\n  </div>\n</header>";
 declare const STN_SYSTEM_CHIP_DEMO: ({
     id: string;
     tone: "critical";

package/dist/data/stnHeader.js

@@ -6,9 +6,9 @@ import {
   STN_HEADER_USAGE_HTML,
   STN_HEADER_VARIANT_ROWS,
   STN_SYSTEM_CHIP_DEMO
-} from "../chunk-EQVFEZEQ.js";
-import "../chunk-PVF77NHZ.js";
-import "../chunk-TDLGKV4C.js";
+} from "../chunk-JPILTFLI.js";
+import "../chunk-XEG4WDUD.js";
+import "../chunk-EQTZA7I2.js";
 export {
   STN_HEADER_INTRO,
   STN_HEADER_PAGE_TITLE_DEMO,

package/dist/data/stnLayout.d.ts

@@ -20,7 +20,7 @@ declare const STN_LAYOUT_LIST_LAYER_TABS: {
     id: StnLayoutListLayerTabId;
     label: string;
 }[];
-declare const STN_LAYOUT_LIST_VIEW_USAGE = "import {\n  ListPageScaffold,\n  StnHeader,\n  StnSideNavigation,\n  StnSearchRequirementBar,\n  StnTable,\n  StnPagination,\n  StnButton,\n} from '@stn-uiux/pub-ui-react'\n\nexport function InterfaceListPage() {\n  return (\n    <ListPageScaffold\n      shell=\"layer\"\n      lnbSide=\"left\"\n      gnb={<StnSideNavigation />}\n      header={<StnHeader variant=\"page\" />}\n      contentModifiers={['has_lnb', 'has_sch']}\n      search={\n        <StnSearchRequirementBar>{/* Fields \u00B7 SearchButton */}</StnSearchRequirementBar>\n      }\n    >\n      <StnTable\n        summary=\"\uCD1D 128\uAC1C (1 to 20)\"\n        footerCenter={<StnPagination page={1} count={8} />}\n        footerRight={\n          <>\n            <StnButton size=\"M\">\uB4F1\uB85D</StnButton>\n            <StnButton size=\"M\" variant=\"ghost\">\uC218\uC815</StnButton>\n          </>\n        }\n      >\n        <StnTable.Grid>{/* \u2026 */}</StnTable.Grid>\n      </StnTable>\n    </ListPageScaffold>\n  )\n}";
+declare const STN_LAYOUT_LIST_VIEW_USAGE = "import {\n  ListPageScaffold,\n  StnHeader,\n  StnSideNavigation,\n  StnSearchRequirementBar,\n  StnTable,\n  StnPagination,\n  StnButton,\n} from '@stn-uiux/pub-ui-react'\n\nexport function InterfaceListPage() {\n  return (\n    <ListPageScaffold\n      shell=\"layer\"\n      lnbSide=\"left\"\n      gnb={<StnSideNavigation />}\n      header={<StnHeader variant=\"page\" />}\n      contentModifiers={['has_lnb', 'has_sch']}\n      search={\n        <StnSearchRequirementBar>{/* Fields \u00B7 SearchButton */}</StnSearchRequirementBar>\n      }\n    >\n      <StnTable\n        summary=\"\uCD1D 128\uAC1C (1 to 20)\"\n        footerCenter={<StnPagination page={1} count={8} />}\n        footerRight={\n          <>\n            <StnButton size=\"md\">\uB4F1\uB85D</StnButton>\n            <StnButton size=\"md\" variant=\"ghost\">\uC218\uC815</StnButton>\n          </>\n        }\n      >\n        <StnTable.Grid>{/* \u2026 */}</StnTable.Grid>\n      </StnTable>\n    </ListPageScaffold>\n  )\n}";
 declare const STN_LAYOUT_MAP_DASHBOARD_INTRO = "\uB300\uC2DC\uBCF4\uB4DC\uB294 L0 \uBC30\uACBD \u00B7 L1(header \uD06C\uB86C + content \uBCF8\uBB38 \uB2E8 \uD558\uB098) \u00B7 L2 \uBAA8\uB2EC\uC785\uB2C8\uB2E4. \uBCF8\uBB38\uC740 `layer1` \uC2AC\uB86F\uC774 \uC544\uB2C8\uB77C `left`/`right`/`children`\uC73C\uB85C \uC870\uB9BD\uD569\uB2C8\uB2E4. `DashboardPageScaffold` (type=\"map\" | \"topology\" | \"widget-grid\").";
 /** Map / Dashboard 문서 탭 — List view와 동일 층 모델 */
 type StnLayoutMapLayerTabId = StnLayoutListLayerTabId;

package/dist/data/stnLayout.js

@@ -27,7 +27,7 @@ import {
   applyLnbSideToModifiers,
   pubContentAreaClasses,
   pubLayoutRegionClass
-} from "../chunk-7ASY5YJ6.js";
+} from "../chunk-36BAGMYT.js";
 export {
   STN_ALERT_CENTER_PAGE_SCAFFOLD_USAGE,
   STN_LAYER_SHELL_USAGE,

package/dist/data/stnScroll.d.ts

@@ -26,6 +26,6 @@ declare const STN_SCROLL_SPEC: readonly [{
     readonly note: "overflow";
 }];
 declare const STN_SCROLL_USAGE = "import { StnScroll, StnTree } from '@stn-uiux/pub-ui-react'\nimport { STN_TREE_DEMO } from '@stn-uiux/pub-ui/data/stnTree'\n\n<StnScroll orientation=\"vertical\" style={{ height: 220 }}>\n  <StnTree heading=\"FOLDER STRUCTURE\" nodes={STN_TREE_DEMO} />\n</StnScroll>";
-declare const STN_SCROLL_USAGE_HTML = "<!-- Pub \uACF5\uD1B5 \uC2A4\uD06C\uB864 \uC601\uC5ED \u00B7 stn-scroll.css -->\n<div class=\"stn-scroll stn-scroll--vertical\" style=\"height: 220px\" data-stn-scroll=\"vertical\">\n  <!-- \uC2A4\uD06C\uB864\uB418\uB294 \uBCF8\uBB38 (\uD2B8\uB9AC \u00B7 \uBAA9\uB85D \uB4F1) -->\n  <div class=\"stn-section-side\">\n    <ul class=\"stn-tree\">\u2026</ul>\n  </div>\n</div>\n\n<!-- \uAC00\uB85C -->\n<div class=\"stn-scroll stn-scroll--horizontal\" data-stn-scroll=\"horizontal\">\u2026</div>\n\n<!-- \uC591\uBC29\uD5A5 -->\n<div class=\"stn-scroll stn-scroll--both\" data-stn-scroll=\"both\">\u2026</div>";
+declare const STN_SCROLL_USAGE_HTML = "<!-- Pub \uACF5\uD1B5 \uC2A4\uD06C\uB864 \uC601\uC5ED \u00B7 stn-scroll.css -->\n<div class=\"stn-scroll vertical\" style=\"height: 220px\" data-stn-scroll=\"vertical\">\n  <!-- \uC2A4\uD06C\uB864\uB418\uB294 \uBCF8\uBB38 (\uD2B8\uB9AC \u00B7 \uBAA9\uB85D \uB4F1) -->\n  <div class=\"stn-section-side\">\n    <ul class=\"stn-tree\">\u2026</ul>\n  </div>\n</div>\n\n<!-- \uAC00\uB85C -->\n<div class=\"stn-scroll horizontal\" data-stn-scroll=\"horizontal\">\u2026</div>\n\n<!-- \uC591\uBC29\uD5A5 -->\n<div class=\"stn-scroll both\" data-stn-scroll=\"both\">\u2026</div>";
 
 export { STN_SCROLL_FIGMA, STN_SCROLL_INTRO, STN_SCROLL_SPEC, STN_SCROLL_USAGE, STN_SCROLL_USAGE_HTML };

package/dist/data/stnScroll.js

@@ -4,7 +4,7 @@ import {
   STN_SCROLL_SPEC,
   STN_SCROLL_USAGE,
   STN_SCROLL_USAGE_HTML
-} from "../chunk-XNGYRPZI.js";
+} from "../chunk-CHJATVOT.js";
 export {
   STN_SCROLL_FIGMA,
   STN_SCROLL_INTRO,

package/dist/data/stnSideNavItem.js

@@ -3,9 +3,9 @@ import {
   STN_SIDE_NAV_ITEM_INTRO,
   STN_SIDE_NAV_ITEM_STATES,
   STN_SIDE_NAV_SUB_ICON
-} from "../chunk-EDXSK54U.js";
-import "../chunk-PVF77NHZ.js";
-import "../chunk-TDLGKV4C.js";
+} from "../chunk-H4ZJQ5YW.js";
+import "../chunk-XEG4WDUD.js";
+import "../chunk-EQTZA7I2.js";
 export {
   STN_NAV_MENU_SUB_ICON,
   STN_SIDE_NAV_ITEM_INTRO,

package/dist/data/stnStatus.d.ts

@@ -0,0 +1,11 @@
+type StnStatusDotState = 'up' | 'down' | 'critical' | 'major' | 'minor' | 'warning' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'neutral' | string;
+type StnStatusFlowStepColor = 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'neutral' | 'critical' | 'major' | 'minor' | 'warning' | string;
+type StnStatusFlowStep = {
+    key: string;
+    label: string;
+    color?: StnStatusFlowStepColor;
+    icon?: string;
+};
+declare const STN_STATUS_DEMO_STEPS: StnStatusFlowStep[];
+
+export { STN_STATUS_DEMO_STEPS, type StnStatusDotState, type StnStatusFlowStep, type StnStatusFlowStepColor };

package/dist/data/stnStatus.js

@@ -0,0 +1,7 @@
+import {
+  STN_STATUS_DEMO_STEPS
+} from "../chunk-SQJPE6HH.js";
+export {
+  STN_STATUS_DEMO_STEPS
+};
+//# sourceMappingURL=stnStatus.js.map

package/dist/data/stnStatus.js.map

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

package/dist/data/stnSystemIcons.d.ts

@@ -27,7 +27,7 @@ declare function systemIconPublicPath(slug: string, ext?: StnSystemIconExt): str
 declare function systemIconSrc(slug: string, ext?: StnSystemIconExt): string;
 /**
  * Iconography slug → 런타임 src (Base64 Data URL 또는 폴백 경로).
- * - `line/home` · `fill/folder` · `3d/print` · `blank` …
+ * - `line/home` · `fill/folder` · `blank` …
  */
 declare function resolveSystemIconSrcFromName(name: string): string | null;
 

package/dist/data/stnSystemIcons.js

@@ -4,10 +4,10 @@ import {
   resolveSystemIconSrcFromName,
   systemIconPublicPath,
   systemIconSrc
-} from "../chunk-PVF77NHZ.js";
+} from "../chunk-XEG4WDUD.js";
 import {
   SYSTEM_ICON_DATA_URLS
-} from "../chunk-TDLGKV4C.js";
+} from "../chunk-EQTZA7I2.js";
 export {
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,

package/dist/data/stnSystemIconsData.generated.js

@@ -1,6 +1,6 @@
 import {
   SYSTEM_ICON_DATA_URLS
-} from "../chunk-TDLGKV4C.js";
+} from "../chunk-EQTZA7I2.js";
 export {
   SYSTEM_ICON_DATA_URLS
 };

package/dist/data/stnTree.d.ts

@@ -17,7 +17,7 @@ declare const STN_TREE_INTRO = "LNB \uC0AC\uC774\uB4DC\uBC14 \uBC0F \uD31D\uC5C5
 /** Figma 40000040:102539 section-side tree content */
 declare const STN_TREE_DEMO: StnTreeDemoNode[];
 declare const STN_TREE_REACT_EXAMPLE = "import { StnSectionSide, StnTree } from '@stn-uiux/pub-ui-react'\n\n<StnSectionSide fill>\n  <StnTree\n    heading=\"FOLDER STRUCTURE\"\n    nodes={[\n      {\n        id: 'root',\n        label: 'Root',\n        kind: 'root',\n        children: [\n          { id: 'group', label: '\uADF8\uB8F9 \uC11C\uBC84', kind: 'folder', children: [\n            { id: 'srv-1', label: 'grid-pro', kind: 'server' },\n          ]},\n        ],\n      },\n    ]}\n    defaultExpandedIds={['root', 'group']}\n    defaultSelectedId=\"srv-1\"\n    onSelect={(id) => console.log(id)}\n  />\n</StnSectionSide>";
-declare const STN_TREE_USAGE_HTML = "<!-- StnSectionSide + StnTree \u00B7 stn-section-side.css \u00B7 stn-tree.css -->\n<aside class=\"stn-section-side stn-section-side--fill\">\n  <div class=\"stn-scroll stn-section-side__body stn-scroll--vertical\">\n    <div class=\"stn-tree\">\n      <p class=\"stn-tree__heading\">FOLDER STRUCTURE</p>\n      <div class=\"stn-tree__rows\" role=\"tree\">\n        <div class=\"stn-tree__row stn-tree__row--root\" data-depth=\"0\" role=\"treeitem\">\n          <span class=\"stn-tree__label\">Root</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</aside>";
+declare const STN_TREE_USAGE_HTML = "<!-- StnSectionSide + StnTree \u00B7 stn-section-side.css \u00B7 stn-tree.css -->\n<aside class=\"stn-section-side stn-section-side--fill\">\n  <div class=\"stn-scroll stn-section-side__body vertical\">\n    <div class=\"stn-tree\">\n      <p class=\"stn-tree__heading\">FOLDER STRUCTURE</p>\n      <div class=\"stn-tree__rows\" role=\"tree\">\n        <div class=\"stn-tree__row stn-tree__row--root\" data-depth=\"0\" role=\"treeitem\">\n          <span class=\"stn-tree__label\">Root</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</aside>";
 type StnTreePatternPlaygroundConfig = {
     heading: string;
     showHeading: boolean;

package/dist/data/stnTree.js

@@ -9,7 +9,7 @@ import {
   STN_TREE_SECTION_SIDE_FIGMA,
   STN_TREE_USAGE_HTML,
   describeTreePatternReact
-} from "../chunk-UPXSNRIJ.js";
+} from "../chunk-AOS3IX4T.js";
 export {
   STN_TREE_DEMO,
   STN_TREE_FIGMA,