@stn-uiux/pub-ui 0.1.81 → 0.1.84

package/styles/style-pub.css

@@ -65,15 +65,19 @@
 @import './components/stn-scroll.css';
 @import './components/stn-widget.css';
 @import './components/stn-event-banner.css';
+@import './components/stn-empty-state.css';
 @import './components/stn-logo.css';
 @import './components/stn-tooltip.css';
 @import './components/stn-icon-box.css';
 @import './components/stn-icon.css';
 @import './components/stn-card.css';
 @import './components/stn-topology.css';
+@import './components/stn-chart.css';
 @import './components/stn-status.css';
 @import './components/stn-tabs.css';
 @import './components/stn-divider.css';
+@import './components/stn-stepper.css';
+@import './components/stn-popover.css';
 
 /* --- 5. Patterns (Composite UI Recipes) --- */
 @import './patterns/stn-section-side.css';
@@ -81,5 +85,8 @@
 @import './patterns/stn-alert-center.css';
 @import './patterns/stn-tree.css';
 @import './patterns/stn-login-card.css';
+@import './patterns/stn-step-cards.css';
 @import './patterns/stn-login-text-field.css';
 @import './patterns/stn-floating-toolbar.css';
+@import './patterns/stn-split-view.css';
+@import './patterns/stn-widget-patterns.css';

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

@@ -158,6 +158,10 @@
   --stn-card-bg-flat: var(--stn-gray-850);
   --stn-card-bg-elevated: var(--stn-gray-800);
   --stn-card-border-color: var(--stn-gray-700);
+  --stn-card-severity-critical-bg: color-mix(in srgb, var(--stn-red-400) 5%, transparent);
+  --stn-card-severity-major-bg: color-mix(in srgb, var(--stn-orange-400) 5%, transparent);
+  --stn-card-severity-minor-bg: color-mix(in srgb, var(--stn-yellow-350) 5%, transparent);
+  --stn-card-severity-warning-bg: color-mix(in srgb, var(--stn-teal-400) 5%, transparent);
   --stn-card-shadow: none;
   --stn-search-requirement-bg: transparent;
   --stn-search-requirement-border: var(--stn-gray-750);
@@ -624,6 +628,99 @@
   --stn-status-flow-connector-opacity: 0.6;
   --stn-status-dot-bordered-border: var(--stn-border-strong);
   --stn-status-dot-bordered-bg: var(--stn-gray-800);
+  --stn-chart-grid-line: var(--stn-opacity-white-10);
+  --stn-chart-zero-line: var(--stn-opacity-white-20);
+  --stn-chart-axis-text: var(--stn-gray-400);
+  --stn-chart-bar-label: var(--stn-gray-300);
+  --stn-chart-highlight-bg: var(--stn-opacity-white-5);
+  --stn-chart-highlight-border: var(--stn-gray-500);
+  --stn-chart-legend-pill-bg: var(--stn-opacity-white-5);
+  --stn-chart-legend-pill-border: var(--stn-gray-750);
+  --stn-chart-legend-text: var(--stn-gray-150);
+  --stn-chart-color-1: var(--stn-blue-400);
+  --stn-chart-color-2: var(--stn-purple-300);
+  --stn-chart-color-3: var(--stn-green-300);
+  --stn-chart-color-4: var(--stn-cobalt-350);
+  --stn-chart-color-5: var(--stn-cyan-250);
+  --stn-chart-color-6: var(--stn-purple-150);
+  --stn-chart-color-7: var(--stn-green-150);
+  --stn-chart-color-8: var(--stn-cobalt-500);
+  --stn-chart-color-9: var(--stn-purple-450);
+  --stn-chart-color-10: var(--stn-blue-200);
+  --stn-chart-status-critical: var(--stn-grade-critical);
+  --stn-chart-status-major: var(--stn-grade-major);
+  --stn-chart-status-minor: var(--stn-grade-minor);
+  --stn-chart-status-warning: var(--stn-grade-warning);
+  --stn-chart-status-success: var(--stn-grade-normal);
+  --stn-chart-status-info: var(--stn-feedback-info);
+  --stn-chart-status-neutral: var(--stn-grade-neutral);
+  --stn-chart-critical: var(--stn-chart-status-critical);
+  --stn-chart-major: var(--stn-chart-status-major);
+  --stn-chart-minor: var(--stn-chart-status-minor);
+  --stn-chart-warning: var(--stn-chart-status-warning);
+  --stn-chart-success: var(--stn-chart-status-success);
+  --stn-chart-info: var(--stn-chart-status-info);
+  --stn-chart-neutral: var(--stn-chart-status-neutral);
+  --stn-chart-gauge-center-bg: var(--stn-gray-950);
+  --stn-chart-gauge-center-text: var(--stn-text-primary);
+  --stn-chart-gauge-track: var(--stn-opacity-white-5);
+  --stn-chart-tooltip-bg: var(--stn-gray-900);
+  --stn-chart-tooltip-border: var(--stn-gray-700);
+  --stn-chart-tooltip-header-color: var(--stn-gray-400);
+  --stn-chart-tooltip-divider: var(--stn-opacity-white-15);
+  --stn-chart-bar-1: var(--stn-chart-color-1);
+  --stn-chart-bar-2: var(--stn-chart-color-2);
+  --stn-chart-bar-3: var(--stn-chart-color-3);
+  --stn-chart-bar-4: var(--stn-chart-color-4);
+  --stn-chart-bar-5: var(--stn-chart-color-5);
+  --stn-chart-bar-6: var(--stn-chart-color-6);
+  --stn-chart-bar-primary: var(--stn-chart-color-1);
+  --stn-chart-bar-sub: var(--stn-chart-color-2);
+  --stn-chart-bar-sub2: var(--stn-chart-color-3);
+  --stn-chart-line-1: var(--stn-chart-color-1);
+  --stn-chart-line-2: var(--stn-chart-color-2);
+  --stn-chart-line-3: var(--stn-chart-color-3);
+  --stn-chart-line-4: var(--stn-chart-color-4);
+  --stn-chart-line-5: var(--stn-chart-color-5);
+  --stn-chart-line-6: var(--stn-chart-color-6);
+  --stn-chart-line-stroke: var(--stn-chart-color-1);
+  --stn-chart-line-area-from: var(--stn-chart-color-1);
+  --stn-chart-line-area-to: var(--stn-opacity-white-0);
+  --stn-chart-line-dot-bg: var(--stn-elevation-surface-0);
+  --stn-chart-gauge-seg-1: var(--stn-chart-color-1);
+  --stn-chart-gauge-seg-2: var(--stn-chart-color-2);
+  --stn-chart-gauge-seg-3: var(--stn-chart-color-3);
+  --stn-chart-gauge-seg-4: var(--stn-chart-color-4);
+  --stn-chart-gauge-seg-5: var(--stn-chart-color-5);
+  --stn-chart-gauge-seg-6: var(--stn-chart-color-6);
+  --stn-chart-gauge-seg-7: var(--stn-chart-color-7);
+  --stn-chart-gauge-seg-8: var(--stn-chart-color-8);
+  --stn-chart-gauge-seg-9: var(--stn-chart-color-9);
+  --stn-chart-gauge-seg-10: var(--stn-chart-color-10);
+  --stn-widget-grade-row-track-bg: var(--stn-gray-750);
+  --stn-stepper-line-color: var(--stn-border-strong);
+  --stn-stepper-line-active-color: var(--stn-primary);
+  --stn-stepper-line-success-color: var(--stn-feedback-success);
+  --stn-stepper-line-error-color: var(--stn-feedback-error);
+  --stn-stepper-line-warning-color: var(--stn-feedback-warning);
+  --stn-stepper-node-wait-bg: var(--stn-elevation-surface-0);
+  --stn-stepper-node-wait-border: var(--stn-border-strong);
+  --stn-stepper-node-wait-fg: var(--stn-text-tertiary);
+  --stn-stepper-node-running-bg: var(--stn-primary);
+  --stn-stepper-node-running-border: var(--stn-primary);
+  --stn-stepper-node-running-fg: var(--stn-static-white);
+  --stn-stepper-node-running-ring: color-mix(in srgb, var(--stn-primary) 25%, transparent);
+  --stn-stepper-node-success-bg: var(--stn-opacity-white-10);
+  --stn-stepper-node-success-border: var(--stn-feedback-success);
+  --stn-stepper-node-success-fg: var(--stn-feedback-success);
+  --stn-stepper-node-error-bg: var(--stn-feedback-error);
+  --stn-stepper-node-error-border: var(--stn-feedback-error);
+  --stn-stepper-node-error-fg: var(--stn-static-white);
+  --stn-stepper-node-error-ring: color-mix(in srgb, var(--stn-feedback-error) 25%, transparent);
+  --stn-stepper-node-warning-bg: var(--stn-feedback-warning);
+  --stn-stepper-node-warning-border: var(--stn-feedback-warning);
+  --stn-stepper-node-warning-fg: var(--stn-static-white);
+  --stn-stepper-node-warning-ring: color-mix(in srgb, var(--stn-feedback-warning) 25%, transparent);
 }
 
 [data-mode='light'] {
@@ -777,6 +874,10 @@
   --stn-card-bg-flat: var(--stn-gray-50);
   --stn-card-bg-elevated: var(--stn-static-white);
   --stn-card-border-color: var(--stn-border-subtle);
+  --stn-card-severity-critical-bg: var(--stn-red-50);
+  --stn-card-severity-major-bg: var(--stn-orange-50);
+  --stn-card-severity-minor-bg: var(--stn-yellow-50);
+  --stn-card-severity-warning-bg: var(--stn-teal-50);
   --stn-card-shadow: var(--stn-shadow-2, 0 4px 14px rgba(0, 0, 0, 0.07));
   --stn-search-requirement-bg: transparent;
   --stn-search-requirement-border: var(--stn-gray-75);
@@ -1245,6 +1346,99 @@
   --stn-status-flow-connector-opacity: 0.7;
   --stn-status-dot-bordered-border: var(--stn-border-subtle);
   --stn-status-dot-bordered-bg: var(--stn-elevation-surface-2);
+  --stn-chart-grid-line: var(--stn-opacity-black-10);
+  --stn-chart-zero-line: var(--stn-gray-200);
+  --stn-chart-axis-text: var(--stn-gray-500);
+  --stn-chart-bar-label: var(--stn-gray-650);
+  --stn-chart-highlight-bg: var(--stn-gray-50);
+  --stn-chart-highlight-border: var(--stn-gray-200);
+  --stn-chart-legend-pill-bg: var(--stn-gray-50);
+  --stn-chart-legend-pill-border: var(--stn-gray-100);
+  --stn-chart-legend-text: var(--stn-gray-650);
+  --stn-chart-color-1: var(--stn-blue-500);
+  --stn-chart-color-2: var(--stn-purple-500);
+  --stn-chart-color-3: var(--stn-green-500);
+  --stn-chart-color-4: var(--stn-cobalt-500);
+  --stn-chart-color-5: var(--stn-cyan-450);
+  --stn-chart-color-6: var(--stn-purple-350);
+  --stn-chart-color-7: var(--stn-green-350);
+  --stn-chart-color-8: var(--stn-cobalt-650);
+  --stn-chart-color-9: var(--stn-purple-650);
+  --stn-chart-color-10: var(--stn-blue-350);
+  --stn-chart-status-critical: var(--stn-grade-critical);
+  --stn-chart-status-major: var(--stn-grade-major);
+  --stn-chart-status-minor: var(--stn-grade-minor);
+  --stn-chart-status-warning: var(--stn-grade-warning);
+  --stn-chart-status-success: var(--stn-grade-normal);
+  --stn-chart-status-info: var(--stn-feedback-info);
+  --stn-chart-status-neutral: var(--stn-grade-neutral);
+  --stn-chart-critical: var(--stn-chart-status-critical);
+  --stn-chart-major: var(--stn-chart-status-major);
+  --stn-chart-minor: var(--stn-chart-status-minor);
+  --stn-chart-warning: var(--stn-chart-status-warning);
+  --stn-chart-success: var(--stn-chart-status-success);
+  --stn-chart-info: var(--stn-chart-status-info);
+  --stn-chart-neutral: var(--stn-chart-status-neutral);
+  --stn-chart-gauge-center-bg: var(--stn-static-white);
+  --stn-chart-gauge-center-text: var(--stn-text-primary);
+  --stn-chart-gauge-track: var(--stn-opacity-black-5);
+  --stn-chart-tooltip-bg: var(--stn-static-white);
+  --stn-chart-tooltip-border: var(--stn-gray-200);
+  --stn-chart-tooltip-header-color: var(--stn-gray-500);
+  --stn-chart-tooltip-divider: var(--stn-opacity-black-10);
+  --stn-chart-bar-1: var(--stn-chart-color-1);
+  --stn-chart-bar-2: var(--stn-chart-color-2);
+  --stn-chart-bar-3: var(--stn-chart-color-3);
+  --stn-chart-bar-4: var(--stn-chart-color-4);
+  --stn-chart-bar-5: var(--stn-chart-color-5);
+  --stn-chart-bar-6: var(--stn-chart-color-6);
+  --stn-chart-bar-primary: var(--stn-chart-color-1);
+  --stn-chart-bar-sub: var(--stn-chart-color-2);
+  --stn-chart-bar-sub2: var(--stn-chart-color-3);
+  --stn-chart-line-1: var(--stn-chart-color-1);
+  --stn-chart-line-2: var(--stn-chart-color-2);
+  --stn-chart-line-3: var(--stn-chart-color-3);
+  --stn-chart-line-4: var(--stn-chart-color-4);
+  --stn-chart-line-5: var(--stn-chart-color-5);
+  --stn-chart-line-6: var(--stn-chart-color-6);
+  --stn-chart-line-stroke: var(--stn-chart-color-1);
+  --stn-chart-line-area-from: var(--stn-chart-color-1);
+  --stn-chart-line-area-to: var(--stn-opacity-black-0);
+  --stn-chart-line-dot-bg: var(--stn-elevation-surface-0);
+  --stn-chart-gauge-seg-1: var(--stn-chart-color-1);
+  --stn-chart-gauge-seg-2: var(--stn-chart-color-2);
+  --stn-chart-gauge-seg-3: var(--stn-chart-color-3);
+  --stn-chart-gauge-seg-4: var(--stn-chart-color-4);
+  --stn-chart-gauge-seg-5: var(--stn-chart-color-5);
+  --stn-chart-gauge-seg-6: var(--stn-chart-color-6);
+  --stn-chart-gauge-seg-7: var(--stn-chart-color-7);
+  --stn-chart-gauge-seg-8: var(--stn-chart-color-8);
+  --stn-chart-gauge-seg-9: var(--stn-chart-color-9);
+  --stn-chart-gauge-seg-10: var(--stn-chart-color-10);
+  --stn-widget-grade-row-track-bg: var(--stn-gray-200);
+  --stn-stepper-line-color: var(--stn-border-strong);
+  --stn-stepper-line-active-color: var(--stn-primary);
+  --stn-stepper-line-success-color: var(--stn-feedback-success);
+  --stn-stepper-line-error-color: var(--stn-feedback-error);
+  --stn-stepper-line-warning-color: var(--stn-feedback-warning);
+  --stn-stepper-node-wait-bg: var(--stn-elevation-surface-0);
+  --stn-stepper-node-wait-border: var(--stn-border-strong);
+  --stn-stepper-node-wait-fg: var(--stn-text-tertiary);
+  --stn-stepper-node-running-bg: var(--stn-primary);
+  --stn-stepper-node-running-border: var(--stn-primary);
+  --stn-stepper-node-running-fg: var(--stn-static-white);
+  --stn-stepper-node-running-ring: color-mix(in srgb, var(--stn-primary) 20%, transparent);
+  --stn-stepper-node-success-bg: var(--stn-opacity-white-20);
+  --stn-stepper-node-success-border: var(--stn-feedback-success);
+  --stn-stepper-node-success-fg: var(--stn-feedback-success);
+  --stn-stepper-node-error-bg: var(--stn-feedback-error);
+  --stn-stepper-node-error-border: var(--stn-feedback-error);
+  --stn-stepper-node-error-fg: var(--stn-static-white);
+  --stn-stepper-node-error-ring: color-mix(in srgb, var(--stn-feedback-error) 20%, transparent);
+  --stn-stepper-node-warning-bg: var(--stn-feedback-warning);
+  --stn-stepper-node-warning-border: var(--stn-feedback-warning);
+  --stn-stepper-node-warning-fg: var(--stn-static-white);
+  --stn-stepper-node-warning-ring: color-mix(in srgb, var(--stn-feedback-warning) 20%, transparent);
 }
 
 [data-theme='blue'][data-mode='dark'] {

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

@@ -34,6 +34,11 @@
   --stn-text-field-height-lg: var(--stn-size-40);
   --stn-text-field-height-md: var(--stn-size-32);
   --stn-text-field-height-sm: var(--stn-size-24);
+  --stn-card-header-min-height: var(--stn-size-40);
+  --stn-split-view-side-width-sm: var(--stn-size-220);
+  --stn-split-view-side-width-md: var(--stn-size-280);
+  --stn-split-view-side-width-lg: var(--stn-size-320);
+  --stn-split-view-overlay-max-width: var(--stn-size-320);
   --stn-dropdown-height-sm: var(--stn-size-24);
   --stn-dropdown-height-md: var(--stn-size-32);
   --stn-dropdown-height-lg: var(--stn-size-40);
@@ -279,4 +284,83 @@
   --stn-topology-minimap-border-width: var(--stn-size-1);
   --stn-topology-minimap-width: var(--stn-size-140);
   --stn-topology-minimap-content-height: var(--stn-size-96);
+  --stn-chart-bar-width-sm: var(--stn-size-4);
+  --stn-chart-bar-width-md: var(--stn-size-6);
+  --stn-chart-bar-width-lg: var(--stn-size-10);
+  --stn-chart-combo-bar-width-sm: var(--stn-size-12);
+  --stn-chart-combo-bar-width-md: var(--stn-size-18);
+  --stn-chart-combo-bar-width-lg: var(--stn-size-26);
+  --stn-chart-gauge-stroke-sm: var(--stn-size-2);
+  --stn-chart-gauge-stroke-md: var(--stn-size-4);
+  --stn-chart-gauge-stroke-lg: var(--stn-size-8);
+  --stn-chart-line-stroke-sm: var(--stn-size-1);
+  --stn-chart-line-stroke-md: var(--stn-size-2);
+  --stn-chart-line-stroke-lg: var(--stn-size-4);
+  --stn-chart-body-min-height: var(--stn-size-160);
+  --stn-chart-line-body-min-height: var(--stn-size-120);
+  --stn-chart-axis-y-width: var(--stn-size-40);
+  --stn-chart-axis-y-offset: var(--stn-size-44);
+  --stn-chart-col-min-width: var(--stn-size-20);
+  --stn-chart-col-max-width: var(--stn-size-48);
+  --stn-chart-bar-min-width: var(--stn-size-2);
+  --stn-chart-row-label-width: var(--stn-size-72);
+  --stn-chart-row-min-height: var(--stn-size-20);
+  --stn-chart-row-min-height-compact: var(--stn-size-16);
+  --stn-chart-gauge-size-default: var(--stn-size-90);
+  --stn-chart-gauge-size-max: var(--stn-size-110);
+  --stn-chart-gauge-size-min: var(--stn-size-68);
+  --stn-chart-gauge-legend-max-width: var(--stn-size-280);
+  --stn-chart-gauge-legend-dot-size: var(--stn-size-6);
+  --stn-chart-line-axis-y-width: var(--stn-size-36);
+  --stn-chart-combo-axis-y-width: var(--stn-size-36);
+  --stn-chart-combo-grid-offset-x: var(--stn-size-40);
+  --stn-chart-combo-bar-min-width: var(--stn-size-6);
+  --stn-chart-legend-bar-width: var(--stn-size-20);
+  --stn-chart-legend-bar-height: var(--stn-size-8);
+  --stn-chart-legend-line-marker-width: var(--stn-size-16);
+  --stn-chart-legend-line-marker-height: var(--stn-size-2);
+  --stn-chart-legend-line-dot-size: var(--stn-size-6);
+  --stn-chart-tooltip-dot-size: var(--stn-size-6);
+  --stn-chart-tooltip-bar-width: var(--stn-size-8);
+  --stn-chart-tooltip-bar-height: var(--stn-size-8);
+  --stn-chart-border-width: var(--stn-size-1);
+  --stn-widget-grade-row-icon-size: var(--stn-size-18);
+  --stn-widget-grade-row-track-height: var(--stn-size-4);
+  --stn-widget-grade-row-track-min-width: var(--stn-size-60);
+  --stn-widget-grade-row-label-min-width: var(--stn-size-80);
+  --stn-widget-grade-row-val-min-width: var(--stn-size-28);
+  --stn-widget-grade-row-pct-min-width: var(--stn-size-42);
+  --stn-widget-grade-row-grid-item-min-width: var(--stn-size-200);
+  --stn-empty-state-max-width: var(--stn-size-360);
+  --stn-empty-state-max-width-sm: var(--stn-size-280);
+  --stn-empty-state-max-width-md: var(--stn-size-360);
+  --stn-empty-state-max-width-lg: var(--stn-size-400);
+  --stn-empty-state-icon-size-sm: var(--stn-size-40);
+  --stn-empty-state-icon-size-md: var(--stn-size-56);
+  --stn-empty-state-icon-size-lg: var(--stn-size-72);
+  --stn-empty-state-graphic-width-sm: var(--stn-size-80);
+  --stn-empty-state-graphic-height-sm: var(--stn-size-60);
+  --stn-empty-state-graphic-width-md: var(--stn-size-140);
+  --stn-empty-state-graphic-height-md: var(--stn-size-90);
+  --stn-empty-state-graphic-width-lg: var(--stn-size-200);
+  --stn-empty-state-graphic-height-lg: var(--stn-size-140);
+  --stn-table-empty-min-height: var(--stn-size-220);
+  --stn-stepper-node-size-xs: var(--stn-size-24);
+  --stn-stepper-node-size-sm: var(--stn-size-28);
+  --stn-stepper-node-size-md: var(--stn-size-32);
+  --stn-stepper-node-size-lg: var(--stn-size-40);
+  --stn-stepper-node-size-xl: var(--stn-size-48);
+  --stn-stepper-icon-size-xs: var(--stn-size-12);
+  --stn-stepper-icon-size-sm: var(--stn-size-14);
+  --stn-stepper-icon-size-md: var(--stn-size-16);
+  --stn-stepper-icon-size-lg: var(--stn-size-20);
+  --stn-stepper-icon-size-xl: var(--stn-size-24);
+  --stn-stepper-line-thickness-xs: var(--stn-size-1);
+  --stn-stepper-line-thickness-sm: var(--stn-size-2);
+  --stn-stepper-line-thickness-md: var(--stn-size-2);
+  --stn-stepper-line-thickness-lg: var(--stn-size-2);
+  --stn-stepper-line-thickness-xl: var(--stn-size-3);
+  --stn-stepper-node-border-width: var(--stn-size-1);
+  --stn-stepper-node-border-width-active: var(--stn-size-2);
+  --stn-stepper-node-ring-width: var(--stn-size-3);
 }

package/styles/tokens/stn-size.css

@@ -9,6 +9,7 @@
 :root {
   --stn-size-1: 1px;
   --stn-size-2: 2px;
+  --stn-size-3: 3px;
   --stn-size-4: 4px;
   --stn-size-6: 6px;
   --stn-size-8: 8px;

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

@@ -297,4 +297,59 @@
   --stn-topology-minimap-padding-x: var(--stn-space-10);
   --stn-topology-minimap-btn-padding-x: var(--stn-space-4);
   --stn-topology-minimap-content-margin-top: var(--stn-space-4);
+  --stn-chart-grid-inset-top: var(--stn-space-10);
+  --stn-chart-grid-inset-bottom: var(--stn-space-44);
+  --stn-chart-grid-inset-bottom-horizontal: var(--stn-space-24);
+  --stn-chart-grid-inset-bottom-combo: var(--stn-space-24);
+  --stn-chart-grid-inset-bottom-compact: var(--stn-space-6);
+  --stn-chart-grid-row-gap: var(--stn-space-8);
+  --stn-chart-col-padding-x: var(--stn-space-2);
+  --stn-chart-col-bars-gap: var(--stn-space-2);
+  --stn-chart-label-offset-top: var(--stn-space-4);
+  --stn-chart-row-padding-y: var(--stn-space-2);
+  --stn-chart-row-padding-x: var(--stn-space-4);
+  --stn-chart-row-padding-compact-y: var(--stn-space-1);
+  --stn-chart-row-label-padding-right: var(--stn-space-8);
+  --stn-chart-row-track-gap: var(--stn-space-2);
+  --stn-chart-row-val-margin-left: var(--stn-space-8);
+  --stn-chart-legend-padding-x: var(--stn-space-12);
+  --stn-chart-legend-padding-y: var(--stn-space-8);
+  --stn-chart-legend-margin-top: var(--stn-space-8);
+  --stn-chart-legend-gap: var(--stn-space-16);
+  --stn-chart-legend-item-gap: var(--stn-space-6);
+  --stn-chart-gauge-legend-gap-x: var(--stn-space-12);
+  --stn-chart-gauge-legend-gap-y: var(--stn-space-6);
+  --stn-chart-gauge-legend-item-gap: var(--stn-space-4);
+  --stn-chart-gauge-legend-margin-top: var(--stn-space-8);
+  --stn-chart-line-axis-y-bottom: var(--stn-space-14);
+  --stn-chart-line-axis-x-padding-left: calc(var(--stn-size-36) + var(--stn-space-2));
+  --stn-chart-line-axis-x-padding-right: var(--stn-space-5);
+  --stn-chart-line-axis-x-margin-top: var(--stn-space-4);
+  --stn-chart-tooltip-padding-x: var(--stn-space-10);
+  --stn-chart-tooltip-padding-y: var(--stn-space-6);
+  --stn-chart-tooltip-gap: var(--stn-space-4);
+  --stn-chart-tooltip-offset-y: var(--stn-space-10);
+  --stn-chart-tooltip-row-gap: var(--stn-space-6);
+  --stn-chart-tooltip-group-gap: var(--stn-space-4);
+  --stn-chart-tooltip-val-margin-left: var(--stn-space-8);
+  --stn-chart-combo-axis-y-padding: var(--stn-space-6);
+  --stn-chart-combo-col-padding-x: var(--stn-space-4);
+  --stn-widget-grade-row-list-gap: var(--stn-space-12);
+  --stn-widget-grade-row-grid-gap-y: var(--stn-space-14);
+  --stn-widget-grade-row-grid-gap-x: var(--stn-space-24);
+  --stn-widget-grade-row-gap: var(--stn-space-12);
+  --stn-widget-grade-row-padding-y: var(--stn-space-4);
+  --stn-widget-grade-row-label-gap: var(--stn-space-6);
+  --stn-widget-grade-row-right-gap: var(--stn-space-8);
+  --stn-empty-state-gap-sm: var(--stn-space-12);
+  --stn-empty-state-gap-md: var(--stn-space-16);
+  --stn-empty-state-gap-lg: var(--stn-space-24);
+  --stn-empty-state-body-gap: var(--stn-space-8);
+  --stn-empty-state-actions-gap: var(--stn-space-8);
+  --stn-empty-state-padding-sm: var(--stn-space-16);
+  --stn-empty-state-padding-md: var(--stn-space-24);
+  --stn-empty-state-padding-lg: var(--stn-space-32);
+  --stn-empty-state-page-padding-y: var(--stn-space-48);
+  --stn-table-empty-cell-padding-y: var(--stn-space-32);
+  --stn-table-empty-cell-padding-x: var(--stn-space-16);
 }

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

@@ -67,6 +67,9 @@
   --stn-text-caption-medium-size: var(--stn-font-size-12);
   --stn-text-caption-medium-weight: var(--stn-font-weight-regular);
   --stn-text-caption-medium-line-height: var(--stn-line-height-reading-3);
+  --stn-text-caption-small-size: var(--stn-font-size-11);
+  --stn-text-caption-small-weight: var(--stn-font-weight-regular);
+  --stn-text-caption-small-line-height: var(--stn-line-height-reading-3);
   --stn-text-caption-size: var(--stn-text-caption-medium-size);
   --stn-text-field-label-size: var(--stn-text-body-small-size);
   --stn-text-field-label-weight: var(--stn-font-weight-medium);

package/styles/tokens/stn-typography.css

@@ -9,6 +9,8 @@
 :root {
   --stn-font-family-pretendard: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
   --stn-font-size-base: 16px;
+  --stn-font-size-base-lg: 15px;
+  --stn-font-size-base-md: 14px;
   --stn-font-size-52: calc(var(--stn-font-size-base) * 52 / 16);
   --stn-font-size-48: calc(var(--stn-font-size-base) * 48 / 16);
   --stn-font-size-44: calc(var(--stn-font-size-base) * 44 / 16);
@@ -82,3 +84,17 @@
   --stn-line-height-px-188: 188px;
   --stn-line-height-px-300: 300px;
 }
+
+/* Responsive font scale · < xl(1440) → base-lg */
+@media (max-width: 1439px) {
+  :root {
+    --stn-font-size-base: var(--stn-font-size-base-lg);
+  }
+}
+
+/* Responsive font scale · < lg(1280) → base-md (floor: no further shrink below md) */
+@media (max-width: 1279px) {
+  :root {
+    --stn-font-size-base: var(--stn-font-size-base-md);
+  }
+}

package/dist/chunk-6FEWLKVE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnTypography.ts"],"sourcesContent":["/**\n * Foundations Typography — primitives + semantic (KT-style roles, Pub px)\n * Pub 런타임: font-family.pretendard = font.css Pretendard (CDN)\n */\n\nexport type StnTypographyPrimitiveRow = {\n  token: string\n  cssVar: `--${string}`\n  value: string\n  note?: string\n}\n\nexport type StnTypographySemanticRow = {\n  token: string\n  cssVar: `--${string}`\n  resolvesTo: string\n  sampleClass?: string\n  usage: string\n}\n\nfunction row(\n  group: string,\n  name: string,\n  value: string,\n  note?: string,\n): StnTypographyPrimitiveRow {\n  const slug = name.replace(/\\./g, '-')\n  return {\n    token: `pub.${group}.${name}`,\n    cssVar: `--stn-${group}-${slug}` as `--${string}`,\n    value,\n    note,\n  }\n}\n\n/** Figma primitive — font-size (values scale from --stn-font-size-base) */\nexport const STN_FONT_SIZE_ROWS: StnTypographyPrimitiveRow[] = [\n  row('font-size', 'base', '16px', '스케일 루트 · 이 값만 바꾸면 전체 비율 스케일'),\n  row('font-size', '60', 'calc(base × 60/16)'),\n  row('font-size', '45', 'calc(base × 45/16)', 'Pub 대시보드'),\n  row('font-size', '42', 'calc(base × 42/16)', 'DS 랜딩'),\n  row('font-size', '40', 'calc(base × 40/16)'),\n  row('font-size', '36', 'calc(base × 36/16)'),\n  row('font-size', '32', 'calc(base × 32/16)'),\n  row('font-size', '30', 'calc(base × 30/16)', 'Pub 대시보드'),\n  row('font-size', '28', 'calc(base × 28/16)', 'Pub · DS 마케팅'),\n  row('font-size', '26', 'calc(base × 26/16)', 'Pub 대시보드'),\n  row('font-size', '25', 'calc(base × 25/16)', 'Pub 대시보드'),\n  row('font-size', '24', 'calc(base × 24/16)'),\n  row('font-size', '22', 'calc(base × 22/16)'),\n  row('font-size', '21', 'calc(base × 21/16)', 'Pub 대시보드'),\n  row('font-size', '20', 'calc(base × 20/16)'),\n  row('font-size', '19', 'calc(base × 19/16)', 'Pub 대시보드 보조'),\n  row('font-size', '18', 'calc(base × 18/16)'),\n  row('font-size', '17', 'calc(base × 17/16)'),\n  row('font-size', '16', 'var(--stn-font-size-base)'),\n  row('font-size', '15', 'calc(base × 15/16)'),\n  row('font-size', '14', 'calc(base × 14/16)'),\n  row('font-size', '13', 'calc(base × 13/16)'),\n  row('font-size', '12', 'calc(base × 12/16)'),\n  row('font-size', '11', 'calc(base × 11/16)', 'GNB 알림센터 등급 태그'),\n  row('font-size', '10', 'calc(base × 10/16)'),\n  row('font-size', '9', 'calc(base × 9/16)', '문서 미니 라벨'),\n  row('font-size', '8', 'calc(base × 8/16)', '문서 미니 라벨'),\n]\n\nexport const STN_FONT_WEIGHT_ROWS: StnTypographyPrimitiveRow[] = [\n  row('font-weight', 'bold', '700', 'Pretendard Bold'),\n  row('font-weight', 'semibold', '600', 'Pretendard SemiBold'),\n  row('font-weight', 'medium', '500', 'Pretendard Medium'),\n  row('font-weight', 'regular', '400', 'Pretendard Regular'),\n]\n\nexport const STN_LINE_HEIGHT_ROWS: StnTypographyPrimitiveRow[] = [\n  row('line-height', 'default', '148%', '→ 1.48'),\n  row('line-height', 'reading-1', '170%', '→ 1.7'),\n  row('line-height', 'reading-2', '158%', '→ 1.58'),\n  row('line-height', 'reading-3', '130%', '→ 1.3'),\n  row('line-height', 'none', '0', '아이콘·히든'),\n  row('line-height', 'tight', '1', '한 줄 라벨'),\n  row('line-height', 'compact', '1.12', 'Pub 버튼'),\n  row('line-height', 'snug', '1.25', 'DS 문서'),\n  row('line-height', 'dense', '0.9', 'Pub 태그'),\n]\n\nexport const STN_FONT_FAMILY_ROWS: StnTypographyPrimitiveRow[] = [\n  {\n    token: 'pub.font-family.pretendard',\n    cssVar: '--stn-font-family-pretendard',\n    value: 'Pretendard',\n    note: 'font.css · CDN Pretendard (jsDelivr v1.3.9)',\n  },\n]\n\nexport const STN_TYPOGRAPHY_PRIMITIVE_GROUPS = [\n  { id: 'font-family', label: 'font-family', rows: STN_FONT_FAMILY_ROWS },\n  { id: 'font-size', label: 'font-size', rows: STN_FONT_SIZE_ROWS },\n  { id: 'font-weight', label: 'font-weight', rows: STN_FONT_WEIGHT_ROWS },\n  { id: 'line-height', label: 'line-height', rows: STN_LINE_HEIGHT_ROWS },\n] as const\n\n/** Canonical semantic text roles (KT taxonomy · Pub px). Use CSS vars in component styles. */\nexport const STN_TYPOGRAPHY_SEMANTIC_ROWS: StnTypographySemanticRow[] = [\n  {\n    token: 'pub.font.display',\n    cssVar: '--stn-font-display',\n    resolvesTo: 'var(--stn-font-family-pretendard)',\n    usage: '디스플레이 역할 패밀리',\n  },\n  {\n    token: 'pub.font.body',\n    cssVar: '--stn-font-body',\n    resolvesTo: 'var(--stn-font-family-pretendard)',\n    usage: '본문·UI 역할 패밀리 · body reset',\n  },\n  {\n    token: 'pub.text.display.xlarge',\n    cssVar: '--stn-text-display-xlarge-*',\n    resolvesTo: '{font-size.60} / bold / 1.3',\n    usage: '최상위 헤드라인 (PC)',\n  },\n  {\n    token: 'pub.text.display.large',\n    cssVar: '--stn-text-display-large-*',\n    resolvesTo: '{font-size.40} / bold / 1.3',\n    sampleClass: 'stn-typo-display-xl',\n    usage: '메인 타이틀 · 히어로',\n  },\n  {\n    token: 'pub.text.display.medium',\n    cssVar: '--stn-text-display-medium-*',\n    resolvesTo: '{font-size.36} / bold / 1.48',\n    usage: '강조형 헤드라인',\n  },\n  {\n    token: 'pub.text.heading.large',\n    cssVar: '--stn-text-heading-large-*',\n    resolvesTo: '{font-size.32} / bold / 1.48',\n    sampleClass: 'stn-typo-display-lg',\n    usage: '페이지 상위 제목',\n  },\n  {\n    token: 'pub.text.heading.medium',\n    cssVar: '--stn-text-heading-medium-*',\n    resolvesTo: '{font-size.24} / bold / 1.48',\n    sampleClass: 'stn-typo-display-md',\n    usage: '하위 제목 · 위젯·카드 헤드라인',\n  },\n  {\n    token: 'pub.text.heading.small',\n    cssVar: '--stn-text-heading-small-*',\n    resolvesTo: '{font-size.22} / bold / 1.48',\n    usage: '소제목 · 그룹 제목',\n  },\n  {\n    token: 'pub.text.title.large',\n    cssVar: '--stn-text-title-large-*',\n    resolvesTo: '{font-size.20} / bold / 1.48',\n    usage: '콘텐츠 타이틀',\n  },\n  {\n    token: 'pub.text.title.medium',\n    cssVar: '--stn-text-title-medium-*',\n    resolvesTo: '{font-size.18} / bold / 1.48',\n    sampleClass: 'stn-typo-title-lg',\n    usage: '모달·패널 타이틀 · 알림센터 헤더',\n  },\n  {\n    token: 'pub.text.title.small',\n    cssVar: '--stn-text-title-small-*',\n    resolvesTo: '{font-size.16} / medium / 1.48',\n    usage: '서브 타이틀 · 앱 헤더',\n  },\n  {\n    token: 'pub.text.body.large',\n    cssVar: '--stn-text-body-large-*',\n    resolvesTo: '{font-size.16} / regular / 1.48',\n    usage: '본문 (PC 권장)',\n  },\n  {\n    token: 'pub.text.body.medium',\n    cssVar: '--stn-text-body-medium-*',\n    resolvesTo: '{font-size.14} / regular / 1.48',\n    sampleClass: 'stn-typo-body-md',\n    usage: 'Pub reset 기본 본문 · 테이블·폼',\n  },\n  {\n    token: 'pub.text.body.small',\n    cssVar: '--stn-text-body-small-*',\n    resolvesTo: '{font-size.13} / regular / 1.48',\n    usage: '본문 소형 · 테이블·목록 다수',\n  },\n  {\n    token: 'pub.text.label.large',\n    cssVar: '--stn-text-label-large-*',\n    resolvesTo: '{font-size.17} / medium / 1.48',\n    usage: '버튼 라벨 (PC)',\n  },\n  {\n    token: 'pub.text.label.medium',\n    cssVar: '--stn-text-label-medium-*',\n    resolvesTo: '{font-size.15} / medium / 1.48',\n    usage: '버튼 · 입력 폼 라벨',\n  },\n  {\n    token: 'pub.text.label.small',\n    cssVar: '--stn-text-label-small-*',\n    resolvesTo: '{font-size.13} / medium / 1.48',\n    usage: '입력 레이블 · GNB 2Depth',\n  },\n  {\n    token: 'pub.text.label.xsmall',\n    cssVar: '--stn-text-label-xsmall-*',\n    resolvesTo: '{font-size.10} / medium / 1',\n    usage: '바텀 아이콘 레이블',\n  },\n  {\n    token: 'pub.text.caption.large',\n    cssVar: '--stn-text-caption-large-*',\n    resolvesTo: '{font-size.14} / regular / 1.3',\n    usage: '캡션 대형 · 로그인 카드 서브캡션',\n  },\n  {\n    token: 'pub.text.caption.medium',\n    cssVar: '--stn-text-caption-medium-*',\n    resolvesTo: '{font-size.12} / regular / 1.3',\n    sampleClass: 'stn-typo-body-sm',\n    usage: '캡션 · 툴팁 · 알림센터 목록',\n  },\n]\n\nexport function typographyPrimitivesToJson(): Record<string, string> {\n  const out: Record<string, string> = {}\n  for (const g of STN_TYPOGRAPHY_PRIMITIVE_GROUPS) {\n    for (const r of g.rows) {\n      out[r.token] = r.value\n    }\n  }\n  return out\n}\n\nexport function typographySemanticsToJson(): Record<\n  string,\n  { css: string; resolvesTo: string; usage: string }\n> {\n  const out: Record<string, { css: string; resolvesTo: string; usage: string }> = {}\n  for (const r of STN_TYPOGRAPHY_SEMANTIC_ROWS) {\n    out[r.token] = {\n      css: r.cssVar,\n      resolvesTo: r.resolvesTo,\n      usage: r.usage,\n    }\n  }\n  return out\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DGZVOSEM.js

@@ -1,7 +0,0 @@
-// src/data/stnChart.ts
-var STN_CHART_INTRO = "\uC704\uC82F \uC178(`StnWidget`) \uC548\uC5D0 \uB123\uB294 \uCC28\uD2B8\xB7\uB9C9\uB300\xB7\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.";
-
-export {
-  STN_CHART_INTRO
-};
-//# sourceMappingURL=chunk-DGZVOSEM.js.map

package/dist/chunk-DGZVOSEM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnChart.ts"],"sourcesContent":["/** Components → Chart — 대시보드 본문 차트·현황 블록 */\nexport const STN_CHART_INTRO =\n  '위젯 셸(`StnWidget`) 안에 넣는 차트·막대·현황 본문입니다. Patterns → Widget은 셸 + Chart 조합으로 실제 대시보드 위젯을 보여 줍니다.'\n"],"mappings":";AACO,IAAM,kBACX;","names":[]}

package/dist/chunk-N46UQH6L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components.ts"],"sourcesContent":["/**\n * STN Pub UI — component catalog (class-based HTML/CSS; React wrappers TBD)\n */\nexport type StnUiComponentId =\n  | 'button'\n  | 'chip'\n  | 'side-navigation'\n  | 'popup'\n  | 'pagination'\n  | 'data-table'\n  | 'tree'\n\nexport type StnUiFoundationId =\n  | 'color'\n  | 'typography'\n  | 'elevation'\n  | 'space'\n  | 'spacing-semantic'\n  | 'radius'\n  | 'radius-semantic'\n  | 'gradients'\n\nexport type StnUiEntry = {\n  id: StnUiComponentId | StnUiFoundationId\n  kind: 'component' | 'foundation'\n  label: string\n  /** Pub HTML class prefix or shell selector */\n  pubSelector: string\n  /** CSS entry paths (package exports) */\n  styles: string[]\n  /** Spec module under @stn-uiux/pub-ui/data */\n  dataModule?: string\n  status: 'implemented' | 'partial' | 'planned'\n}\n\nexport const STN_UI_COMPONENTS: StnUiEntry[] = [\n  {\n    id: 'button',\n    kind: 'component',\n    label: 'Button',\n    pubSelector: '.stn-btn',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnButtonStates',\n    status: 'implemented',\n  },\n  {\n    id: 'chip',\n    kind: 'component',\n    label: 'Chip',\n    pubSelector: '.stn-badge, .tag.critic, .error_tag',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubChip',\n    status: 'implemented',\n  },\n  {\n    id: 'side-navigation',\n    kind: 'component',\n    label: 'Side Navigation',\n    pubSelector: '.stn-side-nav',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnSideNavigation',\n    status: 'implemented',\n  },\n  {\n    id: 'popup',\n    kind: 'component',\n    label: 'Popup',\n    pubSelector: '.stn-pop',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubPopup',\n    status: 'implemented',\n  },\n  {\n    id: 'pagination',\n    kind: 'component',\n    label: 'Pagination',\n    pubSelector: '.stn-pagination',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubPagination',\n    status: 'implemented',\n  },\n  {\n    id: 'data-table',\n    kind: 'component',\n    label: 'Data Table',\n    pubSelector: '.stn-table',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubTable',\n    status: 'implemented',\n  },\n  {\n    id: 'tree',\n    kind: 'component',\n    label: 'Tree',\n    pubSelector: '.stn-tree',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubTree',\n    status: 'implemented',\n  },\n]\n\nexport const STN_UI_FOUNDATIONS: StnUiEntry[] = [\n  {\n    id: 'color',\n    kind: 'foundation',\n    label: 'Color',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubColorPalette',\n    status: 'implemented',\n  },\n  {\n    id: 'typography',\n    kind: 'foundation',\n    label: 'Typography',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubTypography',\n    status: 'implemented',\n  },\n  {\n    id: 'elevation',\n    kind: 'foundation',\n    label: 'Elevation',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubElevation',\n    status: 'implemented',\n  },\n  {\n    id: 'space',\n    kind: 'foundation',\n    label: 'Space',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubSpace',\n    status: 'implemented',\n  },\n  {\n    id: 'spacing-semantic',\n    kind: 'foundation',\n    label: 'Spacing (semantic)',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubSpacingSemantic',\n    status: 'implemented',\n  },\n  {\n    id: 'radius',\n    kind: 'foundation',\n    label: 'Radius',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubRadius',\n    status: 'implemented',\n  },\n  {\n    id: 'radius-semantic',\n    kind: 'foundation',\n    label: 'Radius (semantic)',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubRadiusSemantic',\n    status: 'implemented',\n  },\n  {\n    id: 'gradients',\n    kind: 'foundation',\n    label: 'Gradients',\n    pubSelector: ':root',\n    styles: ['@stn-uiux/pub-ui/styles.css'],\n    dataModule: '@stn-uiux/pub-ui/data/stnPubGradients',\n    status: 'implemented',\n  },\n]\n\nexport const STN_UI_CATALOG = [...STN_UI_FOUNDATIONS, ...STN_UI_COMPONENTS]\n"],"mappings":"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","names":[]}

package/dist/chunk-PSVPO4FH.js

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

package/dist/chunk-PSVPO4FH.js.map

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

package/dist/chunk-WKQLAHIG.js

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

package/dist/chunk-YBNEQ5LB.js

@@ -1,75 +0,0 @@
-import {
-  STN_DATE_RANGE_FIELD_HTML
-} from "./chunk-5F63CMM7.js";
-
-// src/data/stnDatePicker.ts
-var STN_DATE_PICKER_NAME = "Date range picker";
-var STN_DATE_PICKER_KO_NAME = "\uAE30\uAC04 \uC120\uD0DD \uB2EC\uB825";
-var 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 \xB7 \uBC94\uC704 \uD558\uC774\uB77C\uC774\uD2B8 \xB7 \uC2DC\xB7\uBD84\xB7\uCD08(optional) \xB7 \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` \xB7 \uD31D\uC5C5\uB9CC \uC4F0\uB824\uBA74 `StnDateRangePicker`. Pub HTML `ant-picker-dropdown` \xB7 `--calendar-*` \uD1A0\uD070.";
-var STN_DATE_PICKER_PART_ROWS = [
-  {
-    part: "Trigger",
-    component: "StnDateRangeField",
-    note: "\uAE30\uAC04 \uD45C\uC2DC + \uB2EC\uB825 \uC544\uC774\uCF58 \xB7 TextField S/M/L \uC2A4\uCF00\uC77C"
-  },
-  {
-    part: "Field + popup",
-    component: "StnDateRangePickerField",
-    note: "\uD2B8\uB9AC\uAC70 + portal \uD31D\uC5C5 \xB7 \uAC80\uC0C9\uC870\uAC74 \uB4F1 \uAE30\uBCF8 \uC0AC\uC6A9"
-  },
-  {
-    part: "Panel only",
-    component: "StnDateRangePicker",
-    note: "\uB2EC\uB825\xB7\uC2DC\uAC04\xB7\uD655\uC778 UI\uB9CC \xB7 \uCEE4\uC2A4\uD140 \uC575\uCEE4\uC5D0 \uC5F0\uACB0"
-  }
-];
-var STN_DATE_PICKER_SPEC = [
-  { property: "Calendar", value: "2 months side-by-side", note: "\uBC94\uC704 \uC120\uD0DD \xB7 in-range \uD558\uC774\uB77C\uC774\uD2B8" },
-  { property: "Time", value: "optional `showTime`", note: "\uC2DC\xB7\uBD84\xB7\uCD08 \uCEEC\uB7FC" },
-  { property: "Apply", value: "\uD655\uC778 button", note: "\uC801\uC6A9 \uD6C4 \uD31D\uC5C5 \uB2EB\uAE30" },
-  { property: "CSS", value: "stn-date-picker.css", note: "--calendar-* \uD1A0\uD070" }
-];
-var STN_DATE_PICKER_USAGE = `import { StnDateRangePickerField } from '@stn-uiux/pub-ui-react'
-
-const [range, setRange] = useState({
-  start: new Date('2024-02-07T09:22:34'),
-  end: new Date('2024-03-07T09:22:34'),
-})
-
-<StnDateRangePickerField
-  size="M"
-  value={range}
-  onChange={setRange}
-  showTime
-  aria-label="Search period"
-/>`;
-var STN_DATE_PICKER_USAGE_HTML = `${STN_DATE_RANGE_FIELD_HTML}
-
-<!-- \uB2EC\uB825 \uD328\uB110 \u2014 stn-date-picker.css \xB7 ant-picker-dropdown -->
-<div class="stn-date-picker ant-picker-dropdown" role="dialog" aria-label="\uAE30\uAC04 \uC120\uD0DD">
-  <!-- 2-month calendar \xB7 showTime columns \xB7 \uD655\uC778 button -->
-</div>`;
-var STN_DATE_PICKER_PANEL_USAGE = `import { StnDateRangePicker } from '@stn-uiux/pub-ui-react'
-
-<StnDateRangePicker
-  open
-  value={{ start, end }}
-  onChange={setDraft}
-  onApply={(next) => { setRange(next); setOpen(false) }}
-  onClose={() => setOpen(false)}
-  showTime
-/>`;
-var STN_DATE_PICKER_WEEKDAYS = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"];
-
-export {
-  STN_DATE_PICKER_NAME,
-  STN_DATE_PICKER_KO_NAME,
-  STN_DATE_PICKER_INTRO,
-  STN_DATE_PICKER_PART_ROWS,
-  STN_DATE_PICKER_SPEC,
-  STN_DATE_PICKER_USAGE,
-  STN_DATE_PICKER_USAGE_HTML,
-  STN_DATE_PICKER_PANEL_USAGE,
-  STN_DATE_PICKER_WEEKDAYS
-};
-//# sourceMappingURL=chunk-YBNEQ5LB.js.map

package/dist/chunk-YBNEQ5LB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnDatePicker.ts"],"sourcesContent":["import { STN_DATE_RANGE_FIELD_HTML } from './stnDateRangeField'\n\nexport type StnDateRange = {\n  start: Date | null\n  end: Date | null\n}\n\nexport const STN_DATE_PICKER_NAME = 'Date range picker'\n\nexport const STN_DATE_PICKER_KO_NAME = '기간 선택 달력'\n\nexport const STN_DATE_PICKER_INTRO =\n  '달력 아이콘 클릭 시 열리는 **기간 선택 팝업**입니다. 2개월 달력 · 범위 하이라이트 · 시·분·초(optional) · 확인 버튼. 트리거는 `StnDateRangeField`와 동일 스케일(S/M/L)이며, 통합 조립은 `StnDateRangePickerField` · 팝업만 쓰려면 `StnDateRangePicker`. Pub HTML `ant-picker-dropdown` · `--calendar-*` 토큰.'\n\nexport const STN_DATE_PICKER_PART_ROWS = [\n  {\n    part: 'Trigger',\n    component: 'StnDateRangeField',\n    note: '기간 표시 + 달력 아이콘 · TextField S/M/L 스케일',\n  },\n  {\n    part: 'Field + popup',\n    component: 'StnDateRangePickerField',\n    note: '트리거 + portal 팝업 · 검색조건 등 기본 사용',\n  },\n  {\n    part: 'Panel only',\n    component: 'StnDateRangePicker',\n    note: '달력·시간·확인 UI만 · 커스텀 앵커에 연결',\n  },\n] as const\n\nexport const STN_DATE_PICKER_SPEC = [\n  { property: 'Calendar', value: '2 months side-by-side', note: '범위 선택 · in-range 하이라이트' },\n  { property: 'Time', value: 'optional `showTime`', note: '시·분·초 컬럼' },\n  { property: 'Apply', value: '확인 button', note: '적용 후 팝업 닫기' },\n  { property: 'CSS', value: 'stn-date-picker.css', note: '--calendar-* 토큰' },\n] as const\n\nexport 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/>`\n\nexport const STN_DATE_PICKER_USAGE_HTML = `${STN_DATE_RANGE_FIELD_HTML}\n\n<!-- 달력 패널 — stn-date-picker.css · ant-picker-dropdown -->\n<div class=\"stn-date-picker ant-picker-dropdown\" role=\"dialog\" aria-label=\"기간 선택\">\n  <!-- 2-month calendar · showTime columns · 확인 button -->\n</div>`\n\nexport 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/>`\n\nexport const STN_DATE_PICKER_WEEKDAYS = ['일', '월', '화', '수', '목', '금', '토'] as const\n"],"mappings":";;;;;AAOO,IAAM,uBAAuB;AAE7B,IAAM,0BAA0B;AAEhC,IAAM,wBACX;AAEK,IAAM,4BAA4B;AAAA,EACvC;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,EAAE,UAAU,YAAY,OAAO,yBAAyB,MAAM,yEAAyB;AAAA,EACvF,EAAE,UAAU,QAAQ,OAAO,uBAAuB,MAAM,0CAAW;AAAA,EACnE,EAAE,UAAU,SAAS,OAAO,uBAAa,MAAM,gDAAa;AAAA,EAC5D,EAAE,UAAU,OAAO,OAAO,uBAAuB,MAAM,4BAAkB;AAC3E;AAEO,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe9B,IAAM,6BAA6B,GAAG,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/D,IAAM,8BAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpC,IAAM,2BAA2B,CAAC,UAAK,UAAK,UAAK,UAAK,UAAK,UAAK,QAAG;","names":[]}