@stn-uiux/pub-ui 0.1.82 → 0.1.85

package/dist/data/index.js

@@ -1,7 +1,4 @@
-import "../chunk-WKQLAHIG.js";
-import {
-  STN_TEXT_COLOR_ROWS
-} from "../chunk-4HUY6TN4.js";
+import "../chunk-ERZPIKPF.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -21,14 +18,38 @@ import {
 } from "../chunk-EKPLU5KT.js";
 import {
   STN_FONT_FAMILY_ROWS,
+  STN_FONT_SCALE_STEPS,
+  STN_FONT_SCALE_USAGE,
   STN_FONT_SIZE_ROWS,
   STN_FONT_WEIGHT_ROWS,
   STN_LINE_HEIGHT_ROWS,
   STN_TYPOGRAPHY_PRIMITIVE_GROUPS,
   STN_TYPOGRAPHY_SEMANTIC_ROWS,
+  scaleFontPx,
   typographyPrimitivesToJson,
   typographySemanticsToJson
-} from "../chunk-6FEWLKVE.js";
+} from "../chunk-2TRZNWCA.js";
+import "../chunk-7ONB2WVN.js";
+import {
+  STN_TEXT_AREA_HTML,
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE
+} from "../chunk-VNQUWGQ7.js";
+import {
+  STN_TEXT_COLOR_ROWS
+} from "../chunk-4HUY6TN4.js";
+import {
+  STN_SLIDER_HTML,
+  STN_SLIDER_INTRO,
+  STN_SLIDER_REACT
+} from "../chunk-II5TXKB7.js";
+import {
+  STN_SPACE_INTRO,
+  STN_SPACE_ROWS,
+  spaceTokensToJson
+} from "../chunk-2TUC7FFY.js";
 import {
   STN_SPACING_SEMANTIC_INTRO,
   STN_SPACING_SEMANTIC_ROWS,
@@ -38,17 +59,26 @@ import {
   STN_SPACING_USECASE_INTRO,
   STN_SPACING_USECASE_ROWS
 } from "../chunk-AFDRRCY6.js";
+import {
+  STN_SPLIT_VIEW_INTRO,
+  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_SIDE_WIDTHS
+} from "../chunk-W7K3FSAX.js";
 import {
   STN_STATUS_DEMO_STEPS
 } from "../chunk-R6NCTORS.js";
-import "../chunk-7ONB2WVN.js";
 import {
-  STN_TEXT_AREA_HTML,
-  STN_TEXT_AREA_INTRO,
-  STN_TEXT_AREA_SIZE_ROWS,
-  STN_TEXT_AREA_STATES,
-  STN_TEXT_AREA_USAGE
-} from "../chunk-VNQUWGQ7.js";
+  STN_STEP_CARDS_INTRO
+} from "../chunk-NYZMUDVK.js";
+import {
+  STN_STEP_STATUS_SPEC
+} from "../chunk-N4PVFFKV.js";
+import {
+  STN_SECTION_SIDE_FIGMA,
+  STN_SECTION_SIDE_INTRO,
+  STN_SECTION_SIDE_SPEC,
+  STN_SECTION_SIDE_USAGE
+} from "../chunk-RVYQ7WL3.js";
 import {
   STN_SEGMENTED_FIGMA,
   STN_SEGMENTED_HTML,
@@ -71,15 +101,9 @@ import {
   STN_SIZE_SEMANTIC_ROWS
 } from "../chunk-2FHXIAM3.js";
 import {
-  STN_SLIDER_HTML,
-  STN_SLIDER_INTRO,
-  STN_SLIDER_REACT
-} from "../chunk-II5TXKB7.js";
-import {
-  STN_SPACE_INTRO,
-  STN_SPACE_ROWS,
-  spaceTokensToJson
-} from "../chunk-2TUC7FFY.js";
+  STN_POPOVER_INTRO,
+  STN_POPOVER_USAGE
+} from "../chunk-FLKGJJD5.js";
 import {
   STN_PROGRESS_BAR_PLAYGROUND_DEFAULT,
   STN_PROGRESS_BAR_PLAYGROUND_PROPERTIES,
@@ -116,11 +140,11 @@ import {
   STN_RADIUS_USECASE_ROWS
 } from "../chunk-666SNAJT.js";
 import {
-  STN_SECTION_SIDE_FIGMA,
-  STN_SECTION_SIDE_INTRO,
-  STN_SECTION_SIDE_SPEC,
-  STN_SECTION_SIDE_USAGE
-} from "../chunk-RVYQ7WL3.js";
+  STN_LIST_TABLE_FIGMA,
+  STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
+  STN_LIST_TABLE_OPTION_ROWS,
+  STN_LIST_TABLE_PAGE_SIZE_OPTIONS
+} from "../chunk-5DGK35SP.js";
 import {
   STN_LOGIN_ASSETS,
   STN_LOGIN_FIGMA,
@@ -145,7 +169,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-THTVXGTK.js";
+} from "../chunk-5QPBSOJ6.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -186,12 +210,6 @@ import {
   resolveStnInputWidth,
   toStnInputWidthPreset
 } from "../chunk-SL4NQ6AI.js";
-import {
-  STN_LIST_TABLE_FIGMA,
-  STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
-  STN_LIST_TABLE_OPTION_ROWS,
-  STN_LIST_TABLE_PAGE_SIZE_OPTIONS
-} from "../chunk-5DGK35SP.js";
 import {
   STN_DIVIDER_INTRO,
   STN_DIVIDER_ORIENTATIONS,
@@ -212,6 +230,15 @@ import {
 import {
   STN_SHADOW_ROWS
 } from "../chunk-LUVECKIK.js";
+import {
+  STN_EMPTY_STATE_GRAPHICS,
+  STN_EMPTY_STATE_INTRO,
+  STN_EMPTY_STATE_KINDS,
+  STN_EMPTY_STATE_KIND_ROWS,
+  STN_EMPTY_STATE_PRESETS,
+  STN_EMPTY_STATE_REACT_USAGE,
+  STN_EMPTY_STATE_USAGE_HTML
+} from "../chunk-APXT43OG.js";
 import {
   STN_GRADIENT_INTRO,
   STN_GRADIENT_ROWS_DARK,
@@ -238,7 +265,7 @@ import {
   STN_CARD_RADII,
   STN_CARD_SEVERITIES,
   STN_CARD_VARIANTS
-} from "../chunk-AJLP3Y53.js";
+} from "../chunk-2VSSPMZ3.js";
 import {
   STN_CHART_COLOR_DEFINITIONS,
   STN_CHART_INTRO,
@@ -301,6 +328,28 @@ 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,
+  STN_TREE_INTRO,
+  STN_TREE_PARTS,
+  STN_TREE_PATTERN_PLAYGROUND_DEFAULT,
+  STN_TREE_PATTERN_PLAYGROUND_PROPERTIES,
+  STN_TREE_REACT_EXAMPLE,
+  STN_TREE_SECTION_SIDE_FIGMA,
+  STN_TREE_USAGE_HTML,
+  describeTreePatternReact
+} from "../chunk-65B7YUTE.js";
 import {
   STN_ALERT_CENTER_DASHBOARD_USAGE,
   STN_ALERT_CENTER_DASHBOARD_WIDGETS,
@@ -333,36 +382,6 @@ import {
   resolveStnWidgetKindBodySlot,
   stnWidgetSampleUrl
 } from "../chunk-JBOXRPR7.js";
-import {
-  STN_TEXT_FIELD_FIGMA,
-  STN_TEXT_FIELD_HTML,
-  STN_TEXT_FIELD_INTRO,
-  STN_TEXT_FIELD_SIZE_ROWS,
-  STN_TEXT_FIELD_STATES,
-  STN_TEXT_FIELD_USAGE
-} from "../chunk-YJLOIDKY.js";
-import {
-  STN_TOAST_DEMO_MSG,
-  STN_TOAST_ICON_SLUG,
-  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,
-  STN_TREE_INTRO,
-  STN_TREE_PARTS,
-  STN_TREE_PATTERN_PLAYGROUND_DEFAULT,
-  STN_TREE_PATTERN_PLAYGROUND_PROPERTIES,
-  STN_TREE_REACT_EXAMPLE,
-  STN_TREE_SECTION_SIDE_FIGMA,
-  STN_TREE_USAGE_HTML,
-  describeTreePatternReact
-} from "../chunk-AOS3IX4T.js";
 import {
   STN_TABLE_EXAMPLE,
   STN_TABLE_EXAMPLE_HTML,
@@ -380,17 +399,13 @@ import {
   STN_TABLE_TH_LABEL_FIGMA
 } from "../chunk-IOBNIUK3.js";
 import {
-  STN_SIDE_NAVIGATION_INTRO,
-  STN_SIDE_NAVIGATION_USAGE,
-  STN_SIDE_NAV_ITEM_USAGE
-} from "../chunk-7ZIUVC3E.js";
-import {
-  STN_SCROLL_FIGMA,
-  STN_SCROLL_INTRO,
-  STN_SCROLL_SPEC,
-  STN_SCROLL_USAGE,
-  STN_SCROLL_USAGE_HTML
-} from "../chunk-CHJATVOT.js";
+  STN_TEXT_FIELD_FIGMA,
+  STN_TEXT_FIELD_HTML,
+  STN_TEXT_FIELD_INTRO,
+  STN_TEXT_FIELD_SIZE_ROWS,
+  STN_TEXT_FIELD_STATES,
+  STN_TEXT_FIELD_USAGE
+} from "../chunk-YJLOIDKY.js";
 import {
   STN_SEARCH_REQUIREMENT_DEMO_FIELDS,
   STN_SEARCH_REQUIREMENT_FIGMA,
@@ -402,12 +417,10 @@ import {
   STN_SEARCH_REQUIREMENT_USAGE_HTML
 } from "../chunk-AE4CKAEK.js";
 import {
-  STN_LOADING_SKELETON_COLORS,
-  STN_LOADING_SKELETON_INTRO,
-  STN_LOADING_SKELETON_PARTS,
-  STN_LOADING_SKELETON_USAGE,
-  STN_LOADING_SKELETON_USAGE_HTML
-} from "../chunk-5BGXBJXN.js";
+  STN_SIDE_NAVIGATION_INTRO,
+  STN_SIDE_NAVIGATION_USAGE,
+  STN_SIDE_NAV_ITEM_USAGE
+} from "../chunk-7ZIUVC3E.js";
 import {
   STN_POPUP_INTRO,
   STN_POPUP_INVENTORY_ROWS,
@@ -423,6 +436,29 @@ import {
   STN_POPUP_USAGE_HTML,
   resolveStnPopupSizeFromWidth
 } from "../chunk-G4SOYIHZ.js";
+import {
+  STN_SCROLL_FIGMA,
+  STN_SCROLL_INTRO,
+  STN_SCROLL_SPEC,
+  STN_SCROLL_USAGE,
+  STN_SCROLL_USAGE_HTML
+} from "../chunk-CHJATVOT.js";
+import {
+  STN_LOADING_SKELETON_COLORS,
+  STN_LOADING_SKELETON_INTRO,
+  STN_LOADING_SKELETON_PARTS,
+  STN_LOADING_SKELETON_USAGE,
+  STN_LOADING_SKELETON_USAGE_HTML
+} from "../chunk-5BGXBJXN.js";
+import {
+  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
+} from "../chunk-ONXZQ5LE.js";
 import {
   STN_ELEVATION_Z_INDEX,
   STN_LAYER_DIM_MODAL_HTML,
@@ -485,15 +521,6 @@ import {
   STN_DROPDOWN_SIZE_ROWS,
   STN_DROPDOWN_USAGE
 } from "../chunk-IZRGNUH6.js";
-import {
-  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
-} from "../chunk-ONXZQ5LE.js";
 import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
@@ -508,8 +535,11 @@ import {
   STN_DATE_PICKER_SPEC,
   STN_DATE_PICKER_USAGE,
   STN_DATE_PICKER_USAGE_HTML,
-  STN_DATE_PICKER_WEEKDAYS
-} from "../chunk-YBNEQ5LB.js";
+  STN_DATE_PICKER_WEEKDAYS,
+  STN_DATE_PRESET_LABEL,
+  createStnDatePreset,
+  createStnDatePresets
+} from "../chunk-QJN2Z6RG.js";
 import {
   STN_DATE_RANGE_FIELD_DEMO,
   STN_DATE_RANGE_FIELD_FIGMA,
@@ -627,6 +657,7 @@ export {
   STN_DATE_PICKER_USAGE,
   STN_DATE_PICKER_USAGE_HTML,
   STN_DATE_PICKER_WEEKDAYS,
+  STN_DATE_PRESET_LABEL,
   STN_DATE_RANGE_FIELD_DEMO,
   STN_DATE_RANGE_FIELD_FIGMA,
   STN_DATE_RANGE_FIELD_HTML,
@@ -653,10 +684,19 @@ export {
   STN_ELEVATION_LAYER_STACK,
   STN_ELEVATION_LEVEL_ROWS,
   STN_ELEVATION_Z_INDEX,
+  STN_EMPTY_STATE_GRAPHICS,
+  STN_EMPTY_STATE_INTRO,
+  STN_EMPTY_STATE_KINDS,
+  STN_EMPTY_STATE_KIND_ROWS,
+  STN_EMPTY_STATE_PRESETS,
+  STN_EMPTY_STATE_REACT_USAGE,
+  STN_EMPTY_STATE_USAGE_HTML,
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
   STN_FEEDBACK_SOURCE,
   STN_FONT_FAMILY_ROWS,
+  STN_FONT_SCALE_STEPS,
+  STN_FONT_SCALE_USAGE,
   STN_FONT_SIZE_ROWS,
   STN_FONT_WEIGHT_ROWS,
   STN_GNB_ALERT_INTEGRATION_USAGE,
@@ -768,6 +808,8 @@ export {
   STN_PAGINATION_FIGMA,
   STN_PAGINATION_INTRO,
   STN_PAGINATION_REACT,
+  STN_POPOVER_INTRO,
+  STN_POPOVER_USAGE,
   STN_POPUP_INTRO,
   STN_POPUP_INVENTORY_ROWS,
   STN_POPUP_LEGACY_WIDTH_SAMPLES,
@@ -848,8 +890,13 @@ export {
   STN_SPACING_SEMANTIC_ROWS,
   STN_SPACING_USECASE_INTRO,
   STN_SPACING_USECASE_ROWS,
+  STN_SPLIT_VIEW_INTRO,
+  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_SIDE_WIDTHS,
   STN_STATIC,
   STN_STATUS_DEMO_STEPS,
+  STN_STEP_CARDS_INTRO,
+  STN_STEP_STATUS_SPEC,
   STN_SYSTEM_CHIP_DEMO,
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,
@@ -939,6 +986,8 @@ export {
   countCheckboxPlaygroundCombinations,
   countRadioGroupPlaygroundCombinations,
   countToggleButtonPlaygroundCombinations,
+  createStnDatePreset,
+  createStnDatePresets,
   describeCheckboxPlaygroundReact,
   describeProgressBarPlaygroundReact,
   describeRadioGroupPlaygroundReact,
@@ -974,6 +1023,7 @@ export {
   resolveStnWidgetKindBodySlot,
   resolveSystemIconSrcFromName,
   resolveTypeScaleName,
+  scaleFontPx,
   semanticPaletteToJsonRecord,
   sizeTokensToJson,
   spaceTokensToJson,

package/dist/data/stnCard.d.ts

@@ -6,6 +6,6 @@ declare const STN_CARD_VARIANTS: readonly StnCardVariant[];
 declare const STN_CARD_RADII: readonly StnCardRadius[];
 declare const STN_CARD_PADDINGS: readonly StnCardPadding[];
 declare const STN_CARD_SEVERITIES: readonly StnCardSeverity[];
-declare const STN_CARD_INTRO = "\uCF58\uD150\uCE20\uB97C \uC2DC\uAC01\uC801\uC73C\uB85C \uADF8\uB8F9\uD654\uD558\uACE0 \uACC4\uCE35\uC744 \uBD80\uC5EC\uD558\uB294 \uD45C\uC900 \uC11C\uD53C\uC2A4(Surface) \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uD50C\uB7AB, \uC544\uC6C3\uB77C\uC778, \uC5D8\uB9AC\uBCA0\uC774\uD2F0\uB4DC \uBCC0\uD615\uACFC \uB77C\uC6B4\uB4DC \uBC0F \uD328\uB529 \uADDC\uACA9\uC744 \uC81C\uACF5\uD558\uBA70, \uB2E8\uB3C5 \uD2C0\uB85C\uC11C \uD639\uC740 \uD5E4\uB354/\uBCF8\uBB38/\uD478\uD130 \uD569\uC131 \uAD6C\uC870\uB85C \uC720\uC5F0\uD558\uAC8C \uD65C\uC6A9\uB429\uB2C8\uB2E4.";
+declare const STN_CARD_INTRO = "\uCF58\uD150\uCE20\uB97C \uC2DC\uAC01\uC801\uC73C\uB85C \uADF8\uB8F9\uD654\uD558\uACE0 \uACC4\uCE35\uC744 \uBD80\uC5EC\uD558\uB294 \uD45C\uC900 \uC11C\uD53C\uC2A4(Surface) \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uD50C\uB7AB, \uC544\uC6C3\uB77C\uC778, \uC5D8\uB9AC\uBCA0\uC774\uD2F0\uB4DC \uBCC0\uD615\uACFC \uB77C\uC6B4\uB4DC \uBC0F \uD328\uB529 \uADDC\uACA9\uC744 \uC81C\uACF5\uD558\uBA70, \uB2E8\uB3C5 \uD2C0\uB85C\uC11C \uD639\uC740 \uD5E4\uB354/\uBCF8\uBB38/\uD478\uD130 \uD569\uC131 \uAD6C\uC870\uB85C \uC720\uC5F0\uD558\uAC8C \uD65C\uC6A9\uB429\uB2C8\uB2E4. \uB9F5\u00B7\uD0D0\uC0C9 Split\uC740 padding=\"none\" + Body flush + Patterns Split View \uB808\uC2DC\uD53C\uB97C \uC0AC\uC6A9\uD569\uB2C8\uB2E4.";
 
 export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, type StnCardPadding, type StnCardRadius, type StnCardSeverity, type StnCardVariant };

package/dist/data/stnCard.js

@@ -4,7 +4,7 @@ import {
   STN_CARD_RADII,
   STN_CARD_SEVERITIES,
   STN_CARD_VARIANTS
-} from "../chunk-AJLP3Y53.js";
+} from "../chunk-2VSSPMZ3.js";
 export {
   STN_CARD_INTRO,
   STN_CARD_PADDINGS,

package/dist/data/stnDatePicker.d.ts

@@ -2,13 +2,28 @@ type StnDateRange = {
     start: Date | null;
     end: Date | null;
 };
+/** `range`는 두 달, `single`은 한 달. 고르는 방식은 같다. 한 번은 시작일, 같은 날을 다시 누르면 그날만, 다른 날이면 범위. */
+type StnDatePickerMode = 'range' | 'single';
+/** 단건에 시간을 켤 때 시·분·초 위치. 기간 검색은 항상 달력 아래. */
+type StnDateTimePlacement = 'side' | 'bottom';
+type StnDatePresetKind = 'today' | 'days7' | 'month1' | 'month3' | 'thisMonth' | 'prevMonth';
+type StnDatePreset = {
+    id: string;
+    label: string;
+    getRange: (now: Date) => StnDateRange;
+};
+declare const STN_DATE_PRESET_LABEL: Record<StnDatePresetKind, string>;
+/** 바로가기 하나. `label`을 비우면 오늘·7일·1개월·3개월·당월·전월 중 해당 이름을 쓴다. */
+declare function createStnDatePreset(kind: StnDatePresetKind, label?: string): StnDatePreset;
+/** 화면에 둘 바로가기만 고른다. 순서는 배열 순서이고, 빼면 버튼도 빠진다. */
+declare function createStnDatePresets(kinds: readonly StnDatePresetKind[], labels?: Partial<Record<StnDatePresetKind, string>>): StnDatePreset[];
 declare const STN_DATE_PICKER_NAME = "Date range picker";
 declare const STN_DATE_PICKER_KO_NAME = "\uAE30\uAC04 \uC120\uD0DD \uB2EC\uB825";
-declare const STN_DATE_PICKER_INTRO = "\uB2EC\uB825 \uC544\uC774\uCF58 \uD074\uB9AD \uC2DC \uC5F4\uB9AC\uB294 **\uAE30\uAC04 \uC120\uD0DD \uD31D\uC5C5**\uC785\uB2C8\uB2E4. 2\uAC1C\uC6D4 \uB2EC\uB825 \u00B7 \uBC94\uC704 \uD558\uC774\uB77C\uC774\uD2B8 \u00B7 \uC2DC\u00B7\uBD84\u00B7\uCD08(optional) \u00B7 \uD655\uC778 \uBC84\uD2BC. \uD2B8\uB9AC\uAC70\uB294 `StnDateRangeField`\uC640 \uB3D9\uC77C \uC2A4\uCF00\uC77C(S/M/L)\uC774\uBA70, \uD1B5\uD569 \uC870\uB9BD\uC740 `StnDateRangePickerField` \u00B7 \uD31D\uC5C5\uB9CC \uC4F0\uB824\uBA74 `StnDateRangePicker`. Pub HTML `ant-picker-dropdown` \u00B7 `--calendar-*` \uD1A0\uD070.";
+declare const STN_DATE_PICKER_INTRO = "\uB2EC\uB825 \uC544\uC774\uCF58 \uD074\uB9AD \uC2DC \uC5F4\uB9AC\uB294 **\uAE30\uAC04 \uC120\uD0DD \uD31D\uC5C5**\uC785\uB2C8\uB2E4. \uAE30\uBCF8\uC740 2\uAC1C\uC6D4 \uBC94\uC704\uC774\uACE0, `mode=\"single\"`\uC774\uBA74 \uB2EC\uB825 \uD55C \uB2EC\uC785\uB2C8\uB2E4. \uB2E8\uAC74\uC5D0 `showTime`\uC744 \uC8FC\uBA74 \uC2DC\u00B7\uBD84\u00B7\uCD08\uAC00 \uAE30\uBCF8\uC73C\uB85C \uB2EC\uB825 \uC624\uB978\uCABD\uC5D0 \uBD99\uACE0, `timePlacement=\"bottom\"`\uC774\uBA74 \uB2EC\uB825 \uC544\uB798\uC785\uB2C8\uB2E4. `presets`\uB294 \uC624\uB298\u00B77\uC77C\uCC98\uB7FC \uD558\uB2E8 \uBC84\uD2BC\uC774\uBA70, \uB2E8\uAC74\uC5D0\uC11C\uB3C4 \uADF8 \uAE30\uAC04 \uC804\uCCB4\uB97C \uACE0\uB985\uB2C8\uB2E4. \uD2B8\uB9AC\uAC70\uB294 `StnDateRangeField`\uC640 \uB3D9\uC77C \uC2A4\uCF00\uC77C(sm/md/lg)\uC774\uBA70, \uD1B5\uD569 \uC870\uB9BD\uC740 `StnDateRangePickerField` \u00B7 \uD31D\uC5C5\uB9CC \uC4F0\uB824\uBA74 `StnDateRangePicker`.";
 declare const STN_DATE_PICKER_PART_ROWS: readonly [{
     readonly part: "Trigger";
     readonly component: "StnDateRangeField";
-    readonly note: "기간 표시 + 달력 아이콘 · TextField S/M/L 스케일";
+    readonly note: "기간 표시 + 달력 아이콘 · TextField sm/md/lg 스케일";
 }, {
     readonly part: "Field + popup";
     readonly component: "StnDateRangePickerField";
@@ -16,28 +31,44 @@ declare const STN_DATE_PICKER_PART_ROWS: readonly [{
 }, {
     readonly part: "Panel only";
     readonly component: "StnDateRangePicker";
-    readonly note: "달력·시간·확인 UI만 · 커스텀 앵커에 연결";
+    readonly note: "달력·시간·취소·확인 UI만 · 커스텀 앵커에 연결";
 }];
 declare const STN_DATE_PICKER_SPEC: readonly [{
     readonly property: "Calendar";
-    readonly value: "2 months side-by-side";
-    readonly note: "범위 선택 · in-range 하이라이트";
+    readonly value: "range: 2 months · single: 1 month";
+    readonly note: "`mode` 기본 range";
+}, {
+    readonly property: "Size";
+    readonly value: "sm · md · lg";
+    readonly note: "필드·달력 칸·패딩 토큰 스케일. 기본 md";
+}, {
+    readonly property: "Hover preview";
+    readonly value: "start only → hover band";
+    readonly note: "시작일만 고른 뒤 다른 날 위에 올리면 범위 미리보기";
 }, {
     readonly property: "Time";
     readonly value: "optional `showTime`";
-    readonly note: "시·분·초 컬럼";
+    readonly note: "기간은 달력 아래. 단건은 `timePlacement`로 오른쪽 또는 아래";
+}, {
+    readonly property: "Presets";
+    readonly value: "optional `presets`";
+    readonly note: "하단 버튼 · 줄바꿈 · 단건에서도 기간 전체";
 }, {
     readonly property: "Apply";
     readonly value: "확인 button";
     readonly note: "적용 후 팝업 닫기";
+}, {
+    readonly property: "Cancel";
+    readonly value: "취소 button · Esc · outside";
+    readonly note: "반영 없이 닫기";
 }, {
     readonly property: "CSS";
     readonly value: "stn-date-picker.css";
-    readonly note: "--calendar-* 토큰";
+    readonly note: "--calendar-* · --stn-date-picker-* 토큰";
 }];
-declare const STN_DATE_PICKER_USAGE = "import { StnDateRangePickerField } from '@stn-uiux/pub-ui-react'\n\nconst [range, setRange] = useState({\n  start: new Date('2024-02-07T09:22:34'),\n  end: new Date('2024-03-07T09:22:34'),\n})\n\n<StnDateRangePickerField\n  size=\"M\"\n  value={range}\n  onChange={setRange}\n  showTime\n  aria-label=\"Search period\"\n/>";
-declare const STN_DATE_PICKER_USAGE_HTML = "<button\n  type=\"button\"\n  class=\"stn-date-range-field md\"\n  aria-label=\"Search period\"\n>\n  <span class=\"stn-date-range-field__inner\">\n    <span class=\"stn-date-range-field__text\">\n      <span class=\"stn-date-range-field__value\">2024-02-07 09:22:34</span>\n      <span class=\"stn-date-range-field__sep\" aria-hidden=\"true\">~</span>\n      <span class=\"stn-date-range-field__value\">2024-03-07 09:22:34</span>\n    </span>\n    <span class=\"stn-date-range-field__icon\" aria-hidden=\"true\"></span>\n  </span>\n</button>\n\n<!-- \uB2EC\uB825 \uD328\uB110 \u2014 stn-date-picker.css \u00B7 ant-picker-dropdown -->\n<div class=\"stn-date-picker ant-picker-dropdown\" role=\"dialog\" aria-label=\"\uAE30\uAC04 \uC120\uD0DD\">\n  <!-- 2-month calendar \u00B7 showTime columns \u00B7 \uD655\uC778 button -->\n</div>";
+declare const STN_DATE_PICKER_USAGE = "import { StnDateRangePickerField, createStnDatePresets } from '@stn-uiux/pub-ui-react'\n\nconst [range, setRange] = useState({\n  start: new Date('2024-02-07T09:22:34'),\n  end: new Date('2024-03-07T09:22:34'),\n})\n\n<StnDateRangePickerField\n  size=\"md\"\n  value={range}\n  onChange={setRange}\n  showTime\n  aria-label=\"Search period\"\n/>\n\n// \uB2E8\uAC74 + \uC2DC\uAC04. \uBC14\uB85C\uAC00\uAE30\uB294 \uD654\uBA74\uC774 \uBC30\uC5F4\uB85C \uC815\uD55C\uB2E4.\n<StnDateRangePickerField\n  mode=\"single\"\n  showTime\n  timePlacement=\"bottom\"\n  presets={createStnDatePresets(['today', 'days7', 'month1', 'month3', 'thisMonth', 'prevMonth'])}\n  value={day}\n  onChange={setDay}\n/>";
+declare const STN_DATE_PICKER_USAGE_HTML = "<button\n  type=\"button\"\n  class=\"stn-date-range-field md\"\n  aria-label=\"Search period\"\n>\n  <span class=\"stn-date-range-field__inner\">\n    <span class=\"stn-date-range-field__text\">\n      <span class=\"stn-date-range-field__value\">2024-02-07 09:22:34</span>\n      <span class=\"stn-date-range-field__sep\" aria-hidden=\"true\">~</span>\n      <span class=\"stn-date-range-field__value\">2024-03-07 09:22:34</span>\n    </span>\n    <span class=\"stn-date-range-field__icon\" aria-hidden=\"true\"></span>\n  </span>\n</button>\n\n<!-- \uB2EC\uB825 \uD328\uB110 \u2014 stn-date-picker.css -->\n<div class=\"stn-date-picker-dropdown\" role=\"dialog\" aria-label=\"\uAE30\uAC04 \uC120\uD0DD\">\n  <div class=\"stn-date-picker-dropdown__body\">\n    <div class=\"stn-date-picker-dropdown__panels\">\n      <div class=\"stn-date-picker-panel\">...</div>\n      <div class=\"stn-date-picker-panel\">...</div>\n    </div>\n    <div class=\"stn-date-picker-time\">\n      <div class=\"stn-date-picker-time__side\">...</div>\n      <div class=\"stn-date-picker-time__side\">...</div>\n    </div>\n    <div class=\"stn-date-picker-footer\">\n      <button type=\"button\" class=\"stn-btn text md\">\n        <span class=\"stn-btn__label\">\uCDE8\uC18C</span>\n      </button>\n      <button type=\"button\" class=\"stn-btn text md\">\n        <span class=\"stn-btn__label\">\uD655\uC778</span>\n      </button>\n    </div>\n  </div>\n</div>";
 declare const STN_DATE_PICKER_PANEL_USAGE = "import { StnDateRangePicker } from '@stn-uiux/pub-ui-react'\n\n<StnDateRangePicker\n  open\n  value={{ start, end }}\n  onChange={setDraft}\n  onApply={(next) => { setRange(next); setOpen(false) }}\n  onClose={() => setOpen(false)}\n  showTime\n/>";
 declare const STN_DATE_PICKER_WEEKDAYS: readonly ["일", "월", "화", "수", "목", "금", "토"];
 
-export { STN_DATE_PICKER_INTRO, STN_DATE_PICKER_KO_NAME, STN_DATE_PICKER_NAME, STN_DATE_PICKER_PANEL_USAGE, STN_DATE_PICKER_PART_ROWS, STN_DATE_PICKER_SPEC, STN_DATE_PICKER_USAGE, STN_DATE_PICKER_USAGE_HTML, STN_DATE_PICKER_WEEKDAYS, type StnDateRange };
+export { STN_DATE_PICKER_INTRO, STN_DATE_PICKER_KO_NAME, STN_DATE_PICKER_NAME, STN_DATE_PICKER_PANEL_USAGE, STN_DATE_PICKER_PART_ROWS, STN_DATE_PICKER_SPEC, STN_DATE_PICKER_USAGE, STN_DATE_PICKER_USAGE_HTML, STN_DATE_PICKER_WEEKDAYS, STN_DATE_PRESET_LABEL, type StnDatePickerMode, type StnDatePreset, type StnDatePresetKind, type StnDateRange, type StnDateTimePlacement, createStnDatePreset, createStnDatePresets };

package/dist/data/stnDatePicker.js

@@ -7,8 +7,11 @@ import {
   STN_DATE_PICKER_SPEC,
   STN_DATE_PICKER_USAGE,
   STN_DATE_PICKER_USAGE_HTML,
-  STN_DATE_PICKER_WEEKDAYS
-} from "../chunk-YBNEQ5LB.js";
+  STN_DATE_PICKER_WEEKDAYS,
+  STN_DATE_PRESET_LABEL,
+  createStnDatePreset,
+  createStnDatePresets
+} from "../chunk-QJN2Z6RG.js";
 import "../chunk-5F63CMM7.js";
 export {
   STN_DATE_PICKER_INTRO,
@@ -19,6 +22,9 @@ export {
   STN_DATE_PICKER_SPEC,
   STN_DATE_PICKER_USAGE,
   STN_DATE_PICKER_USAGE_HTML,
-  STN_DATE_PICKER_WEEKDAYS
+  STN_DATE_PICKER_WEEKDAYS,
+  STN_DATE_PRESET_LABEL,
+  createStnDatePreset,
+  createStnDatePresets
 };
 //# sourceMappingURL=stnDatePicker.js.map

package/dist/data/stnEmptyState.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Empty State / Error page — 공통 빈·오류 상태 표면
+ * @see StnEmptyState (@stn-uiux/pub-ui-react)
+ * @see styles/components/stn-empty-state.css
+ */
+declare const STN_EMPTY_STATE_GRAPHICS: Record<StnEmptyStateKind, string>;
+declare const STN_EMPTY_STATE_INTRO = "\uC544\uC774\uCF58 \u00B7 3D \uC77C\uB7EC\uC2A4\uD2B8 \u00B7 \uC81C\uBAA9 \u00B7 \uC124\uBA85 \u00B7 \uC561\uC158 \uBC84\uD2BC\uC73C\uB85C \uAD6C\uC131\uB418\uB294 \uACF5\uD1B5 \uBE48\u00B7\uC624\uB958 \uC0C1\uD0DC\uC785\uB2C8\uB2E4. \uC704\uC82F \uBCF8\uBB38\uBD80\uD130 \uC804\uCCB4 \uD398\uC774\uC9C0(404 \uB4F1)\uAE4C\uC9C0 `kind` \uD504\uB9AC\uC14B \uB610\uB294 \uC2AC\uB86F\uC73C\uB85C \uC870\uB9BD\uD558\uBA70, 3D \uADF8\uB798\uD53D\uACFC \uC2EC\uBCFC \uC544\uC774\uCF58\uC744 \uC790\uC720\uB86D\uAC8C \uC120\uD0DD\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.";
+/** 대표 프리셋 10종 */
+declare const STN_EMPTY_STATE_KINDS: readonly ["no-data", "not-found", "unauthorized", "forbidden", "server-error", "network", "timeout", "maintenance", "search-empty", "load-failed"];
+type StnEmptyStateKind = (typeof STN_EMPTY_STATE_KINDS)[number];
+type StnEmptyStateTone = 'neutral' | 'info' | 'warning' | 'error' | 'success';
+type StnEmptyStateSize = 'sm' | 'md' | 'lg';
+type StnEmptyStatePreset = {
+    kind: StnEmptyStateKind;
+    /** HTTP/상태 코드 표기 (문서·뱃지용, 선택) */
+    code?: string;
+    label: string;
+    title: string;
+    description: string;
+    /** Iconography slug (`line/…` · `fill/…`) */
+    icon: string;
+    /** 3D 일러스트 그래픽 이미지 (Data URL / static asset) */
+    graphic?: string;
+    tone: StnEmptyStateTone;
+    /** 기본 1차 액션 라벨 (문서·프리셋 제안) */
+    primaryActionLabel?: string;
+    /** 기본 2차 액션 라벨 */
+    secondaryActionLabel?: string;
+};
+declare const STN_EMPTY_STATE_PRESETS: Record<StnEmptyStateKind, StnEmptyStatePreset>;
+declare const STN_EMPTY_STATE_KIND_ROWS: StnEmptyStatePreset[];
+declare const STN_EMPTY_STATE_REACT_USAGE = "import { StnEmptyState, StnButton } from '@stn-uiux/pub-ui-react'\n\n{/* \uD504\uB9AC\uC14B + \uAE30\uBCF8 \uC561\uC158 */}\n<StnEmptyState\n  kind=\"no-data\"\n  primaryAction={{ label: '\uB418\uB3CC\uC544\uAC00\uAE30', onClick: () => history.back() }}\n/>\n\n{/* \uC804\uCCB4 \uD398\uC774\uC9C0 (404) */}\n<StnEmptyState\n  kind=\"not-found\"\n  size=\"lg\"\n  fullPage\n  primaryAction={{ label: '\uD648\uC73C\uB85C', onClick: () => navigate('/') }}\n  secondaryAction={{ label: '\uB418\uB3CC\uC544\uAC00\uAE30', onClick: () => history.back() }}\n/>\n\n{/* \uC2AC\uB86F\uC73C\uB85C \uC644\uC804 \uCEE4\uC2A4\uD140 */}\n<StnEmptyState\n  icon=\"line/database\"\n  title=\"\uD45C\uC2DC\uD560 \uC7A5\uBE44\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.\"\n  description=\"\uC7A5\uBE44\uB97C \uB4F1\uB85D\uD558\uBA74 \uC5EC\uAE30\uC5D0 \uD45C\uC2DC\uB429\uB2C8\uB2E4.\"\n  tone=\"neutral\"\n  actions={\n    <>\n      <StnButton variant=\"contained\">\uC7A5\uBE44 \uB4F1\uB85D</StnButton>\n      <StnButton variant=\"outlined\">\uB418\uB3CC\uC544\uAC00\uAE30</StnButton>\n    </>\n  }\n/>";
+declare const STN_EMPTY_STATE_USAGE_HTML = "<!-- \uACF5\uD1B5 empty / error \uC0C1\uD0DC \u00B7 stn-empty-state.css -->\n<div class=\"stn-empty-state md tone-neutral\" role=\"status\">\n  <div class=\"stn-empty-state__icon\" aria-hidden=\"true\">\n    <!-- StnIcon: fill/exclamation-circle -->\n  </div>\n  <div class=\"stn-empty-state__body\">\n    <p class=\"stn-empty-state__title stn-text-title-2\">\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.</p>\n    <p class=\"stn-empty-state__description stn-text-body-3 stn-text-color-secondary\">\n      \uD45C\uC2DC\uD560 \uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.\n    </p>\n  </div>\n  <div class=\"stn-empty-state__actions\">\n    <button type=\"button\" class=\"stn-btn contained md\">\uB418\uB3CC\uC544\uAC00\uAE30</button>\n  </div>\n</div>\n\n<!-- \uC804\uCCB4 \uD398\uC774\uC9C0 404 -->\n<div class=\"stn-empty-state lg page tone-warning\" role=\"status\">\n  \u2026\n</div>";
+
+export { STN_EMPTY_STATE_GRAPHICS, STN_EMPTY_STATE_INTRO, STN_EMPTY_STATE_KINDS, STN_EMPTY_STATE_KIND_ROWS, STN_EMPTY_STATE_PRESETS, STN_EMPTY_STATE_REACT_USAGE, STN_EMPTY_STATE_USAGE_HTML, type StnEmptyStateKind, type StnEmptyStatePreset, type StnEmptyStateSize, type StnEmptyStateTone };

package/dist/data/stnEmptyState.js

@@ -0,0 +1,19 @@
+import {
+  STN_EMPTY_STATE_GRAPHICS,
+  STN_EMPTY_STATE_INTRO,
+  STN_EMPTY_STATE_KINDS,
+  STN_EMPTY_STATE_KIND_ROWS,
+  STN_EMPTY_STATE_PRESETS,
+  STN_EMPTY_STATE_REACT_USAGE,
+  STN_EMPTY_STATE_USAGE_HTML
+} from "../chunk-APXT43OG.js";
+export {
+  STN_EMPTY_STATE_GRAPHICS,
+  STN_EMPTY_STATE_INTRO,
+  STN_EMPTY_STATE_KINDS,
+  STN_EMPTY_STATE_KIND_ROWS,
+  STN_EMPTY_STATE_PRESETS,
+  STN_EMPTY_STATE_REACT_USAGE,
+  STN_EMPTY_STATE_USAGE_HTML
+};
+//# sourceMappingURL=stnEmptyState.js.map

package/dist/data/stnEmptyState.js.map

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

package/dist/data/stnPackageVersion.d.ts

@@ -1,5 +1,5 @@
 /** Package version constants */
-declare const STN_UI_VERSION = "0.1.82";
-declare const STN_UI_VERSION_LABEL = "v0.1.82";
+declare const STN_UI_VERSION = "0.1.85";
+declare const STN_UI_VERSION_LABEL = "v0.1.85";
 
 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-THTVXGTK.js";
+} from "../chunk-5QPBSOJ6.js";
 export {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL

package/dist/data/stnPopover.d.ts

@@ -0,0 +1,18 @@
+/**
+ * StnPopover — Data & Types
+ */
+type StnPopoverHorizontalOrigin = 'left' | 'center' | 'right' | number;
+type StnPopoverVerticalOrigin = 'top' | 'center' | 'bottom' | number;
+interface StnPopoverOrigin {
+    vertical: StnPopoverVerticalOrigin;
+    horizontal: StnPopoverHorizontalOrigin;
+}
+interface StnPopoverPosition {
+    top: number;
+    left: number;
+}
+type StnPopoverReference = 'anchorEl' | 'anchorPosition';
+declare const STN_POPOVER_INTRO = "\uD2B9\uC815 \uC5D8\uB9AC\uBA3C\uD2B8(anchorEl) \uB610\uB294 \uD654\uBA74 \uC88C\uD45C(anchorPosition)\uB97C \uAE30\uC900\uC73C\uB85C \uC9C0\uC815\uB41C \uC704\uCE58(anchorOrigin \uBC0F transformOrigin)\uC5D0 \uB744\uC6B0\uB294 STN \uD45C\uC900 \uD50C\uB85C\uD305 \uD31D\uC624\uBC84 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4.";
+declare const STN_POPOVER_USAGE = "import { useState } from 'react'\nimport { StnButton, StnPopover } from '@stn-uiux/pub-ui-react'\n\nexport function PopoverExample() {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  const open = Boolean(anchorEl)\n\n  return (\n    <>\n      <StnButton onClick={handleClick}>Open Popover</StnButton>\n      <StnPopover\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <div style={{ padding: 'var(--stn-space-16)' }}>\uD31D\uC624\uBC84 \uCF58\uD150\uCE20</div>\n      </StnPopover>\n    </>\n  )\n}";
+
+export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, type StnPopoverHorizontalOrigin, type StnPopoverOrigin, type StnPopoverPosition, type StnPopoverReference, type StnPopoverVerticalOrigin };

package/dist/data/stnPopover.js

@@ -0,0 +1,9 @@
+import {
+  STN_POPOVER_INTRO,
+  STN_POPOVER_USAGE
+} from "../chunk-FLKGJJD5.js";
+export {
+  STN_POPOVER_INTRO,
+  STN_POPOVER_USAGE
+};
+//# sourceMappingURL=stnPopover.js.map

package/dist/data/stnPopover.js.map

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

package/dist/data/stnSplitView.d.ts

@@ -0,0 +1,16 @@
+/**
+ * STN Split View Pattern — Side + Stage shell (SSOT types)
+ * Store locator / 망구성도 / 캔버스 탐색: 중첩 Card 없이 좌 패널 + 우 스테이지.
+ */
+type StnSplitViewSideWidth = 'sm' | 'md' | 'lg';
+type StnSplitViewOverlayPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center-left' | 'center-right';
+declare const STN_SPLIT_VIEW_SIDE_WIDTHS: readonly StnSplitViewSideWidth[];
+declare const STN_SPLIT_VIEW_OVERLAY_PLACEMENTS: readonly StnSplitViewOverlayPlacement[];
+declare const STN_SPLIT_VIEW_INTRO: {
+    name: string;
+    slug: string;
+    kind: "pattern";
+    description: string;
+};
+
+export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, type StnSplitViewOverlayPlacement, type StnSplitViewSideWidth };