@stn-uiux/pub-ui 0.1.82 → 0.1.84

package/dist/data/stnSplitView.js

@@ -0,0 +1,11 @@
+import {
+  STN_SPLIT_VIEW_INTRO,
+  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_SIDE_WIDTHS
+} from "../chunk-W7K3FSAX.js";
+export {
+  STN_SPLIT_VIEW_INTRO,
+  STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
+  STN_SPLIT_VIEW_SIDE_WIDTHS
+};
+//# sourceMappingURL=stnSplitView.js.map

package/dist/data/stnSplitView.js.map

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

package/dist/data/stnStepCards.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { StnStepStatus } from './stnStepper.js';
+export { StnStepperLineThickness, StnStepperSize } from './stnStepper.js';
+
+/**
+ * STN Step Cards Pattern — SSOT Data & Type Definitions
+ */
+
+interface StnStepCardItem {
+    key?: string | number;
+    /** 카드 제목 위 단계 라벨. 없으면 STEP 01 */
+    stepLabel?: ReactNode;
+    title: ReactNode;
+    /** 이 카드의 결과 제목. 없으면 StnStepCards의 resultLabel */
+    resultLabel?: ReactNode;
+    /** 결과 값. 없으면 상태 이름(성공·진행·대기·오류·경고) */
+    resultText?: ReactNode;
+    status?: StnStepStatus;
+    /** 이 카드의 버튼 문구. 없으면 StnStepCards의 actionLabel */
+    actionLabel?: ReactNode;
+    onAction?: () => void;
+    /** 결과를 열 수 있는 상태여도 버튼을 막는다 */
+    actionDisabled?: boolean;
+}
+declare const STN_STEP_CARDS_INTRO: {
+    name: string;
+    slug: string;
+    kind: "pattern";
+    description: string;
+};
+
+export { STN_STEP_CARDS_INTRO, type StnStepCardItem, StnStepStatus };

package/dist/data/stnStepCards.js

@@ -0,0 +1,7 @@
+import {
+  STN_STEP_CARDS_INTRO
+} from "../chunk-NYZMUDVK.js";
+export {
+  STN_STEP_CARDS_INTRO
+};
+//# sourceMappingURL=stnStepCards.js.map

package/dist/data/stnStepCards.js.map

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

package/dist/data/stnStepper.d.ts

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+
+/**
+ * STN Stepper — SSOT Data & Type Definitions
+ */
+
+/** 가로/세로 진행 방향 */
+type StnStepperOrientation = 'horizontal' | 'vertical';
+/** 세로(vertical) 모드일 때 스텝 노드와 연결선의 위치 (left: 기본 왼쪽, right: 오른쪽) */
+type StnStepperPosition = 'left' | 'right';
+/** STN 표준 규격 크기 스케일 (GEMINI.md Rule 1 강제 준수: xs, sm, md, lg, xl) */
+type StnStepperSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** 스텝 연결선 두께 설정 (1~4px 숫자 또는 'xs' | 'sm' | 'md' | 'lg' | 'xl' 프리셋, 커스텀 치수 문자열) */
+type StnStepperLineThickness = StnStepperSize | 1 | 2 | 3 | 4 | (number & {}) | string;
+/** 각 스텝의 5대 상태 (Status) */
+type StnStepStatus = 'wait' | 'running' | 'success' | 'warning' | 'error';
+/** 스텝 데이터 항목 정의 (Data-driven 배열용) */
+interface StnStepItem {
+    /** 고유 키 (미지정 시 인덱스) */
+    key?: string | number;
+    /** 메인 스텝 제목 */
+    label: ReactNode;
+    /** 서브 캡션 설명 */
+    caption?: ReactNode;
+    /** 세로(vertical) 모드에서 펼쳐질 본문 내용 슬롯 (폼, 상세 설명, Continue/Back 버튼 등) */
+    content?: ReactNode;
+    /** 세로(vertical) 모드에서 본문 내용 강제 펼침 여부 (미지정 시 activeStep과 일치할 때 자동 펼침) */
+    expanded?: boolean;
+    /** 상태 직접 지정 (미지정 시 activeStep과 인덱스 비교로 자동 산출) */
+    status?: StnStepStatus;
+    /** 커스텀 아이콘 (StnIcon 문자열 이름 또는 ReactNode) */
+    icon?: string | ReactNode;
+    /** 에러 여부 또는 커스텀 에러 문구 */
+    error?: boolean | ReactNode;
+    /** 에러 발생 시 표시할 상세 안내 텍스트 */
+    errorText?: ReactNode;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+    /** 선택 사항 라벨 (예: '선택 사항' 배지/텍스트) */
+    optional?: ReactNode;
+    /** 클릭 핸들러 (nonLinear 모드에서 동작) */
+    onClick?: () => void;
+}
+/** 5대 상태별 시각적 표현 및 시멘틱 토큰 매핑 명세 */
+declare const STN_STEP_STATUS_SPEC: {
+    readonly success: {
+        readonly label: "완료 (Success)";
+        readonly token: "var(--stn-feedback-success)";
+        readonly icon: "line/check";
+        readonly desc: "성공적으로 완료된 단계";
+    };
+    readonly running: {
+        readonly label: "진행 중 (Running)";
+        readonly token: "var(--stn-primary)";
+        readonly icon: "spinner";
+        readonly desc: "현재 처리 중 또는 입력 진행 중인 단계";
+    };
+    readonly wait: {
+        readonly label: "대기 (Wait)";
+        readonly token: "var(--stn-border-default)";
+        readonly textToken: "var(--stn-text-tertiary)";
+        readonly desc: "아직 도달하지 않은 대기 단계";
+    };
+    readonly error: {
+        readonly label: "오류 (Error)";
+        readonly token: "var(--stn-feedback-error)";
+        readonly icon: "line/alert-circle";
+        readonly desc: "검증 실패 또는 실행 중 오류가 발생한 단계";
+    };
+    readonly warning: {
+        readonly label: "경고 (Warning)";
+        readonly token: "var(--stn-feedback-warning)";
+        readonly icon: "line/alert-triangle";
+        readonly desc: "주의가 필요하거나 추가 확인이 필요한 단계";
+    };
+};
+
+export { STN_STEP_STATUS_SPEC, type StnStepItem, type StnStepStatus, type StnStepperLineThickness, type StnStepperOrientation, type StnStepperPosition, type StnStepperSize };

package/dist/data/stnStepper.js

@@ -0,0 +1,7 @@
+import {
+  STN_STEP_STATUS_SPEC
+} from "../chunk-N4PVFFKV.js";
+export {
+  STN_STEP_STATUS_SPEC
+};
+//# sourceMappingURL=stnStepper.js.map

package/dist/data/stnStepper.js.map

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

package/dist/data/stnTree.d.ts

@@ -44,6 +44,9 @@ declare const STN_TREE_PARTS: readonly [{
 }, {
     readonly part: ".stn-tree__toggle";
     readonly role: "펼침/접힘 chevron (arrow-left 12)";
+}, {
+    readonly part: ".stn-tree__cell--checkbox";
+    readonly role: "아이콘 좌측 선택 체크박스 셀 (`StnCheckbox`)";
 }, {
     readonly part: ".stn-tree__icon--root / --folder / --server";
     readonly role: "노드 종류별 16px 아이콘";

package/dist/data/stnTree.js

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

package/dist/data/stnTypography.d.ts

@@ -37,6 +37,22 @@ declare const STN_TYPOGRAPHY_PRIMITIVE_GROUPS: readonly [{
     readonly label: "line-height";
     readonly rows: StnTypographyPrimitiveRow[];
 }];
+/**
+ * Responsive font scale — viewport 구간별 --stn-font-size-base 재지정.
+ * SSOT: tokens/typography/primitive.json (media blocks) → stn-typography.css
+ * 모든 --stn-font-size-* / --stn-text-*-size 가 base 비율(calc)이므로 base 하나로 일괄 스케일.
+ */
+type StnFontScaleStepRow = {
+    bp: 'xl' | 'lg' | 'md';
+    range: string;
+    media: string;
+    cssVar: `--${string}`;
+    basePx: number;
+};
+declare const STN_FONT_SCALE_STEPS: readonly StnFontScaleStepRow[];
+/** base 대비 실제 px (예: scalePx(14, 15) → 13.13) */
+declare function scaleFontPx(designPx: number, basePx: number): number;
+declare const STN_FONT_SCALE_USAGE = "/* 1) \uAE30\uBCF8 \u2014 \uD328\uD0A4\uC9C0 CSS\uB9CC \uBD88\uB7EC\uC624\uBA74 \uC790\uB3D9 \uC801\uC6A9 (\uCD94\uAC00 \uCF54\uB4DC \uC5C6\uC74C) */\n@import '@stn-uiux/pub-ui/styles.css';\n\n/* 2) \uB2E8\uACC4 \uAC12 \uC870\uC815 \u2014 \uD328\uD0A4\uC9C0 CSS \uB2E4\uC74C\uC5D0 \uC120\uC5B8 */\n:root {\n  --stn-font-size-base-lg: 15.5px;\n  --stn-font-size-base-md: 14.5px;\n}\n\n/* 3) \uBC18\uC751\uD615 \uCD95\uC18C \uB044\uAE30 \u2014 \uBAA8\uB4E0 \uD3ED\uC5D0\uC11C 16px \uACE0\uC815 */\n:root {\n  --stn-font-size-base-lg: 16px;\n  --stn-font-size-base-md: 16px;\n}\n\n/* \uCEF4\uD3EC\uB10C\uD2B8 CSS\uB294 \uD56D\uC0C1 \uD1A0\uD070\uB9CC \uCC38\uC870 \u2014 px \uC9C1\uC811 \uC9C0\uC815 \uC2DC \uC2A4\uCF00\uC77C\uC5D0\uC11C \uBE60\uC9D0 */\n.my-widget__title { font-size: var(--stn-text-title-medium-size); }";
 /** Canonical semantic text roles (KT taxonomy · Pub px). Use CSS vars in component styles. */
 declare const STN_TYPOGRAPHY_SEMANTIC_ROWS: StnTypographySemanticRow[];
 declare function typographyPrimitivesToJson(): Record<string, string>;
@@ -46,4 +62,4 @@ declare function typographySemanticsToJson(): Record<string, {
     usage: string;
 }>;
 
-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, type StnTypographyPrimitiveRow, type StnTypographySemanticRow, typographyPrimitivesToJson, typographySemanticsToJson };
+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, type StnFontScaleStepRow, type StnTypographyPrimitiveRow, type StnTypographySemanticRow, scaleFontPx, typographyPrimitivesToJson, typographySemanticsToJson };

package/dist/data/stnTypography.js

@@ -1,20 +1,26 @@
 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";
 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,
+  scaleFontPx,
   typographyPrimitivesToJson,
   typographySemanticsToJson
 };

package/dist/index.d.ts

@@ -9,10 +9,11 @@ export { STN_CHART_COLOR_DEFINITIONS, STN_CHART_INTRO, STN_CHART_STATUS_DEFINITI
 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 './data/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 './data/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 './data/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 './data/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 './data/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 './data/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 './data/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 './data/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 './data/stnEmptyState.js';
 export { STN_FEEDBACK_BY_KIND, STN_FEEDBACK_SEMANTIC_ROWS, STN_FEEDBACK_SOURCE, StnFeedbackKind } from './data/stnFeedbackColors.js';
 export { STN_NAV_MENU_SUB_ICON, STN_SIDE_NAV_ITEM_INTRO, STN_SIDE_NAV_ITEM_STATES, STN_SIDE_NAV_SUB_ICON } from './data/stnSideNavItem.js';
 export { STN_SIDE_NAVIGATION_INTRO, STN_SIDE_NAVIGATION_USAGE, STN_SIDE_NAV_ITEM_USAGE } from './data/stnSideNavigation.js';
@@ -60,12 +61,16 @@ 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 './data/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 './data/stnTree.js';
 export { STN_TYPE_SCALE_CLASS, STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './data/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 './data/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 './data/stnTypography.js';
 export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardPadding, StnCardRadius, StnCardSeverity, StnCardVariant } from './data/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 './data/stnWidget.js';
 export { STN_STATUS_DEMO_STEPS, StnStatusDotState, StnStatusFlowStep, StnStatusFlowStepColor } from './data/stnStatus.js';
 export { StnTabIconPosition, StnTabIconSize, StnTabItem, StnTabPanelPadding, StnTabScrollButtons, StnTabsSize, StnTabsVariant } from './data/stnTabs.js';
 export { STN_DIVIDER_INTRO, STN_DIVIDER_ORIENTATIONS, STN_DIVIDER_TEXT_ALIGNS, STN_DIVIDER_VARIANTS, StnDividerOrientation, StnDividerTextAlign, StnDividerVariant } from './data/stnDivider.js';
+export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickness, StnStepperOrientation, StnStepperPosition, StnStepperSize } from './data/stnStepper.js';
+export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from './data/stnPopover.js';
+export { STN_STEP_CARDS_INTRO, StnStepCardItem } from './data/stnStepCards.js';
+export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewSideWidth } from './data/stnSplitView.js';
 export { STN_UI_CATALOG, STN_UI_COMPONENTS, STN_UI_FOUNDATIONS, StnUiComponentId, StnUiEntry, StnUiFoundationId } from './components.js';
 export { SYSTEM_ICON_DATA_URLS } from './data/stnSystemIconsData.generated.js';
 import 'react';

package/dist/index.js

@@ -2,11 +2,8 @@ import {
   STN_UI_CATALOG,
   STN_UI_COMPONENTS,
   STN_UI_FOUNDATIONS
-} from "./chunk-N46UQH6L.js";
-import "./chunk-WKQLAHIG.js";
-import {
-  STN_TEXT_COLOR_ROWS
-} from "./chunk-4HUY6TN4.js";
+} from "./chunk-K6TWXWIO.js";
+import "./chunk-ERZPIKPF.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -26,14 +23,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,
@@ -43,17 +64,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,
@@ -76,15 +106,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,
@@ -121,11 +145,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,
@@ -150,7 +174,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "./chunk-THTVXGTK.js";
+} from "./chunk-P22H2BFQ.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -191,12 +215,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,
@@ -217,6 +235,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,
@@ -243,7 +270,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,
@@ -306,6 +333,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,
@@ -338,36 +387,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,
@@ -385,17 +404,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,
@@ -407,12 +422,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,
@@ -428,6 +441,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,
@@ -490,15 +526,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,
@@ -513,8 +540,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,
@@ -632,6 +662,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,
@@ -658,10 +689,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,
@@ -773,6 +813,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,
@@ -853,8 +895,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,
@@ -947,6 +994,8 @@ export {
   countCheckboxPlaygroundCombinations,
   countRadioGroupPlaygroundCombinations,
   countToggleButtonPlaygroundCombinations,
+  createStnDatePreset,
+  createStnDatePresets,
   describeCheckboxPlaygroundReact,
   describeProgressBarPlaygroundReact,
   describeRadioGroupPlaygroundReact,
@@ -982,6 +1031,7 @@ export {
   resolveStnWidgetKindBodySlot,
   resolveSystemIconSrcFromName,
   resolveTypeScaleName,
+  scaleFontPx,
   semanticPaletteToJsonRecord,
   sizeTokensToJson,
   spaceTokensToJson,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stn-uiux/pub-ui",
-  "version": "0.1.82",
+  "version": "0.1.84",
   "description": "STN Pub design system — tokens, specs, and CSS for product HTML / React apps",
   "type": "module",
   "sideEffects": [