@stn-uiux/pub-ui 0.1.78 → 0.1.79

package/dist/chunk-SGILJA4O.js

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

package/dist/chunk-SGILJA4O.js.map

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

package/dist/chunk-W54SOSHJ.js

@@ -0,0 +1,24 @@
+// src/data/stnDivider.ts
+var STN_DIVIDER_ORIENTATIONS = [
+  "horizontal",
+  "vertical"
+];
+var STN_DIVIDER_VARIANTS = [
+  "fullWidth",
+  "inset",
+  "middle"
+];
+var STN_DIVIDER_TEXT_ALIGNS = [
+  "left",
+  "center",
+  "right"
+];
+var STN_DIVIDER_INTRO = "\uCF58\uD150\uCE20 \uBC0F \uB808\uC774\uC544\uC6C3\uC744 \uC2DC\uAC01\uC801\uC73C\uB85C \uBA85\uD655\uD558\uAC8C \uAD6C\uBD84\uD558\uB294 1px \uD45C\uC900 \uAD6C\uBD84\uC120 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uAC00\uB85C \uBC0F \uC138\uB85C \uBC30\uCE58, \uC804\uCCB4 \uB108\uBE44/\uC778\uC14B/\uBBF8\uB4E4 \uBCC0\uD615, flexItem \uC2A4\uD2B8\uB808\uCE6D, \uD0DC\uADF8 \uB2E4\uD615\uC131(hr, li, div), \uD14D\uC2A4\uD2B8 \uBC0F \uCE69 \uB77C\uBCA8 \uC0BD\uC785\uACFC \uC815\uB82C\uC744 \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
+
+export {
+  STN_DIVIDER_ORIENTATIONS,
+  STN_DIVIDER_VARIANTS,
+  STN_DIVIDER_TEXT_ALIGNS,
+  STN_DIVIDER_INTRO
+};
+//# sourceMappingURL=chunk-W54SOSHJ.js.map

package/dist/chunk-W54SOSHJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnDivider.ts"],"sourcesContent":["export type StnDividerOrientation = 'horizontal' | 'vertical'\nexport type StnDividerVariant = 'fullWidth' | 'inset' | 'middle'\nexport type StnDividerTextAlign = 'left' | 'center' | 'right'\n\nexport const STN_DIVIDER_ORIENTATIONS: readonly StnDividerOrientation[] = [\n  'horizontal',\n  'vertical',\n] as const\n\nexport const STN_DIVIDER_VARIANTS: readonly StnDividerVariant[] = [\n  'fullWidth',\n  'inset',\n  'middle',\n] as const\n\nexport const STN_DIVIDER_TEXT_ALIGNS: readonly StnDividerTextAlign[] = [\n  'left',\n  'center',\n  'right',\n] as const\n\nexport const STN_DIVIDER_INTRO =\n  '콘텐츠 및 레이아웃을 시각적으로 명확하게 구분하는 1px 표준 구분선 컴포넌트입니다. 가로 및 세로 배치, 전체 너비/인셋/미들 변형, flexItem 스트레칭, 태그 다형성(hr, li, div), 텍스트 및 칩 라벨 삽입과 정렬을 지원합니다.'\n"],"mappings":";AAIO,IAAM,2BAA6D;AAAA,EACxE;AAAA,EACA;AACF;AAEO,IAAM,uBAAqD;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,0BAA0D;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,oBACX;","names":[]}

package/dist/chunk-WKQLAHIG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-WKQLAHIG.js.map

package/dist/cli.js

@@ -1,3 +1,7 @@
+import {
+  STN_WIDGET_FIGMA_SHELL_REACT,
+  STN_WIDGET_USAGE
+} from "./chunk-JBOXRPR7.js";
 import {
   STN_TEXT_FIELD_USAGE
 } from "./chunk-YJLOIDKY.js";
@@ -7,10 +11,6 @@ import {
 import {
   STN_TREE_REACT_EXAMPLE
 } from "./chunk-AOS3IX4T.js";
-import {
-  STN_WIDGET_FIGMA_SHELL_REACT,
-  STN_WIDGET_USAGE
-} from "./chunk-JBOXRPR7.js";
 import {
   STN_TABLE_REACT_EXAMPLE
 } from "./chunk-IOBNIUK3.js";
@@ -24,6 +24,9 @@ import {
 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";
@@ -37,9 +40,6 @@ import "./chunk-NGUMR3D6.js";
 import {
   STN_LAYOUT_LIST_VIEW_USAGE
 } from "./chunk-36QC3ZAD.js";
-import {
-  STN_LOADING_SKELETON_USAGE
-} from "./chunk-5BGXBJXN.js";
 import {
   STN_DROPDOWN_USAGE
 } from "./chunk-IZRGNUH6.js";

package/dist/data/index.d.ts

@@ -65,5 +65,6 @@ export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES,
 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 { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated.js';
 import 'react';

package/dist/data/index.js

@@ -1,4 +1,7 @@
-import "../chunk-O77GW7PM.js";
+import "../chunk-WKQLAHIG.js";
+import {
+  STN_TEXT_COLOR_ROWS
+} from "../chunk-4HUY6TN4.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -26,6 +29,11 @@ import {
   typographyPrimitivesToJson,
   typographySemanticsToJson
 } from "../chunk-6FEWLKVE.js";
+import {
+  STN_SPACING_SEMANTIC_INTRO,
+  STN_SPACING_SEMANTIC_ROWS,
+  spacingSemanticToJson
+} from "../chunk-XBY73BTI.js";
 import {
   STN_SPACING_USECASE_INTRO,
   STN_SPACING_USECASE_ROWS
@@ -42,8 +50,11 @@ import {
   STN_TEXT_AREA_USAGE
 } from "../chunk-VNQUWGQ7.js";
 import {
-  STN_TEXT_COLOR_ROWS
-} from "../chunk-4HUY6TN4.js";
+  STN_SEGMENTED_FIGMA,
+  STN_SEGMENTED_HTML,
+  STN_SEGMENTED_INTRO,
+  STN_SEGMENTED_USAGE
+} from "../chunk-TKS725I7.js";
 import {
   STN_NAV_MENU_SUB_ICON,
   STN_SIDE_NAV_ITEM_INTRO,
@@ -70,10 +81,13 @@ import {
   spaceTokensToJson
 } from "../chunk-2TUC7FFY.js";
 import {
-  STN_SPACING_SEMANTIC_INTRO,
-  STN_SPACING_SEMANTIC_ROWS,
-  spacingSemanticToJson
-} from "../chunk-XBY73BTI.js";
+  STN_PROGRESS_BAR_PLAYGROUND_DEFAULT,
+  STN_PROGRESS_BAR_PLAYGROUND_PROPERTIES,
+  STN_PROGRESS_BAR_REACT_USAGE,
+  STN_PROGRESS_BAR_TONES,
+  STN_PROGRESS_BAR_USAGE_HTML,
+  describeProgressBarPlaygroundReact
+} from "../chunk-I677MVNJ.js";
 import {
   STN_RADIO_DEMO_OPTIONS,
   STN_RADIO_FIGMA,
@@ -107,12 +121,6 @@ import {
   STN_SECTION_SIDE_SPEC,
   STN_SECTION_SIDE_USAGE
 } from "../chunk-RVYQ7WL3.js";
-import {
-  STN_SEGMENTED_FIGMA,
-  STN_SEGMENTED_HTML,
-  STN_SEGMENTED_INTRO,
-  STN_SEGMENTED_USAGE
-} from "../chunk-TKS725I7.js";
 import {
   STN_LOGIN_ASSETS,
   STN_LOGIN_FIGMA,
@@ -137,7 +145,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-GYPBZAB2.js";
+} from "../chunk-SGILJA4O.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -151,13 +159,16 @@ import {
   STN_PAGINATION_REACT
 } from "../chunk-PE4ZB5QC.js";
 import {
-  STN_PROGRESS_BAR_PLAYGROUND_DEFAULT,
-  STN_PROGRESS_BAR_PLAYGROUND_PROPERTIES,
-  STN_PROGRESS_BAR_REACT_USAGE,
-  STN_PROGRESS_BAR_TONES,
-  STN_PROGRESS_BAR_USAGE_HTML,
-  describeProgressBarPlaygroundReact
-} from "../chunk-I677MVNJ.js";
+  STN_HEADER_TITLE_DEMO,
+  STN_HEADER_TITLE_FIGMA,
+  STN_HEADER_TITLE_FRAME,
+  STN_HEADER_TITLE_GRADIENT,
+  STN_HEADER_TITLE_HTML,
+  STN_HEADER_TITLE_INTRO,
+  STN_HEADER_TITLE_PARTS,
+  STN_HEADER_TITLE_SPEC_ROWS,
+  STN_HEADER_TITLE_USAGE
+} from "../chunk-7YNWSFGA.js";
 import {
   STN_ICONOGRAPHY_INTRO,
   STN_ICONOGRAPHY_PRIMITIVE_ROWS,
@@ -181,6 +192,12 @@ import {
   STN_LIST_TABLE_OPTION_ROWS,
   STN_LIST_TABLE_PAGE_SIZE_OPTIONS
 } from "../chunk-5DGK35SP.js";
+import {
+  STN_DIVIDER_INTRO,
+  STN_DIVIDER_ORIENTATIONS,
+  STN_DIVIDER_TEXT_ALIGNS,
+  STN_DIVIDER_VARIANTS
+} from "../chunk-W54SOSHJ.js";
 import {
   STN_ELEVATION_LAYER_BG_INTRO,
   STN_ELEVATION_LAYER_INTRO,
@@ -200,17 +217,6 @@ import {
   STN_GRADIENT_ROWS_DARK,
   STN_GRADIENT_ROWS_LIGHT
 } from "../chunk-BMMVI6IA.js";
-import {
-  STN_HEADER_TITLE_DEMO,
-  STN_HEADER_TITLE_FIGMA,
-  STN_HEADER_TITLE_FRAME,
-  STN_HEADER_TITLE_GRADIENT,
-  STN_HEADER_TITLE_HTML,
-  STN_HEADER_TITLE_INTRO,
-  STN_HEADER_TITLE_PARTS,
-  STN_HEADER_TITLE_SPEC_ROWS,
-  STN_HEADER_TITLE_USAGE
-} from "../chunk-7YNWSFGA.js";
 import {
   STN_BUTTON_ICON_ONLY_INTRO,
   STN_BUTTON_ICON_ONLY_ROWS,
@@ -293,36 +299,6 @@ import {
   STN_GRADE_SEMANTIC_ROWS,
   STN_GRADE_SOURCE
 } from "../chunk-E26XJXQY.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_ALERT_CENTER_DASHBOARD_USAGE,
   STN_ALERT_CENTER_DASHBOARD_WIDGETS,
@@ -355,6 +331,36 @@ 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,
@@ -393,6 +399,13 @@ import {
   STN_SEARCH_REQUIREMENT_USAGE,
   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";
 import {
   STN_POPUP_INTRO,
   STN_POPUP_INVENTORY_ROWS,
@@ -460,13 +473,6 @@ import {
   pubContentAreaClasses,
   pubLayoutRegionClass
 } from "../chunk-36QC3ZAD.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_DROPDOWN_HTML,
   STN_DROPDOWN_HTML_COUNTS,
@@ -624,6 +630,10 @@ export {
   STN_DATE_RANGE_FIELD_NAME,
   STN_DATE_RANGE_FIELD_SIZE_ROWS,
   STN_DATE_RANGE_FIELD_USAGE,
+  STN_DIVIDER_INTRO,
+  STN_DIVIDER_ORIENTATIONS,
+  STN_DIVIDER_TEXT_ALIGNS,
+  STN_DIVIDER_VARIANTS,
   STN_DROPDOWN_HTML,
   STN_DROPDOWN_HTML_COUNTS,
   STN_DROPDOWN_INTRO,

package/dist/data/stnDivider.d.ts

@@ -0,0 +1,9 @@
+type StnDividerOrientation = 'horizontal' | 'vertical';
+type StnDividerVariant = 'fullWidth' | 'inset' | 'middle';
+type StnDividerTextAlign = 'left' | 'center' | 'right';
+declare const STN_DIVIDER_ORIENTATIONS: readonly StnDividerOrientation[];
+declare const STN_DIVIDER_VARIANTS: readonly StnDividerVariant[];
+declare const STN_DIVIDER_TEXT_ALIGNS: readonly StnDividerTextAlign[];
+declare const STN_DIVIDER_INTRO = "\uCF58\uD150\uCE20 \uBC0F \uB808\uC774\uC544\uC6C3\uC744 \uC2DC\uAC01\uC801\uC73C\uB85C \uBA85\uD655\uD558\uAC8C \uAD6C\uBD84\uD558\uB294 1px \uD45C\uC900 \uAD6C\uBD84\uC120 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uAC00\uB85C \uBC0F \uC138\uB85C \uBC30\uCE58, \uC804\uCCB4 \uB108\uBE44/\uC778\uC14B/\uBBF8\uB4E4 \uBCC0\uD615, flexItem \uC2A4\uD2B8\uB808\uCE6D, \uD0DC\uADF8 \uB2E4\uD615\uC131(hr, li, div), \uD14D\uC2A4\uD2B8 \uBC0F \uCE69 \uB77C\uBCA8 \uC0BD\uC785\uACFC \uC815\uB82C\uC744 \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
+
+export { STN_DIVIDER_INTRO, STN_DIVIDER_ORIENTATIONS, STN_DIVIDER_TEXT_ALIGNS, STN_DIVIDER_VARIANTS, type StnDividerOrientation, type StnDividerTextAlign, type StnDividerVariant };

package/dist/data/stnDivider.js

@@ -0,0 +1,13 @@
+import {
+  STN_DIVIDER_INTRO,
+  STN_DIVIDER_ORIENTATIONS,
+  STN_DIVIDER_TEXT_ALIGNS,
+  STN_DIVIDER_VARIANTS
+} from "../chunk-W54SOSHJ.js";
+export {
+  STN_DIVIDER_INTRO,
+  STN_DIVIDER_ORIENTATIONS,
+  STN_DIVIDER_TEXT_ALIGNS,
+  STN_DIVIDER_VARIANTS
+};
+//# sourceMappingURL=stnDivider.js.map

package/dist/data/stnDivider.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.78";
-declare const STN_UI_VERSION_LABEL = "v0.1.78";
+declare const STN_UI_VERSION = "0.1.79";
+declare const STN_UI_VERSION_LABEL = "v0.1.79";
 
 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-GYPBZAB2.js";
+} from "../chunk-SGILJA4O.js";
 export {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL

package/dist/index.d.ts

@@ -65,6 +65,7 @@ export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES,
 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_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

@@ -3,7 +3,10 @@ import {
   STN_UI_COMPONENTS,
   STN_UI_FOUNDATIONS
 } from "./chunk-N46UQH6L.js";
-import "./chunk-O77GW7PM.js";
+import "./chunk-WKQLAHIG.js";
+import {
+  STN_TEXT_COLOR_ROWS
+} from "./chunk-4HUY6TN4.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -31,6 +34,11 @@ import {
   typographyPrimitivesToJson,
   typographySemanticsToJson
 } from "./chunk-6FEWLKVE.js";
+import {
+  STN_SPACING_SEMANTIC_INTRO,
+  STN_SPACING_SEMANTIC_ROWS,
+  spacingSemanticToJson
+} from "./chunk-XBY73BTI.js";
 import {
   STN_SPACING_USECASE_INTRO,
   STN_SPACING_USECASE_ROWS
@@ -47,8 +55,11 @@ import {
   STN_TEXT_AREA_USAGE
 } from "./chunk-VNQUWGQ7.js";
 import {
-  STN_TEXT_COLOR_ROWS
-} from "./chunk-4HUY6TN4.js";
+  STN_SEGMENTED_FIGMA,
+  STN_SEGMENTED_HTML,
+  STN_SEGMENTED_INTRO,
+  STN_SEGMENTED_USAGE
+} from "./chunk-TKS725I7.js";
 import {
   STN_NAV_MENU_SUB_ICON,
   STN_SIDE_NAV_ITEM_INTRO,
@@ -75,10 +86,13 @@ import {
   spaceTokensToJson
 } from "./chunk-2TUC7FFY.js";
 import {
-  STN_SPACING_SEMANTIC_INTRO,
-  STN_SPACING_SEMANTIC_ROWS,
-  spacingSemanticToJson
-} from "./chunk-XBY73BTI.js";
+  STN_PROGRESS_BAR_PLAYGROUND_DEFAULT,
+  STN_PROGRESS_BAR_PLAYGROUND_PROPERTIES,
+  STN_PROGRESS_BAR_REACT_USAGE,
+  STN_PROGRESS_BAR_TONES,
+  STN_PROGRESS_BAR_USAGE_HTML,
+  describeProgressBarPlaygroundReact
+} from "./chunk-I677MVNJ.js";
 import {
   STN_RADIO_DEMO_OPTIONS,
   STN_RADIO_FIGMA,
@@ -112,12 +126,6 @@ import {
   STN_SECTION_SIDE_SPEC,
   STN_SECTION_SIDE_USAGE
 } from "./chunk-RVYQ7WL3.js";
-import {
-  STN_SEGMENTED_FIGMA,
-  STN_SEGMENTED_HTML,
-  STN_SEGMENTED_INTRO,
-  STN_SEGMENTED_USAGE
-} from "./chunk-TKS725I7.js";
 import {
   STN_LOGIN_ASSETS,
   STN_LOGIN_FIGMA,
@@ -142,7 +150,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "./chunk-GYPBZAB2.js";
+} from "./chunk-SGILJA4O.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -156,13 +164,16 @@ import {
   STN_PAGINATION_REACT
 } from "./chunk-PE4ZB5QC.js";
 import {
-  STN_PROGRESS_BAR_PLAYGROUND_DEFAULT,
-  STN_PROGRESS_BAR_PLAYGROUND_PROPERTIES,
-  STN_PROGRESS_BAR_REACT_USAGE,
-  STN_PROGRESS_BAR_TONES,
-  STN_PROGRESS_BAR_USAGE_HTML,
-  describeProgressBarPlaygroundReact
-} from "./chunk-I677MVNJ.js";
+  STN_HEADER_TITLE_DEMO,
+  STN_HEADER_TITLE_FIGMA,
+  STN_HEADER_TITLE_FRAME,
+  STN_HEADER_TITLE_GRADIENT,
+  STN_HEADER_TITLE_HTML,
+  STN_HEADER_TITLE_INTRO,
+  STN_HEADER_TITLE_PARTS,
+  STN_HEADER_TITLE_SPEC_ROWS,
+  STN_HEADER_TITLE_USAGE
+} from "./chunk-7YNWSFGA.js";
 import {
   STN_ICONOGRAPHY_INTRO,
   STN_ICONOGRAPHY_PRIMITIVE_ROWS,
@@ -186,6 +197,12 @@ import {
   STN_LIST_TABLE_OPTION_ROWS,
   STN_LIST_TABLE_PAGE_SIZE_OPTIONS
 } from "./chunk-5DGK35SP.js";
+import {
+  STN_DIVIDER_INTRO,
+  STN_DIVIDER_ORIENTATIONS,
+  STN_DIVIDER_TEXT_ALIGNS,
+  STN_DIVIDER_VARIANTS
+} from "./chunk-W54SOSHJ.js";
 import {
   STN_ELEVATION_LAYER_BG_INTRO,
   STN_ELEVATION_LAYER_INTRO,
@@ -205,17 +222,6 @@ import {
   STN_GRADIENT_ROWS_DARK,
   STN_GRADIENT_ROWS_LIGHT
 } from "./chunk-BMMVI6IA.js";
-import {
-  STN_HEADER_TITLE_DEMO,
-  STN_HEADER_TITLE_FIGMA,
-  STN_HEADER_TITLE_FRAME,
-  STN_HEADER_TITLE_GRADIENT,
-  STN_HEADER_TITLE_HTML,
-  STN_HEADER_TITLE_INTRO,
-  STN_HEADER_TITLE_PARTS,
-  STN_HEADER_TITLE_SPEC_ROWS,
-  STN_HEADER_TITLE_USAGE
-} from "./chunk-7YNWSFGA.js";
 import {
   STN_BUTTON_ICON_ONLY_INTRO,
   STN_BUTTON_ICON_ONLY_ROWS,
@@ -298,36 +304,6 @@ import {
   STN_GRADE_SEMANTIC_ROWS,
   STN_GRADE_SOURCE
 } from "./chunk-E26XJXQY.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_ALERT_CENTER_DASHBOARD_USAGE,
   STN_ALERT_CENTER_DASHBOARD_WIDGETS,
@@ -360,6 +336,36 @@ 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,
@@ -398,6 +404,13 @@ import {
   STN_SEARCH_REQUIREMENT_USAGE,
   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";
 import {
   STN_POPUP_INTRO,
   STN_POPUP_INVENTORY_ROWS,
@@ -465,13 +478,6 @@ import {
   pubContentAreaClasses,
   pubLayoutRegionClass
 } from "./chunk-36QC3ZAD.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_DROPDOWN_HTML,
   STN_DROPDOWN_HTML_COUNTS,
@@ -629,6 +635,10 @@ export {
   STN_DATE_RANGE_FIELD_NAME,
   STN_DATE_RANGE_FIELD_SIZE_ROWS,
   STN_DATE_RANGE_FIELD_USAGE,
+  STN_DIVIDER_INTRO,
+  STN_DIVIDER_ORIENTATIONS,
+  STN_DIVIDER_TEXT_ALIGNS,
+  STN_DIVIDER_VARIANTS,
   STN_DROPDOWN_HTML,
   STN_DROPDOWN_HTML_COUNTS,
   STN_DROPDOWN_INTRO,

package/package.json

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

package/styles/components/stn-divider.css

@@ -0,0 +1,153 @@
+@charset "utf-8";
+/**
+ * STN Components — StnDivider
+ *
+ * 표준 1px 구분선 컴포넌트:
+ * - 가로/세로 방향 (orientation: 'horizontal' | 'vertical')
+ * - 레이아웃 변형 (variant: 'fullWidth' | 'inset' | 'middle')
+ * - Flex 컨테이너 높이 맞춤 (flexItem)
+ * - 텍스트/칩 내장 및 정렬 (with-children, textAlign: 'left' | 'center' | 'right')
+ * - li 태그 다형성 대응 (list-style: none)
+ */
+
+.stn-divider {
+  margin: 0;
+  flex-shrink: 0;
+  border-width: 0;
+  border-style: solid;
+  border-color: var(--stn-divider-border);
+  box-sizing: border-box;
+}
+
+/* li 태그로 렌더링될 때 기본 불릿 제거 */
+li.stn-divider {
+  list-style: none;
+}
+
+/* ==========================================================================
+   1. Horizontal Divider (가로 구분선, 기본값)
+   ========================================================================== */
+
+.stn-divider--horizontal {
+  display: block;
+  width: 100%;
+  border-bottom-width: var(--stn-divider-thickness);
+}
+
+/* 1-1. Full Width (기본) */
+.stn-divider--horizontal.stn-divider--full-width {
+  width: 100%;
+}
+
+/* 1-2. Inset (좌측 시작 인덴트) */
+.stn-divider--horizontal.stn-divider--inset {
+  margin-left: var(--stn-divider-inset-margin);
+  width: calc(100% - var(--stn-divider-inset-margin));
+}
+
+/* 1-3. Middle (양쪽 여백 인덴트) */
+.stn-divider--horizontal.stn-divider--middle {
+  margin-left: var(--stn-divider-middle-margin);
+  margin-right: var(--stn-divider-middle-margin);
+  width: calc(100% - (var(--stn-divider-middle-margin) * 2));
+}
+
+/* ==========================================================================
+   2. Vertical Divider (세로 구분선)
+   ========================================================================== */
+
+.stn-divider--vertical {
+  display: inline-block;
+  width: 0;
+  height: 100%;
+  min-height: var(--stn-divider-vertical-height);
+  border-right-width: var(--stn-divider-thickness);
+  vertical-align: middle;
+}
+
+/* 2-1. Vertical Inset */
+.stn-divider--vertical.stn-divider--inset {
+  margin-top: var(--stn-space-16);
+  height: calc(100% - var(--stn-space-16));
+}
+
+/* 2-2. Vertical Middle */
+.stn-divider--vertical.stn-divider--middle {
+  margin-top: var(--stn-space-8);
+  margin-bottom: var(--stn-space-8);
+  height: calc(100% - (var(--stn-space-8) * 2));
+}
+
+/* 2-3. flexItem (Flex 부모 내 자동 세로 스트레칭) */
+.stn-divider--vertical.stn-divider--flex-item,
+.stn-divider--flex-item {
+  align-self: stretch;
+  height: auto;
+}
+
+/* ==========================================================================
+   3. Divider with Children (텍스트 / 칩 내장)
+   ========================================================================== */
+
+.stn-divider--with-children {
+  display: flex;
+  align-items: center;
+  border: 0;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.stn-divider--with-children::before,
+.stn-divider--with-children::after {
+  content: '';
+  border-top: var(--stn-divider-thickness) solid var(--stn-divider-border);
+}
+
+/* 3-1. Text Align Center */
+.stn-divider--text-center::before,
+.stn-divider--text-center::after {
+  flex: 1 1 0%;
+}
+
+/* 3-2. Text Align Left */
+.stn-divider--text-left::before {
+  flex: 0 0 var(--stn-divider-text-offset);
+}
+
+.stn-divider--text-left::after {
+  flex: 1 1 0%;
+}
+
+/* 3-3. Text Align Right */
+.stn-divider--text-right::before {
+  flex: 1 1 0%;
+}
+
+.stn-divider--text-right::after {
+  flex: 0 0 var(--stn-divider-text-offset);
+}
+
+/* 3-4. Inset / Middle 적용 시 with-children 너비 보정 */
+.stn-divider--with-children.stn-divider--inset {
+  margin-left: var(--stn-divider-inset-margin);
+  width: calc(100% - var(--stn-divider-inset-margin));
+}
+
+.stn-divider--with-children.stn-divider--middle {
+  margin-left: var(--stn-divider-middle-margin);
+  margin-right: var(--stn-divider-middle-margin);
+  width: calc(100% - (var(--stn-divider-middle-margin) * 2));
+}
+
+/* 3-5. 라벨 / 칩 래퍼 */
+.stn-divider__wrapper {
+  display: inline-flex;
+  align-items: center;
+  padding-left: var(--stn-divider-text-gap);
+  padding-right: var(--stn-divider-text-gap);
+  font-family: var(--stn-font-family);
+  font-size: var(--stn-text-caption-size, 12px);
+  font-weight: var(--stn-font-weight-medium, 500);
+  color: var(--stn-text-muted);
+  line-height: var(--stn-text-caption-line-height, 1.4);
+}

package/styles/style-pub.css

@@ -73,6 +73,7 @@
 @import './components/stn-topology.css';
 @import './components/stn-status.css';
 @import './components/stn-tabs.css';
+@import './components/stn-divider.css';
 
 /* --- 5. Patterns (Composite UI Recipes) --- */
 @import './patterns/stn-section-side.css';

package/styles/tokens/stn-colors-semantic.css

@@ -423,6 +423,7 @@
   --stn-pop-close-hover-bg: color-mix(in srgb, var(--stn-static-white) 10%, transparent);
   --stn-pop-close-hover-fg: var(--stn-static-white);
   --stn-pop-divider: var(--stn-gray-700);
+  --stn-divider-border: var(--stn-gray-750);
   --stn-progress-gradient-main: var(--stn-gradient-main);
   --stn-progress-gradient-primary: var(--stn-gradient-primary);
   --stn-progress-gradient-secondary: var(--stn-gradient-secondary);
@@ -1034,6 +1035,7 @@
   --stn-pop-close-hover-bg: color-mix(in srgb, var(--stn-gray-100) 80%, transparent);
   --stn-pop-close-hover-fg: var(--stn-gray-700);
   --stn-pop-divider: var(--stn-gray-200);
+  --stn-divider-border: var(--stn-gray-200);
   --stn-progress-gradient-main: var(--stn-gradient-main);
   --stn-progress-gradient-primary: var(--stn-gradient-primary);
   --stn-progress-gradient-secondary: var(--stn-gradient-secondary);

package/styles/tokens/stn-size-semantic.css

@@ -213,6 +213,9 @@
   --stn-badge-prominent-size: var(--stn-size-18);
   --stn-stack-divider-thickness: var(--stn-size-1);
   --stn-stack-divider-length: var(--stn-size-16);
+  --stn-divider-thickness: var(--stn-size-1);
+  --stn-divider-vertical-height: var(--stn-size-16);
+  --stn-divider-text-offset: var(--stn-size-24);
   --stn-skeleton-line-h: var(--stn-size-12);
   --stn-skeleton-block-min-h: var(--stn-size-48);
   --stn-skeleton-circle-size: var(--stn-size-40);

package/styles/tokens/stn-spacing-semantic.css

@@ -267,6 +267,9 @@
   --stn-search-requirement-compact-padding-x: var(--stn-space-12);
   --stn-search-requirement-compact-gap: var(--stn-space-12);
   --stn-search-requirement-divider-margin-x: var(--stn-space-4);
+  --stn-divider-inset-margin: var(--stn-space-72);
+  --stn-divider-middle-margin: var(--stn-space-16);
+  --stn-divider-text-gap: var(--stn-space-16);
   --stn-tree-collapsed-row-padding-block: var(--stn-space-2);
   --stn-breadcrumb-gap-sm: var(--stn-space-8);
   --stn-breadcrumb-gap-md: var(--stn-space-16);

package/dist/chunk-GYPBZAB2.js

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

package/dist/chunk-GYPBZAB2.js.map

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

package/dist/chunk-O77GW7PM.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-O77GW7PM.js.map