@stn-uiux/pub-ui 0.1.81 → 0.1.84

package/dist/cli.js

@@ -1,35 +1,38 @@
-import {
-  STN_WIDGET_FIGMA_SHELL_REACT,
-  STN_WIDGET_USAGE
-} from "./chunk-JBOXRPR7.js";
-import {
-  STN_TEXT_FIELD_USAGE
-} from "./chunk-YJLOIDKY.js";
 import {
   STN_TOAST_REACT_USAGE
 } from "./chunk-SOEBXG3T.js";
 import {
   STN_TREE_REACT_EXAMPLE
-} from "./chunk-AOS3IX4T.js";
+} from "./chunk-65B7YUTE.js";
+import {
+  STN_WIDGET_FIGMA_SHELL_REACT,
+  STN_WIDGET_USAGE
+} from "./chunk-JBOXRPR7.js";
 import {
   STN_TABLE_REACT_EXAMPLE
 } from "./chunk-IOBNIUK3.js";
+import {
+  STN_TEXT_FIELD_USAGE
+} from "./chunk-YJLOIDKY.js";
+import {
+  STN_SEARCH_REQUIREMENT_USAGE
+} from "./chunk-AE4CKAEK.js";
 import {
   STN_SIDE_NAVIGATION_USAGE,
   STN_SIDE_NAV_ITEM_USAGE
 } from "./chunk-7ZIUVC3E.js";
+import {
+  STN_POPUP_USAGE
+} from "./chunk-G4SOYIHZ.js";
 import {
   STN_SCROLL_USAGE
 } from "./chunk-CHJATVOT.js";
-import {
-  STN_SEARCH_REQUIREMENT_USAGE
-} from "./chunk-AE4CKAEK.js";
 import {
   STN_LOADING_SKELETON_USAGE
 } from "./chunk-5BGXBJXN.js";
 import {
-  STN_POPUP_USAGE
-} from "./chunk-G4SOYIHZ.js";
+  STN_HEADER_USAGE
+} from "./chunk-ONXZQ5LE.js";
 import {
   STN_LAYER_ROLE_USAGE
 } from "./chunk-EQ6LUBD6.js";
@@ -43,13 +46,10 @@ import {
 import {
   STN_DROPDOWN_USAGE
 } from "./chunk-IZRGNUH6.js";
-import {
-  STN_HEADER_USAGE
-} from "./chunk-ONXZQ5LE.js";
 import "./chunk-BYGKJSDN.js";
 import {
   STN_DATE_PICKER_USAGE
-} from "./chunk-YBNEQ5LB.js";
+} from "./chunk-QJN2Z6RG.js";
 import "./chunk-5F63CMM7.js";
 import {
   STN_ALERT_CENTER_USAGE

package/dist/components.d.ts

@@ -1,7 +1,7 @@
 /**
  * STN Pub UI — component catalog (class-based HTML/CSS; React wrappers TBD)
  */
-type StnUiComponentId = 'button' | 'chip' | 'side-navigation' | 'popup' | 'pagination' | 'data-table' | 'tree';
+type StnUiComponentId = 'button' | 'chip' | 'side-navigation' | 'popup' | 'pagination' | 'data-table' | 'tree' | 'popover';
 type StnUiFoundationId = 'color' | 'typography' | 'elevation' | 'space' | 'spacing-semantic' | 'radius' | 'radius-semantic' | 'gradients';
 type StnUiEntry = {
     id: StnUiComponentId | StnUiFoundationId;

package/dist/components.js

@@ -2,7 +2,7 @@ import {
   STN_UI_CATALOG,
   STN_UI_COMPONENTS,
   STN_UI_FOUNDATIONS
-} from "./chunk-N46UQH6L.js";
+} from "./chunk-K6TWXWIO.js";
 export {
   STN_UI_CATALOG,
   STN_UI_COMPONENTS,

package/dist/data/index.d.ts

@@ -5,14 +5,15 @@ export { STN_BREADCRUMB_DEMO_ITEMS, STN_BREADCRUMB_FIGMA, STN_BREADCRUMB_FIGMA_L
 export { STN_BREAKPOINT_INTRO, STN_BREAKPOINT_MEDIA, STN_BREAKPOINT_ROWS, StnBreakpointRow, breakpointTokensToJson } from './stnBreakpoint.js';
 export { STN_BUTTON_ICON_ONLY_INTRO, STN_BUTTON_ICON_ONLY_ROWS, STN_ICON_BUTTON_DEFAULT_SURFACE, STN_ICON_BUTTON_SURFACES, STN_ICON_BUTTON_VARIANTS, StnButtonIconOnlyRow, StnIconButtonSurface, StnIconButtonVariant } from './stnButtonIconOnly.js';
 export { STN_BUTTON_STATE_INTRO, STN_BUTTON_STATE_MATRIX, STN_BUTTON_STATE_STATES, STN_BUTTON_STATE_VARIANTS, STN_BUTTON_VARIANT_MAP, StnButtonFigmaVariant, StnButtonInteractionState, StnButtonPubStatus, StnButtonStateCell, getButtonStateCell } from './stnButtonStates.js';
-export { STN_CHART_INTRO } from './stnChart.js';
+export { STN_CHART_COLOR_DEFINITIONS, STN_CHART_INTRO, STN_CHART_STATUS_DEFINITIONS, StnChartColorDefinition, StnChartStatus, StnChartStatusDefinition } from './stnChart.js';
 export { STN_CHECKBOX_FIGMA, STN_CHECKBOX_INTRO, STN_CHECKBOX_PLAYGROUND_DEFAULT, STN_CHECKBOX_PLAYGROUND_INTRO, STN_CHECKBOX_PLAYGROUND_PROPERTIES, STN_CHECKBOX_REACT_USAGE, STN_CHECKBOX_USAGE_HTML, StnCheckboxPlaygroundConfig, countCheckboxPlaygroundCombinations, describeCheckboxPlaygroundReact, listCheckboxPlaygroundMatrix } from './stnCheckbox.js';
 export { STN_CHIP_BORDER_ACCENTS, STN_CHIP_GRADE_LEGACY_CLASS, STN_CHIP_GRADE_ROWS, STN_CHIP_INTRO, STN_CHIP_METRICS, STN_CHIP_USAGE_ROWS, StnChipBorderAccent, StnChipGrade, StnChipLegacyGradeClass, StnChipUsageRow } from './stnChip.js';
 export { STN_ALL_PALETTE_ROWS, STN_BLUE_SCALE, STN_COBALT_SCALE, STN_COLOR_RATIO_SEGMENTS, STN_COLOR_RATIO_SEGMENTS_DARK, STN_COLOR_RATIO_SEGMENTS_LIGHT, STN_CYAN_SCALE, STN_GRAY_SCALE, STN_GREEN_SCALE, STN_OPACITY_BLACK_SCALE, STN_OPACITY_WHITE_SCALE, STN_ORANGE_SCALE, STN_PURPLE_SCALE, STN_RED_SCALE, STN_SEMANTIC_DARK_ROWS, STN_SEMANTIC_DS_ALIAS_DARK, STN_SEMANTIC_DS_ALIAS_LIGHT, STN_SEMANTIC_LIGHT_ROWS, STN_SEMANTIC_PRIMARY_DARK, STN_SEMANTIC_PRIMARY_LIGHT, STN_STATIC, STN_TEAL_SCALE, STN_YELLOW_SCALE, SemanticJsonEntry, StnColorRatioSegment, StnPaletteRow, StnSemanticTokenRow, hexToRgbString, paletteToJsonRecord, semanticPaletteToJsonRecord } from './stnColorPalette.js';
-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, StnDateRange } from './stnDatePicker.js';
+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, StnDatePickerMode, StnDatePreset, StnDatePresetKind, StnDateRange, StnDateTimePlacement, createStnDatePreset, createStnDatePresets } from './stnDatePicker.js';
 export { STN_DATE_RANGE_FIELD_DEMO, STN_DATE_RANGE_FIELD_FIGMA, STN_DATE_RANGE_FIELD_HTML, STN_DATE_RANGE_FIELD_INTRO, STN_DATE_RANGE_FIELD_NAME, STN_DATE_RANGE_FIELD_SIZE_ROWS, STN_DATE_RANGE_FIELD_USAGE, StnDateRangeFieldSize, formatStnDateRangeFieldValue, parseStnDateRangeFieldValue } from './stnDateRangeField.js';
 export { STN_DROPDOWN_HTML, STN_DROPDOWN_HTML_COUNTS, STN_DROPDOWN_INTRO, STN_DROPDOWN_INVENTORY, STN_DROPDOWN_MENU_INTRO, STN_DROPDOWN_MENU_USAGE, STN_DROPDOWN_SIZE_ROWS, STN_DROPDOWN_USAGE, StnDropdownDirection, StnDropdownHelperTextPosition, StnDropdownMode, StnDropdownModifier, StnDropdownNativeLayout, StnDropdownOption, StnDropdownSize, StnDropdownVariant } from './stnDropdown.js';
 export { STN_ELEVATION_LAYER_BG_INTRO, STN_ELEVATION_LAYER_INTRO, STN_ELEVATION_LAYER_INTRO_DARK, STN_ELEVATION_LAYER_INTRO_LIGHT, STN_ELEVATION_LAYER_STACK, STN_ELEVATION_LEVEL_ROWS, StnElevationLayerStackRow, StnElevationLevelRow, elevationTokensToJson, formatElevationSemanticDark, formatElevationSemanticLight } from './stnElevation.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, StnEmptyStateKind, StnEmptyStatePreset, StnEmptyStateSize, StnEmptyStateTone } from './stnEmptyState.js';
 export { STN_FEEDBACK_BY_KIND, STN_FEEDBACK_SEMANTIC_ROWS, STN_FEEDBACK_SOURCE, StnFeedbackKind } from './stnFeedbackColors.js';
 export { STN_NAV_MENU_SUB_ICON, STN_SIDE_NAV_ITEM_INTRO, STN_SIDE_NAV_ITEM_STATES, STN_SIDE_NAV_SUB_ICON } from './stnSideNavItem.js';
 export { STN_SIDE_NAVIGATION_INTRO, STN_SIDE_NAVIGATION_USAGE, STN_SIDE_NAV_ITEM_USAGE } from './stnSideNavigation.js';
@@ -60,11 +61,15 @@ export { STN_TOAST_DEMO_MSG, STN_TOAST_ICON_SLUG, STN_TOAST_INTRO, STN_TOAST_KIN
 export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTRO, STN_TOGGLE_BUTTON_PLAYGROUND_PROPERTIES, STN_TOGGLE_BUTTON_REACT_USAGE, STN_TOGGLE_BUTTON_USAGE_HTML, StnToggleButtonPlaygroundConfig, countToggleButtonPlaygroundCombinations, describeToggleButtonPlaygroundReact, listToggleButtonPlaygroundMatrix } from './stnToggleButton.js';
 export { 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, StnTreeDemoNode, StnTreePatternPlaygroundConfig, describeTreePatternReact } from './stnTree.js';
 export { STN_TYPE_SCALE_CLASS, STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './stnTypeScale.js';
-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_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, StnFontScaleStepRow, StnTypographyPrimitiveRow, StnTypographySemanticRow, scaleFontPx, typographyPrimitivesToJson, typographySemanticsToJson } from './stnTypography.js';
 export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardPadding, StnCardRadius, StnCardSeverity, 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 { StnTabIconPosition, StnTabIconSize, StnTabItem, StnTabPanelPadding, StnTabScrollButtons, StnTabsSize, StnTabsVariant } from './stnTabs.js';
 export { STN_DIVIDER_INTRO, STN_DIVIDER_ORIENTATIONS, STN_DIVIDER_TEXT_ALIGNS, STN_DIVIDER_VARIANTS, StnDividerOrientation, StnDividerTextAlign, StnDividerVariant } from './stnDivider.js';
+export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickness, StnStepperOrientation, StnStepperPosition, StnStepperSize } from './stnStepper.js';
+export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from './stnPopover.js';
+export { STN_STEP_CARDS_INTRO, StnStepCardItem } from './stnStepCards.js';
+export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewSideWidth } from './stnSplitView.js';
 export { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated.js';
 import 'react';

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-PSVPO4FH.js";
+} from "../chunk-P22H2BFQ.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,10 +265,12 @@ import {
   STN_CARD_RADII,
   STN_CARD_SEVERITIES,
   STN_CARD_VARIANTS
-} from "../chunk-AJLP3Y53.js";
+} from "../chunk-2VSSPMZ3.js";
 import {
-  STN_CHART_INTRO
-} from "../chunk-DGZVOSEM.js";
+  STN_CHART_COLOR_DEFINITIONS,
+  STN_CHART_INTRO,
+  STN_CHART_STATUS_DEFINITIONS
+} from "../chunk-C5WP6UQO.js";
 import {
   STN_CHECKBOX_FIGMA,
   STN_CHECKBOX_INTRO,
@@ -299,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,
@@ -331,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,
@@ -378,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,
@@ -400,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,
@@ -421,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,
@@ -483,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,
@@ -506,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,
@@ -595,7 +627,9 @@ export {
   STN_CARD_SEVERITIES,
   STN_CARD_VARIANTS,
   STN_CDN_ASSET_BASE,
+  STN_CHART_COLOR_DEFINITIONS,
   STN_CHART_INTRO,
+  STN_CHART_STATUS_DEFINITIONS,
   STN_CHECKBOX_FIGMA,
   STN_CHECKBOX_INTRO,
   STN_CHECKBOX_PLAYGROUND_DEFAULT,
@@ -623,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,
@@ -649,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,
@@ -764,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,
@@ -844,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,
@@ -935,6 +986,8 @@ export {
   countCheckboxPlaygroundCombinations,
   countRadioGroupPlaygroundCombinations,
   countToggleButtonPlaygroundCombinations,
+  createStnDatePreset,
+  createStnDatePresets,
   describeCheckboxPlaygroundReact,
   describeProgressBarPlaygroundReact,
   describeRadioGroupPlaygroundReact,
@@ -970,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/stnChart.d.ts

@@ -1,4 +1,38 @@
 /** Components → Chart — 대시보드 본문 차트·현황 블록 */
 declare const STN_CHART_INTRO = "\uC704\uC82F \uC178(`StnWidget`) \uC548\uC5D0 \uB123\uB294 \uCC28\uD2B8\u00B7\uB9C9\uB300\u00B7\uD604\uD669 \uBCF8\uBB38\uC785\uB2C8\uB2E4. Patterns \u2192 Widget\uC740 \uC178 + Chart \uC870\uD569\uC73C\uB85C \uC2E4\uC81C \uB300\uC2DC\uBCF4\uB4DC \uC704\uC82F\uC744 \uBCF4\uC5EC \uC90D\uB2C8\uB2E4.";
+type StnChartColorDefinition = {
+    num: number;
+    token: string;
+    cssVar: string;
+    name: string;
+    nameKo: string;
+    darkPrimitive: string;
+    lightPrimitive: string;
+    description: string;
+};
+/**
+ * STN 비상태 데이터 시각화 전용 통합 10종 컬러 팔레트 정의
+ * 모든 차트 컴포넌트(StnBarChart, StnPieChart, StnLineChart, StnComboChart)에 순차 자동 적용되는 SSOT 기준입니다.
+ * 심각도/경보(Critical, Major, Minor, Warning)와 중복되지 않도록 고유한 색조(Hue) 및 명암 대비로 엄선되었습니다.
+ */
+declare const STN_CHART_COLOR_DEFINITIONS: StnChartColorDefinition[];
+type StnChartStatus = 'critical' | 'major' | 'minor' | 'warning' | 'success' | 'info' | 'neutral';
+type StnChartStatusDefinition = {
+    status: StnChartStatus;
+    token: string;
+    cssVar: string;
+    aliasVar: string;
+    name: string;
+    nameKo: string;
+    baseToken: string;
+    darkPrimitive: string;
+    lightPrimitive: string;
+    description: string;
+};
+/**
+ * STN 차트 전용 상태/심각도(Severity & Status) 시맨틱 컬러 정의
+ * 장애·경보·가동률·점검 등 상태 기반 지표를 차트에 직관적으로 매핑할 때 사용합니다.
+ */
+declare const STN_CHART_STATUS_DEFINITIONS: StnChartStatusDefinition[];
 
-export { STN_CHART_INTRO };
+export { STN_CHART_COLOR_DEFINITIONS, STN_CHART_INTRO, STN_CHART_STATUS_DEFINITIONS, type StnChartColorDefinition, type StnChartStatus, type StnChartStatusDefinition };

package/dist/data/stnChart.js

@@ -1,7 +1,11 @@
 import {
-  STN_CHART_INTRO
-} from "../chunk-DGZVOSEM.js";
+  STN_CHART_COLOR_DEFINITIONS,
+  STN_CHART_INTRO,
+  STN_CHART_STATUS_DEFINITIONS
+} from "../chunk-C5WP6UQO.js";
 export {
-  STN_CHART_INTRO
+  STN_CHART_COLOR_DEFINITIONS,
+  STN_CHART_INTRO,
+  STN_CHART_STATUS_DEFINITIONS
 };
 //# sourceMappingURL=stnChart.js.map