@stn-uiux/pub-ui 0.1.56 → 0.1.58

package/dist/{chunk-ERPXTTTO.js → chunk-XBFXX3D6.js}

@@ -1,19 +1,20 @@
 // src/data/stnLayer0BackgroundAssets.ts
+var STN_CDN_ASSET_BASE = "https://stn-design.vercel.app/images/layer0";
 var STN_LAYER0_BACKGROUND_DEMO_IMAGES = {
-  dashboard: "/@assets/images/layer0/dashboard-light.png",
-  dashboardLight: "/@assets/images/layer0/dashboard-light.png",
-  dashboardDark: "/@assets/images/layer0/dashboard-dark.png",
-  showroomA: "/@assets/images/layer0/showroom-a-light.png",
-  showroomALight: "/@assets/images/layer0/showroom-a-light.png",
-  showroomADark: "/@assets/images/layer0/showroom-a-dark.png",
-  showroomB: "/@assets/images/layer0/showroom-b-light.png",
-  showroomBLight: "/@assets/images/layer0/showroom-b-light.png",
-  showroomBDark: "/@assets/images/layer0/showroom-b-dark.png",
-  mapLight: "/@assets/images/layer0/map-light.png",
-  mapDark: "/@assets/images/layer0/map-dark.png",
-  login: "/@assets/images/layer0/login-light.png",
-  loginLight: "/@assets/images/layer0/login-light.png",
-  loginDark: "/@assets/images/layer0/login-dark.png"
+  dashboard: `${STN_CDN_ASSET_BASE}/dashboard-light.png`,
+  dashboardLight: `${STN_CDN_ASSET_BASE}/dashboard-light.png`,
+  dashboardDark: `${STN_CDN_ASSET_BASE}/dashboard-dark.png`,
+  showroomA: `${STN_CDN_ASSET_BASE}/showroom-a-light.png`,
+  showroomALight: `${STN_CDN_ASSET_BASE}/showroom-a-light.png`,
+  showroomADark: `${STN_CDN_ASSET_BASE}/showroom-a-dark.png`,
+  showroomB: `${STN_CDN_ASSET_BASE}/showroom-b-light.png`,
+  showroomBLight: `${STN_CDN_ASSET_BASE}/showroom-b-light.png`,
+  showroomBDark: `${STN_CDN_ASSET_BASE}/showroom-b-dark.png`,
+  mapLight: `${STN_CDN_ASSET_BASE}/map-light.png`,
+  mapDark: `${STN_CDN_ASSET_BASE}/map-dark.png`,
+  login: `${STN_CDN_ASSET_BASE}/login-light.png`,
+  loginLight: `${STN_CDN_ASSET_BASE}/login-light.png`,
+  loginDark: `${STN_CDN_ASSET_BASE}/login-dark.png`
 };
 var STN_LAYER0_BACKGROUND_ASSET_PATHS = {
   dashboard: "@assets/images/layer0/dashboard-light.png",
@@ -33,7 +34,8 @@ var STN_LAYER0_BACKGROUND_ASSET_PATHS = {
 };
 
 export {
+  STN_CDN_ASSET_BASE,
   STN_LAYER0_BACKGROUND_DEMO_IMAGES,
   STN_LAYER0_BACKGROUND_ASSET_PATHS
 };
-//# sourceMappingURL=chunk-ERPXTTTO.js.map
+//# sourceMappingURL=chunk-XBFXX3D6.js.map

package/dist/chunk-XBFXX3D6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnLayer0BackgroundAssets.ts"],"sourcesContent":["/**\n * L0 preset images — Hosted on STN Official Vercel CDN for zero-setup & instant loading.\n */\nexport const STN_CDN_ASSET_BASE = 'https://stn-design.vercel.app/images/layer0'\n\nexport const STN_LAYER0_BACKGROUND_DEMO_IMAGES = {\n  dashboard: `${STN_CDN_ASSET_BASE}/dashboard-light.png`,\n  dashboardLight: `${STN_CDN_ASSET_BASE}/dashboard-light.png`,\n  dashboardDark: `${STN_CDN_ASSET_BASE}/dashboard-dark.png`,\n  showroomA: `${STN_CDN_ASSET_BASE}/showroom-a-light.png`,\n  showroomALight: `${STN_CDN_ASSET_BASE}/showroom-a-light.png`,\n  showroomADark: `${STN_CDN_ASSET_BASE}/showroom-a-dark.png`,\n  showroomB: `${STN_CDN_ASSET_BASE}/showroom-b-light.png`,\n  showroomBLight: `${STN_CDN_ASSET_BASE}/showroom-b-light.png`,\n  showroomBDark: `${STN_CDN_ASSET_BASE}/showroom-b-dark.png`,\n  mapLight: `${STN_CDN_ASSET_BASE}/map-light.png`,\n  mapDark: `${STN_CDN_ASSET_BASE}/map-dark.png`,\n  login: `${STN_CDN_ASSET_BASE}/login-light.png`,\n  loginLight: `${STN_CDN_ASSET_BASE}/login-light.png`,\n  loginDark: `${STN_CDN_ASSET_BASE}/login-dark.png`,\n} as const\n\n/** Pub CSS @assets 경로 — HTML·vanilla 소비자용 */\nexport const STN_LAYER0_BACKGROUND_ASSET_PATHS = {\n  dashboard: '@assets/images/layer0/dashboard-light.png',\n  dashboardLight: '@assets/images/layer0/dashboard-light.png',\n  dashboardDark: '@assets/images/layer0/dashboard-dark.png',\n  showroomA: '@assets/images/layer0/showroom-a-light.png',\n  showroomALight: '@assets/images/layer0/showroom-a-light.png',\n  showroomADark: '@assets/images/layer0/showroom-a-dark.png',\n  showroomB: '@assets/images/layer0/showroom-b-light.png',\n  showroomBLight: '@assets/images/layer0/showroom-b-light.png',\n  showroomBDark: '@assets/images/layer0/showroom-b-dark.png',\n  mapLight: '@assets/images/layer0/map-light.png',\n  mapDark: '@assets/images/layer0/map-dark.png',\n  login: '@assets/images/layer0/login-light.png',\n  loginLight: '@assets/images/layer0/login-light.png',\n  loginDark: '@assets/images/layer0/login-dark.png',\n} as const\n"],"mappings":";AAGO,IAAM,qBAAqB;AAE3B,IAAM,oCAAoC;AAAA,EAC/C,WAAW,GAAG,kBAAkB;AAAA,EAChC,gBAAgB,GAAG,kBAAkB;AAAA,EACrC,eAAe,GAAG,kBAAkB;AAAA,EACpC,WAAW,GAAG,kBAAkB;AAAA,EAChC,gBAAgB,GAAG,kBAAkB;AAAA,EACrC,eAAe,GAAG,kBAAkB;AAAA,EACpC,WAAW,GAAG,kBAAkB;AAAA,EAChC,gBAAgB,GAAG,kBAAkB;AAAA,EACrC,eAAe,GAAG,kBAAkB;AAAA,EACpC,UAAU,GAAG,kBAAkB;AAAA,EAC/B,SAAS,GAAG,kBAAkB;AAAA,EAC9B,OAAO,GAAG,kBAAkB;AAAA,EAC5B,YAAY,GAAG,kBAAkB;AAAA,EACjC,WAAW,GAAG,kBAAkB;AAClC;AAGO,IAAM,oCAAoC;AAAA,EAC/C,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AACb;","names":[]}

package/dist/chunk-XPARWRVD.js

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

package/dist/chunk-XPARWRVD.js.map

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

package/dist/{chunk-S4YA4H2S.js → chunk-YBNEQ5LB.js}

@@ -1,6 +1,6 @@
 import {
   STN_DATE_RANGE_FIELD_HTML
-} from "./chunk-THCCTVUM.js";
+} from "./chunk-5F63CMM7.js";
 
 // src/data/stnDatePicker.ts
 var STN_DATE_PICKER_NAME = "Date range picker";
@@ -72,4 +72,4 @@ export {
   STN_DATE_PICKER_PANEL_USAGE,
   STN_DATE_PICKER_WEEKDAYS
 };
-//# sourceMappingURL=chunk-S4YA4H2S.js.map
+//# sourceMappingURL=chunk-YBNEQ5LB.js.map

package/dist/cli.js

@@ -23,17 +23,17 @@ import {
 } from "./chunk-XNGYRPZI.js";
 import {
   STN_SEARCH_REQUIREMENT_USAGE
-} from "./chunk-4C7ABT2K.js";
+} from "./chunk-AE4CKAEK.js";
 import {
   STN_POPUP_USAGE
-} from "./chunk-Q3W7QA7N.js";
+} from "./chunk-75GHU6VI.js";
 import {
   STN_LAYER_ROLE_USAGE
 } from "./chunk-EQ6LUBD6.js";
 import {
   STN_LAYER0_BACKGROUND_USAGE
 } from "./chunk-QAPQ4DB2.js";
-import "./chunk-ERPXTTTO.js";
+import "./chunk-XBFXX3D6.js";
 import {
   STN_LAYOUT_LIST_VIEW_USAGE
 } from "./chunk-7ASY5YJ6.js";
@@ -42,20 +42,20 @@ import {
 } from "./chunk-5BGXBJXN.js";
 import {
   STN_DROPDOWN_USAGE
-} from "./chunk-WRGBYWRV.js";
+} from "./chunk-LKVTW54X.js";
 import {
   STN_HEADER_USAGE
-} from "./chunk-GR76L7M7.js";
+} from "./chunk-EQVFEZEQ.js";
 import "./chunk-BYGKJSDN.js";
 import {
   STN_DATE_PICKER_USAGE
-} from "./chunk-S4YA4H2S.js";
-import "./chunk-THCCTVUM.js";
+} from "./chunk-YBNEQ5LB.js";
+import "./chunk-5F63CMM7.js";
 import {
   STN_ALERT_CENTER_USAGE
-} from "./chunk-ZI6EF4XD.js";
-import "./chunk-V7HD6SBG.js";
-import "./chunk-XZ3JOUX2.js";
+} from "./chunk-2WKT7X65.js";
+import "./chunk-PVF77NHZ.js";
+import "./chunk-TDLGKV4C.js";
 
 // src/cli/index.ts
 import { createRequire } from "module";

package/dist/data/index.d.ts

@@ -1,4 +1,4 @@
-export { STN_ALERT_CENTER_DEMO_ALERTS, STN_ALERT_CENTER_DEMO_DEPLOY, STN_ALERT_CENTER_DEMO_WORK, STN_ALERT_CENTER_INTEGRATION_USAGE, STN_ALERT_CENTER_INTRO, STN_ALERT_CENTER_TABS, STN_ALERT_CENTER_TAB_IDS, STN_ALERT_CENTER_USAGE, STN_ALERT_CENTER_USAGE_HTML, STN_GNB_ALERT_INTEGRATION_USAGE, StnAlertCenterAlertItem, StnAlertCenterSize, StnAlertCenterTab, StnAlertCenterWorkItem } from './stnAlertCenter.js';
+export { STN_ALERT_CENTER_DEMO_ALERTS, STN_ALERT_CENTER_DEMO_DEPLOY, STN_ALERT_CENTER_DEMO_WORK, STN_ALERT_CENTER_INTEGRATION_USAGE, STN_ALERT_CENTER_INTRO, STN_ALERT_CENTER_TABS, STN_ALERT_CENTER_TAB_IDS, STN_ALERT_CENTER_USAGE, STN_ALERT_CENTER_USAGE_HTML, STN_GNB_ALERT_INTEGRATION_USAGE, StnAlertCenterAlertItem, StnAlertCenterSize, StnAlertCenterTab, StnAlertCenterTextOverflow, StnAlertCenterWorkItem } from './stnAlertCenter.js';
 export { STN_HEADER_INTRO, STN_HEADER_PAGE_TITLE_DEMO, STN_HEADER_TOOLBAR_DEMO_ACTIONS, STN_HEADER_USAGE, STN_HEADER_USAGE_HTML, STN_HEADER_VARIANT_ROWS, STN_SYSTEM_CHIP_DEMO, StnHeaderGap, StnHeaderPadding, StnHeaderVariant } from './stnHeader.js';
 export { STN_INFOMAP_LOGO } from './stnBrand.js';
 export { STN_BREADCRUMB_DEMO_ITEMS, STN_BREADCRUMB_FIGMA, STN_BREADCRUMB_FIGMA_LIGHT, STN_BREADCRUMB_ICON_SRC, STN_BREADCRUMB_INTRO, STN_BREADCRUMB_PARTS, StnBreadcrumbDemoItem, StnBreadcrumbIconId } from './stnBreadcrumb.js';
@@ -23,7 +23,7 @@ export { STN_ICONOGRAPHY_INTRO, STN_ICONOGRAPHY_PRIMITIVE_ROWS, STN_ICONOGRAPHY_
 export { STN_INPUT_WIDTH_PRESETS, StnInputWidthPreset, StnInputWidthValue, StnResolvedInputWidth, isStnInputFullWidth, isStnInputWidthPreset, resolveStnInputWidth, toStnInputWidthPreset } from './stnInputWidth.js';
 export { STN_ELEVATION_Z_INDEX, STN_LAYER_DIM_MODAL_HTML, STN_LAYER_INTRO, STN_LAYER_ROLE_ROWS, STN_LAYER_ROLE_TO_LEVEL, STN_LAYER_ROLE_USAGE, STN_LAYER_SURFACE_ROWS, StnElevationLevel, StnLayerRole, StnLayerSurface } from './stnLayer.js';
 export { STN_LAYER0_BACKGROUND_FIGMA, STN_LAYER0_BACKGROUND_INTRO, STN_LAYER0_BACKGROUND_PLAYGROUND_PRESETS, STN_LAYER0_BACKGROUND_USAGE, STN_LAYER0_BACKGROUND_USAGE_HTML, STN_LAYER0_BACKGROUND_VARIANT_ROWS, STN_LAYER0_MAP_LIGHT_OVERLAY, StnLayer0BackgroundKind, StnLayer0BackgroundPlaygroundPresetId, StnLayer0BackgroundPreset } from './stnLayer0Background.js';
-export { STN_LAYER0_BACKGROUND_ASSET_PATHS, STN_LAYER0_BACKGROUND_DEMO_IMAGES } from './stnLayer0BackgroundAssets.js';
+export { STN_CDN_ASSET_BASE, STN_LAYER0_BACKGROUND_ASSET_PATHS, STN_LAYER0_BACKGROUND_DEMO_IMAGES } from './stnLayer0BackgroundAssets.js';
 export { STN_ALERT_CENTER_PAGE_SCAFFOLD_USAGE, STN_LAYER_SHELL_USAGE, STN_LAYOUT_ALERT_CENTER_USAGE, STN_LAYOUT_CONTENT_ROWS, STN_LAYOUT_INTRO, STN_LAYOUT_LAYER_PAGE_TREE, STN_LAYOUT_LIST_LAYER_TABS, STN_LAYOUT_LIST_VIEW_BARE_USAGE, STN_LAYOUT_LIST_VIEW_INTRO, STN_LAYOUT_LIST_VIEW_USAGE, STN_LAYOUT_MAP_DASHBOARD_HEADER_USAGE, STN_LAYOUT_MAP_DASHBOARD_INTRO, STN_LAYOUT_MAP_DASHBOARD_USAGE, STN_LAYOUT_MAP_LAYER_TABS, STN_LAYOUT_PAGE_TREE, STN_LAYOUT_PLAYGROUND_TABS, STN_LAYOUT_RECIPES, STN_LAYOUT_REGION_ROWS, STN_LAYOUT_SCREEN_RECIPES, STN_LAYOUT_SHELL_USAGE, STN_LAYOUT_SLOT_USAGE, STN_LAYOUT_WHEN_TO_USE, STN_PAGE_SCAFFOLD_COMPOUND_USAGE, STN_PAGE_SCAFFOLD_INTRO, STN_PAGE_SCAFFOLD_KINDS, StnContentAreaModifier, StnLayoutListLayerTabId, StnLayoutMapLayerTabId, StnLayoutRegion, StnLayoutScreenKind, StnLnbSide, StnPageScaffoldKind, applyLnbSideToModifiers, pubContentAreaClasses, pubLayoutRegionClass } from './stnLayout.js';
 export { STN_LIST_TABLE_FIGMA, STN_LIST_TABLE_FOOTER_MAX_ACTIONS, STN_LIST_TABLE_OPTION_ROWS, STN_LIST_TABLE_PAGE_SIZE_OPTIONS, StnListTableOptionRow } from './stnListTable.js';
 export { STN_LOADING_SKELETON_COLORS, STN_LOADING_SKELETON_INTRO, STN_LOADING_SKELETON_PARTS, STN_LOADING_SKELETON_USAGE, STN_LOADING_SKELETON_USAGE_HTML } from './stnLoadingSkeleton.js';

package/dist/data/index.js

@@ -37,7 +37,7 @@ import {
   STN_SIDE_NAV_ITEM_INTRO,
   STN_SIDE_NAV_ITEM_STATES,
   STN_SIDE_NAV_SUB_ICON
-} from "../chunk-P5V6SFR7.js";
+} from "../chunk-EDXSK54U.js";
 import {
   STN_SIZE_INTRO,
   STN_SIZE_ROWS,
@@ -46,7 +46,7 @@ import {
 import {
   STN_SIZE_SEMANTIC_INTRO,
   STN_SIZE_SEMANTIC_ROWS
-} from "../chunk-L7DYM4V7.js";
+} from "../chunk-2FHXIAM3.js";
 import {
   STN_SLIDER_HTML,
   STN_SLIDER_INTRO,
@@ -125,7 +125,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-2EMXBNFK.js";
+} from "../chunk-XPARWRVD.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -379,7 +379,7 @@ import {
   STN_SEARCH_REQUIREMENT_SPEC,
   STN_SEARCH_REQUIREMENT_USAGE,
   STN_SEARCH_REQUIREMENT_USAGE_HTML
-} from "../chunk-4C7ABT2K.js";
+} from "../chunk-AE4CKAEK.js";
 import {
   STN_POPUP_INTRO,
   STN_POPUP_INVENTORY_ROWS,
@@ -394,7 +394,7 @@ import {
   STN_POPUP_USAGE,
   STN_POPUP_USAGE_HTML,
   resolveStnPopupSizeFromWidth
-} from "../chunk-Q3W7QA7N.js";
+} from "../chunk-75GHU6VI.js";
 import {
   STN_ELEVATION_Z_INDEX,
   STN_LAYER_DIM_MODAL_HTML,
@@ -414,9 +414,10 @@ import {
   STN_LAYER0_MAP_LIGHT_OVERLAY
 } from "../chunk-QAPQ4DB2.js";
 import {
+  STN_CDN_ASSET_BASE,
   STN_LAYER0_BACKGROUND_ASSET_PATHS,
   STN_LAYER0_BACKGROUND_DEMO_IMAGES
-} from "../chunk-ERPXTTTO.js";
+} from "../chunk-XBFXX3D6.js";
 import {
   STN_ALERT_CENTER_PAGE_SCAFFOLD_USAGE,
   STN_LAYER_SHELL_USAGE,
@@ -463,7 +464,7 @@ import {
   STN_DROPDOWN_MENU_USAGE,
   STN_DROPDOWN_SIZE_ROWS,
   STN_DROPDOWN_USAGE
-} from "../chunk-WRGBYWRV.js";
+} from "../chunk-LKVTW54X.js";
 import {
   STN_HEADER_INTRO,
   STN_HEADER_PAGE_TITLE_DEMO,
@@ -472,7 +473,7 @@ import {
   STN_HEADER_USAGE_HTML,
   STN_HEADER_VARIANT_ROWS,
   STN_SYSTEM_CHIP_DEMO
-} from "../chunk-GR76L7M7.js";
+} from "../chunk-EQVFEZEQ.js";
 import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
@@ -488,7 +489,7 @@ import {
   STN_DATE_PICKER_USAGE,
   STN_DATE_PICKER_USAGE_HTML,
   STN_DATE_PICKER_WEEKDAYS
-} from "../chunk-S4YA4H2S.js";
+} from "../chunk-YBNEQ5LB.js";
 import {
   STN_DATE_RANGE_FIELD_DEMO,
   STN_DATE_RANGE_FIELD_FIGMA,
@@ -499,7 +500,7 @@ import {
   STN_DATE_RANGE_FIELD_USAGE,
   formatStnDateRangeFieldValue,
   parseStnDateRangeFieldValue
-} from "../chunk-THCCTVUM.js";
+} from "../chunk-5F63CMM7.js";
 import {
   STN_ALERT_CENTER_DEMO_ALERTS,
   STN_ALERT_CENTER_DEMO_DEPLOY,
@@ -511,7 +512,7 @@ import {
   STN_ALERT_CENTER_USAGE,
   STN_ALERT_CENTER_USAGE_HTML,
   STN_GNB_ALERT_INTEGRATION_USAGE
-} from "../chunk-ZI6EF4XD.js";
+} from "../chunk-2WKT7X65.js";
 import {
   STN_INFOMAP_LOGO
 } from "../chunk-4BPDBOR3.js";
@@ -522,17 +523,17 @@ import {
   STN_BREADCRUMB_ICON_SRC,
   STN_BREADCRUMB_INTRO,
   STN_BREADCRUMB_PARTS
-} from "../chunk-OMCBVK57.js";
+} from "../chunk-J46EPVSY.js";
 import {
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,
   resolveSystemIconSrcFromName,
   systemIconPublicPath,
   systemIconSrc
-} from "../chunk-V7HD6SBG.js";
+} from "../chunk-PVF77NHZ.js";
 import {
   SYSTEM_ICON_DATA_URLS
-} from "../chunk-XZ3JOUX2.js";
+} from "../chunk-TDLGKV4C.js";
 import {
   STN_BREAKPOINT_INTRO,
   STN_BREAKPOINT_MEDIA,
@@ -574,6 +575,7 @@ export {
   STN_CARD_PADDINGS,
   STN_CARD_RADII,
   STN_CARD_VARIANTS,
+  STN_CDN_ASSET_BASE,
   STN_CHART_INTRO,
   STN_CHECKBOX_FIGMA,
   STN_CHECKBOX_INTRO,

package/dist/data/stnAlertCenter.d.ts

@@ -5,6 +5,7 @@ import './stnColorPalette.js';
 declare const STN_ALERT_CENTER_INTRO = "GNB \uD558\uB2E8 \uC575\uCEE4\uC5D0\uC11C \uB808\uC774\uC5B4\uB85C \uD45C\uCD9C\uB418\uB294 \uC54C\uB9BC\uC13C\uD130 \uD328\uD134\uC785\uB2C8\uB2E4. \uC2E4\uC2DC\uAC04 \uC7A5\uC560 \uC54C\uB9BC, \uC791\uC5C5 \uD56D\uBAA9, \uBC30\uD3EC \uD604\uD669 \uD0ED \uBC0F \uAC1C\uBCC4 \uD56D\uBAA9 \uC0C1\uC138 \uB2E4\uC774\uC5BC\uB85C\uADF8 \uC5F0\uB3D9\uC744 \uC81C\uACF5\uD569\uB2C8\uB2E4.";
 type StnAlertCenterTab = 'error' | 'work' | 'deploy';
 type StnAlertCenterSize = 'sm' | 'md' | 'lg';
+type StnAlertCenterTextOverflow = 'wrap' | 'ellipsis' | 'marquee';
 /** Pub CSS `:has(#gnb-alert-tab-*)` 와 호환 — 페이지당 1패널이면 기본값 사용 */
 declare const STN_ALERT_CENTER_TAB_IDS: Record<StnAlertCenterTab, string>;
 declare const STN_ALERT_CENTER_TABS: readonly {
@@ -33,7 +34,7 @@ declare const STN_ALERT_CENTER_DEMO_WORK: StnAlertCenterWorkItem[];
 declare const STN_ALERT_CENTER_DEMO_DEPLOY: StnAlertCenterWorkItem[];
 declare const STN_ALERT_CENTER_INTEGRATION_USAGE = "import {\n  StnAlertCenterPanel,\n  StnSideNavigation,\n  StnLayerShell,\n} from '@stn-uiux/pub-ui-react'\n\nexport function AppChrome() {\n  const [alertOpen, setAlertOpen] = useState(false)\n\n  return (\n    <StnLayerShell\n      gnb={\n        <StnSideNavigation>\n          <StnSideNavigation.Header>\n            <StnSideNavigation.Logo />\n            <StnSideNavigation.Toggle />\n          </StnSideNavigation.Header>\n          <StnSideNavigation.Menu>\n            <StnSideNavigation.Item label=\"\uB300\uC2DC\uBCF4\uB4DC\" active />\n          </StnSideNavigation.Menu>\n          <StnSideNavigation.Spacer />\n          <StnSideNavigation.Footer curved>\n            <StnSideNavigation.Watermark />\n            <StnSideNavigation.Item\n              label=\"\uC54C\uB9BC\"\n              badge={12}\n              onClick={() => setAlertOpen(!alertOpen)}\n            />\n          </StnSideNavigation.Footer>\n        </StnSideNavigation>\n      }\n    >\n      <main>\u2026\uBCF8\uBB38\u2026</main>\n      {alertOpen && (\n        <StnAlertCenterPanel\n          alerts={alerts}\n          workItems={workItems}\n          deployItems={deployItems}\n          onClose={() => setAlertOpen(false)}\n        />\n      )}\n    </StnLayerShell>\n  )\n}";
 declare const STN_GNB_ALERT_INTEGRATION_USAGE = "import {\n  StnAlertCenterPanel,\n  StnSideNavigation,\n  StnLayerShell,\n} from '@stn-uiux/pub-ui-react'\n\nexport function AppChrome() {\n  const [alertOpen, setAlertOpen] = useState(false)\n\n  return (\n    <StnLayerShell\n      gnb={\n        <StnSideNavigation>\n          <StnSideNavigation.Header>\n            <StnSideNavigation.Logo />\n            <StnSideNavigation.Toggle />\n          </StnSideNavigation.Header>\n          <StnSideNavigation.Menu>\n            <StnSideNavigation.Item label=\"\uB300\uC2DC\uBCF4\uB4DC\" active />\n          </StnSideNavigation.Menu>\n          <StnSideNavigation.Spacer />\n          <StnSideNavigation.Footer curved>\n            <StnSideNavigation.Watermark />\n            <StnSideNavigation.Item\n              label=\"\uC54C\uB9BC\"\n              badge={12}\n              onClick={() => setAlertOpen(!alertOpen)}\n            />\n          </StnSideNavigation.Footer>\n        </StnSideNavigation>\n      }\n    >\n      <main>\u2026\uBCF8\uBB38\u2026</main>\n      {alertOpen && (\n        <StnAlertCenterPanel\n          alerts={alerts}\n          workItems={workItems}\n          deployItems={deployItems}\n          onClose={() => setAlertOpen(false)}\n        />\n      )}\n    </StnLayerShell>\n  )\n}";
-declare const STN_ALERT_CENTER_USAGE = "import { StnAlertCenterPanel } from '@stn-uiux/pub-ui-react'\n\n<StnAlertCenterPanel\n  alerts={alerts}\n  workItems={workItems}\n  deployItems={deployItems}\n  onClose={() => setOpen(false)}\n/>";
-declare const STN_ALERT_CENTER_USAGE_HTML = "<!-- Pub stn-alert-center \u2014 GNB \uC606 float -->\n<div class=\"stn-alert-center gnb_alert_modal\" id=\"gnb_alert_modal\" style=\"display: block\">\n  <div class=\"stn-alert-center__header alert_header\">\n    <div class=\"stn-alert-center__header-left header_left\">\n      <span class=\"stn-alert-center__title title\">\uC54C\uB9BC\uC13C\uD130</span>\n      <div class=\"stn-alert-center__toggle alert_toggle\">\n        <input type=\"radio\" name=\"gnb-alert-tab\" id=\"gnb-alert-tab-error\" checked />\n        <label for=\"gnb-alert-tab-error\">\uC7A5\uC560</label>\n        <input type=\"radio\" name=\"gnb-alert-tab\" id=\"gnb-alert-tab-work\" />\n        <label for=\"gnb-alert-tab-work\">\uC791\uC5C5</label>\n        <input type=\"radio\" name=\"gnb-alert-tab\" id=\"gnb-alert-tab-deploy\" />\n        <label for=\"gnb-alert-tab-deploy\">\uACF5\uC0AC</label>\n      </div>\n    </div>\n    <button type=\"button\" class=\"stn-alert-center__close close_alert_modal\" aria-label=\"\uB2EB\uAE30\"></button>\n  </div>\n  <div class=\"stn-alert-center__list-wrap alert_list_wrap\">\n    <ul class=\"stn-alert-center__list alert_list\">\n      <li class=\"stn-alert-center__item alert_item\">\n        <span class=\"stn-alert-center__dot dot\" aria-hidden=\"true\"></span>\n        <span class=\"stn-badge stn-badge--filled stn-badge--critical\">CR</span>\n        <span class=\"stn-alert-center__title-cell title_cell\">Ping \uC218\uC9D1 \uC7A5\uC560</span>\n        <span class=\"stn-alert-center__desc-cell desc_cell\">\uC7A5\uBE44 \uC751\uB2F5 \uC5C6\uC74C</span>\n        <span class=\"stn-alert-center__time-cell time_cell\">11\uB2EC\uC804</span>\n      </li>\n    </ul>\n  </div>\n</div>";
+declare const STN_ALERT_CENTER_USAGE = "import { useState } from 'react'\nimport {\n  StnAlertCenterPanel,\n  StnAlertCard,\n  StnCard,\n  StnChip,\n  StnIcon,\n  StnStack,\n  type StnAlertCenterAlertItem,\n  type StnAlertCenterWorkItem,\n} from '@stn-uiux/pub-ui-react'\n\n// =================================================================\n// 1. StnCard\uB97C \uC0AC\uC6A9\uD55C \uAC1C\uBCC4 \uC54C\uB9BC \uCE74\uB4DC \uCEE4\uC2A4\uD140 (StnAlertCard \uB0B4\uBD80 \uC870\uB9BD \uAD6C\uC870)\n// =================================================================\nexport function CustomAlertCard({ item }: { item: StnAlertCenterAlertItem }) {\n  return (\n    <StnCard\n      variant=\"elevated\"\n      radius=\"md\"\n      padding=\"md\"\n      interactive\n      className=\"stn-alert-card\"\n      onClick={() => console.log('\uCE74\uB4DC \uD074\uB9AD:', item)}\n    >\n      <div className=\"stn-alert-card__row\">\n        {/* \uC2EC\uAC01\uB3C4 \uC544\uC774\uCF58 */}\n        <StnIcon\n          name={item.icon || 'line/alert-circle'}\n          size={24}\n          color={`var(--stn-grade-${item.grade}, var(--stn-primary))`}\n          className=\"stn-alert-card__icon\"\n        />\n\n        {/* \uBCF8\uBB38: \uB4F1\uAE09 \uBC30\uC9C0 + \uC81C\uBAA9 + \uC124\uBA85 + \uBC1C\uC0DD\uC2DC\uAC04 */}\n        <div className=\"stn-alert-card__body\">\n          <StnStack direction=\"row\" alignItems=\"center\" spacing={1} className=\"stn-alert-card__header-line\">\n            <StnChip shape=\"pill\" size=\"sm\" variant=\"filled\" color={item.grade}>\n              {item.grade === 'critical' ? 'CR' : item.grade === 'major' ? 'MJ' : 'WR'}\n            </StnChip>\n            <h4 className=\"stn-alert-card__title ellipsis\" title={item.title}>\n              <span className=\"stn-alert-card__text-inner\">{item.title}</span>\n            </h4>\n          </StnStack>\n\n          <StnStack direction=\"row\" alignItems=\"center\" spacing={2} wrap=\"wrap\" className=\"stn-alert-card__desc-line\">\n            <p className=\"stn-alert-card__desc marquee\" title={item.description}>\n              <span className=\"stn-alert-card__text-inner\">{item.description}</span>\n            </p>\n            {item.occurredAt && (\n              <StnChip shape=\"pill\" size=\"sm\" variant=\"subtle\" color=\"critical\" className=\"stn-alert-card__time-chip\">\n                \uBC1C\uC0DD\uC2DC\uAC04: {item.occurredAt}\n              </StnChip>\n            )}\n          </StnStack>\n        </div>\n\n        {/* \uC218\uC2E0 \uC2DC\uAC04 & \uC77D\uC9C0 \uC54A\uC74C \uB2F7 */}\n        <div className=\"stn-alert-card__meta\">\n          <span className=\"stn-alert-card__time\">{item.time}</span>\n          {item.unread && (\n            <span\n              className={`stn-alert-card__dot stn-alert-card__dot--${item.grade}`}\n              aria-label=\"\uC77D\uC9C0 \uC54A\uC74C\"\n            />\n          )}\n        </div>\n      </div>\n    </StnCard>\n  )\n}\n\n// =================================================================\n// 2. \uC644\uC131\uD615 \uC54C\uB9BC\uC13C\uD130 \uD328\uB110 (StnAlertCenterPanel \uC804\uCCB4 \uB80C\uB354\uB9C1)\n// =================================================================\nexport function AlertCenterDemo() {\n  const [open, setOpen] = useState(true)\n\n  const alerts: StnAlertCenterAlertItem[] = [\n    {\n      id: 'alert-1',\n      grade: 'critical',\n      title: 'Ping \uC218\uC9D1 \uC7A5\uC560',\n      description: '101\uACBD\uBE44\uB2E8_UPS 10.15.71.161 / 101\uACBD\uBE44\uB2E8',\n      occurredAt: '2026-05-29 14:23',\n      time: '11\uBD84 \uC804',\n      unread: true,\n    },\n    {\n      id: 'alert-2',\n      grade: 'major',\n      title: '\uC778\uD130\uD398\uC774\uC2A4 OperStatus \uB2E4\uC6B4 (\uD3EC\uD2B8 Te1/0/24 \uB9C1\uD06C \uC21C\uB2E8 \uBC0F \uC790\uB3D9 \uC6B0\uD68C \uACBD\uB85C \uC808\uCCB4 \uC2E4\uD328)',\n      description: '\uC218\uC0AC\uC9C0\uC6D0\uCCAD\uC0AC_\uC5C5\uBB34\uB9DD L3(Stack)#2 50.52.41.2 / \uC885\uD569\uC0C1\uD669\uC2E4',\n      time: '3\uC77C \uC804',\n      unread: true,\n    },\n  ]\n\n  const workItems: StnAlertCenterWorkItem[] = [\n    {\n      id: 'work-1',\n      typeLabel: '\uC815\uAE30\uC810\uAC80',\n      text: 'DB \uC11C\uBC84 \uBC31\uC5C5 \uBC0F \uC778\uB371\uC2A4 \uC7AC\uAD6C\uC131 \uC791\uC5C5 \uC9C4\uD589 (02:00 ~ 04:00)',\n      time: '\uC624\uB298 02:00',\n    },\n  ]\n\n  const deployItems: StnAlertCenterWorkItem[] = [\n    {\n      id: 'deploy-1',\n      typeLabel: '\uD68C\uC120\uACF5\uC0AC',\n      text: '\uC11C\uCD08 IDC \uAD11\uCF00\uC774\uBE14 \uC778\uC785 \uBC0F \uC120\uB85C \uC774\uC911\uD654 \uACF5\uC0AC',\n      time: '\uB0B4\uC77C 09:00',\n    },\n  ]\n\n  if (!open) return null\n\n  return (\n    <StnAlertCenterPanel\n      size=\"md\"\n      defaultTab=\"error\"\n      titleOverflow=\"ellipsis\"  // \uC81C\uBAA9: \uB9D0\uC904\uC784\uD45C (...)\n      descOverflow=\"marquee\"    // \uB0B4\uC6A9: \uC804\uAD11\uD310 \uD758\uB7EC\uAC00\uAE30\n      alerts={alerts}\n      workItems={workItems}\n      deployItems={deployItems}\n      onClose={() => setOpen(false)}\n      onMarkAllAsRead={() => console.log('\uBAA8\uB450 \uC77D\uC74C')}\n      onManageSettings={() => console.log('\uC124\uC815 \uD398\uC774\uC9C0 \uC774\uB3D9')}\n      onItemClick={(item) => console.log('\uC54C\uB9BC \uC0C1\uC138 \uD074\uB9AD:', item)}\n    />\n  )\n}";
+declare const STN_ALERT_CENTER_USAGE_HTML = "<!-- STN Alert Center \u2014 \uD328\uB110 \uD06C\uAE30(md) + \uD0C0\uC774\uD2C0(ellipsis) + \uB0B4\uC6A9(marquee) -->\n<aside class=\"stn-alert-center md title-ellipsis desc-marquee\" data-stn-alert-center>\n  <!-- 1. Header (\uD0C0\uC774\uD2C0 \u00B7 \uC54C\uB9BC \uCE74\uC6B4\uD2B8 \u00B7 \uD0ED \uC138\uADF8\uBA3C\uD2B8 \u00B7 \uC81C\uC5B4 \uBC84\uD2BC) -->\n  <header class=\"stn-alert-center__header\">\n    <div class=\"stn-alert-center__header-left\">\n      <span class=\"stn-icon stn-icon--bell\" aria-hidden=\"true\"></span>\n      <h2 class=\"stn-alert-center__title\">\uC54C\uB9BC\uC13C\uD130</h2>\n      <span class=\"stn-chip stn-chip--pill sm stn-chip--subtle stn-chip--primary\">6</span>\n    </div>\n\n    <!-- \uD0ED \uC804\uD658 \uC138\uADF8\uBA3C\uD2B8 \uBC84\uD2BC -->\n    <nav class=\"stn-segmented md\" aria-label=\"\uC54C\uB9BC \uAD6C\uBD84\">\n      <div class=\"stn-segmented__list\" role=\"tablist\">\n        <button type=\"button\" role=\"tab\" aria-selected=\"true\" class=\"stn-segmented__item is-selected\">\uC7A5\uC560</button>\n        <button type=\"button\" role=\"tab\" aria-selected=\"false\" class=\"stn-segmented__item\">\uC791\uC5C5</button>\n        <button type=\"button\" role=\"tab\" aria-selected=\"false\" class=\"stn-segmented__item\">\uACF5\uC0AC</button>\n      </div>\n    </nav>\n\n    <!-- \uC6B0\uCE21 \uC81C\uC5B4 \uC561\uC158 -->\n    <div class=\"stn-alert-center__header-right\">\n      <button type=\"button\" class=\"stn-btn stn-btn--text sm\">\n        <span class=\"stn-icon stn-icon--check-circle\" aria-hidden=\"true\"></span>\n        <span>\uBAA8\uB450 \uC77D\uC74C</span>\n      </button>\n      <div class=\"stn-alert-center__divider\" aria-hidden=\"true\"></div>\n      <button type=\"button\" class=\"stn-btn stn-btn--text sm stn-btn--icon-only\" aria-label=\"\uB2EB\uAE30\">\n        <span class=\"stn-icon stn-icon--x\" aria-hidden=\"true\"></span>\n      </button>\n    </div>\n  </header>\n\n  <!-- 2. Notification List (\uC2A4\uD06C\uB864 \uC601\uC5ED) -->\n  <div class=\"stn-alert-center__list-wrap\">\n    <ul class=\"stn-alert-center__list\">\n      <!-- \uC54C\uB9BC \uCE74\uB4DC 1 (Critical \uB4F1\uAE09 / \uBBF8\uD655\uC778) -->\n      <li>\n        <article class=\"stn-card elevated md interactive stn-alert-card\">\n          <div class=\"stn-alert-card__row\">\n            <span class=\"stn-icon stn-alert-card__icon\" style=\"color: var(--stn-grade-critical, var(--stn-primary));\"></span>\n            <div class=\"stn-alert-card__body\">\n              <div class=\"stn-alert-card__header-line\">\n                <span class=\"stn-chip stn-chip--pill sm stn-chip--filled stn-chip--critical\">CR</span>\n                <span class=\"stn-alert-card__title ellipsis\" title=\"Ping \uC218\uC9D1 \uC7A5\uC560\">\n                  <span class=\"stn-alert-card__text-inner\">Ping \uC218\uC9D1 \uC7A5\uC560</span>\n                </span>\n              </div>\n              <div class=\"stn-alert-card__desc-line\">\n                <span class=\"stn-alert-card__desc marquee\" title=\"101\uACBD\uBE44\uB2E8_UPS 10.15.71.161 / 101\uACBD\uBE44\uB2E8\">\n                  <span class=\"stn-alert-card__text-inner\">101\uACBD\uBE44\uB2E8_UPS 10.15.71.161 / 101\uACBD\uBE44\uB2E8</span>\n                </span>\n                <span class=\"stn-chip stn-chip--pill sm stn-chip--subtle stn-chip--critical stn-alert-card__time-chip\">\n                  \uBC1C\uC0DD\uC2DC\uAC04: 2026-05-29 14:23\n                </span>\n              </div>\n            </div>\n            <div class=\"stn-alert-card__meta\">\n              <time class=\"stn-alert-card__time\">11\uBD84 \uC804</time>\n              <span class=\"stn-alert-card__dot stn-alert-card__dot--critical\" aria-label=\"\uC77D\uC9C0 \uC54A\uC74C\"></span>\n            </div>\n          </div>\n        </article>\n      </li>\n\n      <!-- \uC54C\uB9BC \uCE74\uB4DC 2 (Major \uB4F1\uAE09 / \uAE34 \uD14D\uC2A4\uD2B8 \uC624\uBC84\uD50C\uB85C\uC6B0 \uC0D8\uD50C) -->\n      <li>\n        <article class=\"stn-card elevated md interactive stn-alert-card\">\n          <div class=\"stn-alert-card__row\">\n            <span class=\"stn-icon stn-alert-card__icon\" style=\"color: var(--stn-grade-major, var(--stn-primary));\"></span>\n            <div class=\"stn-alert-card__body\">\n              <div class=\"stn-alert-card__header-line\">\n                <span class=\"stn-chip stn-chip--pill sm stn-chip--filled stn-chip--major\">MJ</span>\n                <span class=\"stn-alert-card__title ellipsis\" title=\"\uC778\uD130\uD398\uC774\uC2A4 OperStatus \uB2E4\uC6B4 (\uD3EC\uD2B8 Te1/0/24 \uB9C1\uD06C \uC21C\uB2E8 \uBC0F \uC790\uB3D9 \uC6B0\uD68C \uACBD\uB85C \uC808\uCCB4 \uC2E4\uD328)\">\n                  <span class=\"stn-alert-card__text-inner\">\uC778\uD130\uD398\uC774\uC2A4 OperStatus \uB2E4\uC6B4 (\uD3EC\uD2B8 Te1/0/24 \uB9C1\uD06C \uC21C\uB2E8 \uBC0F \uC790\uB3D9 \uC6B0\uD68C \uACBD\uB85C \uC808\uCCB4 \uC2E4\uD328)</span>\n                </span>\n              </div>\n              <div class=\"stn-alert-card__desc-line\">\n                <span class=\"stn-alert-card__desc marquee\" title=\"\uC218\uC0AC\uC9C0\uC6D0\uCCAD\uC0AC_\uC5C5\uBB34\uB9DD L3(Stack)#2 50.52.41.2 / \uC548\uBCF4\uC218\uC0AC\uACFC \uC885\uD569\uC0C1\uD669\uC2E4 / \uB300\uC5ED\uD3ED \uC784\uACC4\uCE58 95% \uCD08\uACFC \uAC10\uC9C0\">\n                  <span class=\"stn-alert-card__text-inner\">\uC218\uC0AC\uC9C0\uC6D0\uCCAD\uC0AC_\uC5C5\uBB34\uB9DD L3(Stack)#2 50.52.41.2 / \uC548\uBCF4\uC218\uC0AC\uACFC \uC885\uD569\uC0C1\uD669\uC2E4 / \uB300\uC5ED\uD3ED \uC784\uACC4\uCE58 95% \uCD08\uACFC \uAC10\uC9C0</span>\n                </span>\n              </div>\n            </div>\n            <div class=\"stn-alert-card__meta\">\n              <time class=\"stn-alert-card__time\">3\uC77C \uC804</time>\n              <span class=\"stn-alert-card__dot stn-alert-card__dot--major\" aria-label=\"\uC77D\uC9C0 \uC54A\uC74C\"></span>\n            </div>\n          </div>\n        </article>\n      </li>\n    </ul>\n  </div>\n\n  <!-- 3. Footer (\uD558\uB2E8 \uC124\uC815 \uAD00\uB9AC \uB9C1\uD06C) -->\n  <footer class=\"stn-alert-center__footer\">\n    <button type=\"button\" class=\"stn-alert-center__footer-link\">\n      <span>\uC54C\uB9BC \uC124\uC815 \uAD00\uB9AC</span>\n      <span class=\"stn-icon stn-icon--chevron-right\" aria-hidden=\"true\"></span>\n    </button>\n  </footer>\n</aside>";
 
-export { STN_ALERT_CENTER_DEMO_ALERTS, STN_ALERT_CENTER_DEMO_DEPLOY, STN_ALERT_CENTER_DEMO_WORK, STN_ALERT_CENTER_INTEGRATION_USAGE, STN_ALERT_CENTER_INTRO, STN_ALERT_CENTER_TABS, STN_ALERT_CENTER_TAB_IDS, STN_ALERT_CENTER_USAGE, STN_ALERT_CENTER_USAGE_HTML, STN_GNB_ALERT_INTEGRATION_USAGE, type StnAlertCenterAlertItem, type StnAlertCenterSize, type StnAlertCenterTab, type StnAlertCenterWorkItem };
+export { STN_ALERT_CENTER_DEMO_ALERTS, STN_ALERT_CENTER_DEMO_DEPLOY, STN_ALERT_CENTER_DEMO_WORK, STN_ALERT_CENTER_INTEGRATION_USAGE, STN_ALERT_CENTER_INTRO, STN_ALERT_CENTER_TABS, STN_ALERT_CENTER_TAB_IDS, STN_ALERT_CENTER_USAGE, STN_ALERT_CENTER_USAGE_HTML, STN_GNB_ALERT_INTEGRATION_USAGE, type StnAlertCenterAlertItem, type StnAlertCenterSize, type StnAlertCenterTab, type StnAlertCenterTextOverflow, type StnAlertCenterWorkItem };

package/dist/data/stnAlertCenter.js

@@ -9,7 +9,7 @@ import {
   STN_ALERT_CENTER_USAGE,
   STN_ALERT_CENTER_USAGE_HTML,
   STN_GNB_ALERT_INTEGRATION_USAGE
-} from "../chunk-ZI6EF4XD.js";
+} from "../chunk-2WKT7X65.js";
 export {
   STN_ALERT_CENTER_DEMO_ALERTS,
   STN_ALERT_CENTER_DEMO_DEPLOY,

package/dist/data/stnBreadcrumb.js

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

package/dist/data/stnDatePicker.js

@@ -8,8 +8,8 @@ import {
   STN_DATE_PICKER_USAGE,
   STN_DATE_PICKER_USAGE_HTML,
   STN_DATE_PICKER_WEEKDAYS
-} from "../chunk-S4YA4H2S.js";
-import "../chunk-THCCTVUM.js";
+} from "../chunk-YBNEQ5LB.js";
+import "../chunk-5F63CMM7.js";
 export {
   STN_DATE_PICKER_INTRO,
   STN_DATE_PICKER_KO_NAME,

package/dist/data/stnDateRangeField.d.ts

@@ -2,7 +2,7 @@
  * Pub datetime range field — Infomap `input` (Figma 40000042:186907)
  * @see common.css `.date_box` · Ant Design RangePicker
  */
-type StnDateRangeFieldSize = 'sm' | 'md' | 'lg' | 'S' | 'M' | 'L';
+type StnDateRangeFieldSize = 'sm' | 'md' | 'lg' | 'xl' | 'S' | 'M' | 'L';
 declare const STN_DATE_RANGE_FIELD_FIGMA = "40000042:186907";
 /** DS·Figma 영문명 — Date range field (datetime 포함 시 DateTime range field) */
 declare const STN_DATE_RANGE_FIELD_NAME = "Date range field";

package/dist/data/stnDateRangeField.js

@@ -8,7 +8,7 @@ import {
   STN_DATE_RANGE_FIELD_USAGE,
   formatStnDateRangeFieldValue,
   parseStnDateRangeFieldValue
-} from "../chunk-THCCTVUM.js";
+} from "../chunk-5F63CMM7.js";
 export {
   STN_DATE_RANGE_FIELD_DEMO,
   STN_DATE_RANGE_FIELD_FIGMA,

package/dist/data/stnDropdown.d.ts

@@ -4,7 +4,7 @@
  */
 type StnDropdownMode = 'native' | 'menu';
 type StnDropdownSize = 'sm' | 'md' | 'lg' | 'xl';
-type StnDropdownVariant = 'outline' | 'standard' | 'filled';
+type StnDropdownVariant = 'outline' | 'standard' | 'filled' | 'transparent';
 type StnDropdownHelperTextPosition = 'top' | 'bottom' | 'left' | 'right';
 type StnDropdownDirection = 'down' | 'up';
 /** native: select에 class 직접 · wrapper: div.stn-dropdown > select.selected */

package/dist/data/stnDropdown.js

@@ -7,7 +7,7 @@ import {
   STN_DROPDOWN_MENU_USAGE,
   STN_DROPDOWN_SIZE_ROWS,
   STN_DROPDOWN_USAGE
-} from "../chunk-WRGBYWRV.js";
+} from "../chunk-LKVTW54X.js";
 export {
   STN_DROPDOWN_HTML,
   STN_DROPDOWN_HTML_COUNTS,

package/dist/data/stnHeader.js

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

package/dist/data/stnLayer0Background.js

@@ -10,7 +10,7 @@ import {
 import {
   STN_LAYER0_BACKGROUND_ASSET_PATHS,
   STN_LAYER0_BACKGROUND_DEMO_IMAGES
-} from "../chunk-ERPXTTTO.js";
+} from "../chunk-XBFXX3D6.js";
 export {
   STN_LAYER0_BACKGROUND_ASSET_PATHS,
   STN_LAYER0_BACKGROUND_DEMO_IMAGES,

package/dist/data/stnLayer0BackgroundAssets.d.ts

@@ -1,21 +1,22 @@
 /**
- * L0 preset images — lightweight asset paths (SSOT: styles/@assets/images/layer0).
+ * L0 preset images — Hosted on STN Official Vercel CDN for zero-setup & instant loading.
  */
+declare const STN_CDN_ASSET_BASE = "https://stn-design.vercel.app/images/layer0";
 declare const STN_LAYER0_BACKGROUND_DEMO_IMAGES: {
-    readonly dashboard: "/@assets/images/layer0/dashboard-light.png";
-    readonly dashboardLight: "/@assets/images/layer0/dashboard-light.png";
-    readonly dashboardDark: "/@assets/images/layer0/dashboard-dark.png";
-    readonly showroomA: "/@assets/images/layer0/showroom-a-light.png";
-    readonly showroomALight: "/@assets/images/layer0/showroom-a-light.png";
-    readonly showroomADark: "/@assets/images/layer0/showroom-a-dark.png";
-    readonly showroomB: "/@assets/images/layer0/showroom-b-light.png";
-    readonly showroomBLight: "/@assets/images/layer0/showroom-b-light.png";
-    readonly showroomBDark: "/@assets/images/layer0/showroom-b-dark.png";
-    readonly mapLight: "/@assets/images/layer0/map-light.png";
-    readonly mapDark: "/@assets/images/layer0/map-dark.png";
-    readonly login: "/@assets/images/layer0/login-light.png";
-    readonly loginLight: "/@assets/images/layer0/login-light.png";
-    readonly loginDark: "/@assets/images/layer0/login-dark.png";
+    readonly dashboard: "https://stn-design.vercel.app/images/layer0/dashboard-light.png";
+    readonly dashboardLight: "https://stn-design.vercel.app/images/layer0/dashboard-light.png";
+    readonly dashboardDark: "https://stn-design.vercel.app/images/layer0/dashboard-dark.png";
+    readonly showroomA: "https://stn-design.vercel.app/images/layer0/showroom-a-light.png";
+    readonly showroomALight: "https://stn-design.vercel.app/images/layer0/showroom-a-light.png";
+    readonly showroomADark: "https://stn-design.vercel.app/images/layer0/showroom-a-dark.png";
+    readonly showroomB: "https://stn-design.vercel.app/images/layer0/showroom-b-light.png";
+    readonly showroomBLight: "https://stn-design.vercel.app/images/layer0/showroom-b-light.png";
+    readonly showroomBDark: "https://stn-design.vercel.app/images/layer0/showroom-b-dark.png";
+    readonly mapLight: "https://stn-design.vercel.app/images/layer0/map-light.png";
+    readonly mapDark: "https://stn-design.vercel.app/images/layer0/map-dark.png";
+    readonly login: "https://stn-design.vercel.app/images/layer0/login-light.png";
+    readonly loginLight: "https://stn-design.vercel.app/images/layer0/login-light.png";
+    readonly loginDark: "https://stn-design.vercel.app/images/layer0/login-dark.png";
 };
 /** Pub CSS @assets 경로 — HTML·vanilla 소비자용 */
 declare const STN_LAYER0_BACKGROUND_ASSET_PATHS: {
@@ -35,4 +36,4 @@ declare const STN_LAYER0_BACKGROUND_ASSET_PATHS: {
     readonly loginDark: "@assets/images/layer0/login-dark.png";
 };
 
-export { STN_LAYER0_BACKGROUND_ASSET_PATHS, STN_LAYER0_BACKGROUND_DEMO_IMAGES };
+export { STN_CDN_ASSET_BASE, STN_LAYER0_BACKGROUND_ASSET_PATHS, STN_LAYER0_BACKGROUND_DEMO_IMAGES };

package/dist/data/stnLayer0BackgroundAssets.js

@@ -1,8 +1,10 @@
 import {
+  STN_CDN_ASSET_BASE,
   STN_LAYER0_BACKGROUND_ASSET_PATHS,
   STN_LAYER0_BACKGROUND_DEMO_IMAGES
-} from "../chunk-ERPXTTTO.js";
+} from "../chunk-XBFXX3D6.js";
 export {
+  STN_CDN_ASSET_BASE,
   STN_LAYER0_BACKGROUND_ASSET_PATHS,
   STN_LAYER0_BACKGROUND_DEMO_IMAGES
 };

package/dist/data/stnPackageVersion.d.ts

@@ -1,5 +1,5 @@
 /** Package version constants */
-declare const STN_UI_VERSION = "0.1.56";
-declare const STN_UI_VERSION_LABEL = "v0.1.56";
+declare const STN_UI_VERSION = "0.1.58";
+declare const STN_UI_VERSION_LABEL = "v0.1.58";
 
 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-2EMXBNFK.js";
+} from "../chunk-XPARWRVD.js";
 export {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL