@sellmate/design-system 1.26.1 → 1.27.0

package/dist/esm/sd-action-modal.entry.js

@@ -1,14 +1,16 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
-import { m as modalTokens } from './component.modal-DOXMJi-V.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
+import { m as modalTokens } from './component.modal-Cw8yDfQh.js';
+import { o as overlayTokens } from './component.overlay-De0OtxK5.js';
 
 const { modal } = modalTokens;
 const action = modal.action;
+const overlayHeader = overlayTokens.overlay.header;
 const ACTION_MODAL_LAYOUT = {
     radius: Number(modal.radius),
     bg: modal.bg,
-    headerPaddingX: Number(action.header.paddingX),
-    headerPaddingY: Number(action.header.paddingY),
-    headerGap: Number(action.header.gap),
+    headerPaddingX: Number(overlayHeader.paddingX),
+    headerPaddingY: Number(overlayHeader.paddingY),
+    headerGap: Number(overlayHeader.gap),
     bodyPaddingX: Number(action.body.paddingX),
     bodyPaddingBottom: Number(action.body.paddingBottom),
     footerPaddingX: Number(action.footer.paddingX),
@@ -18,11 +20,11 @@ const ACTION_MODAL_LAYOUT = {
     footerBorder: action.footer.border,
 };
 const ACTION_MODAL_TITLE = {
-    color: action.title.color,
-    fontFamily: action.title.typography.fontFamily,
-    fontWeight: action.title.typography.fontWeight,
-    fontSize: Number(action.title.typography.fontSize),
-    lineHeight: Number(action.title.typography.lineHeight),
+    color: overlayHeader.title.color,
+    fontFamily: overlayHeader.title.typography.fontFamily,
+    fontWeight: overlayHeader.title.typography.fontWeight,
+    fontSize: Number(overlayHeader.title.typography.fontSize),
+    lineHeight: Number(overlayHeader.title.typography.lineHeight),
 };
 
 const sdActionModalCss = () => `sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer-sub{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}`;

package/dist/esm/sd-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, h } from './index-BwIs2-fm.js';
 
 const badge = {
 	red: "#FB4444",

package/dist/esm/sd-barcode-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 import { n as nanoid } from './index-CCwNgVmC.js';
 import { i as inputTokens } from './component.textinput-e0ABNkP6.js';
 

package/dist/esm/{sd-button.config-DjcjlPt7.js → sd-button.config-ClMlDGkX.js}

@@ -88,8 +88,7 @@ const button = {
 			border: "#E30000",
 			content: "#E30000"
 		}
-	}
-};
+	}};
 var buttonTokens = {
 	button: button
 };

package/dist/esm/sd-button_2.entry.js

@@ -1,5 +1,5 @@
-import { h, r as registerInstance, c as createEvent } from './index-BZ5lcC25.js';
-import { i as isButtonName, g as getPresetName, B as BUTTON_CONFIG, a as BUTTON_ICON_SIZES, b as BUTTON_FOCUS_RING_COLOR, P as PRESET_ICON_COLORS, c as PRESET_TEXT_COLORS, d as PRESET_BORDER_COLORS, e as PRESET_HOVER_BACKGROUNDS } from './sd-button.config-DjcjlPt7.js';
+import { h, r as registerInstance, c as createEvent } from './index-BwIs2-fm.js';
+import { i as isButtonName, g as getPresetName, B as BUTTON_CONFIG, a as BUTTON_ICON_SIZES, b as BUTTON_FOCUS_RING_COLOR, P as PRESET_ICON_COLORS, c as PRESET_TEXT_COLORS, d as PRESET_BORDER_COLORS, e as PRESET_HOVER_BACKGROUNDS } from './sd-button.config-ClMlDGkX.js';
 
 const Add = (props) => {
     const { size = 24, ...rest } = props;

package/dist/esm/sd-calendar_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 import { u as useDatePicker, t as today, W as WEEK_LABELS, C as CALENDAR_LAYOUT } from './useDatePicker-DoUg--aq.js';
 import { a as DATEPICKER_SIZE_MAP, D as DATEPICKER_COLORS } from './sd-date-picker.config-6dvDZPGx.js';
 import './component.datepicker-laVsm9VM.js';

package/dist/esm/sd-callout.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, h } from './index-BwIs2-fm.js';
 import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
 
 const callout$1 = {

package/dist/esm/sd-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment } from './index-BZ5lcC25.js';
+import { r as registerInstance, h, F as Fragment } from './index-BwIs2-fm.js';
 
 const sdCardCss = () => `sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}`;
 

package/dist/esm/sd-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 
 const checkbox = {
 	size: "16",

package/dist/esm/sd-chip-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 import { n as nanoid } from './index-CCwNgVmC.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 import { l as listBoxTokens, a as listItemTokens } from './component.listItem-U8VaRj9c.js';

package/dist/esm/sd-chip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 import { C as CHIP_TYPOGRAPHY, a as CHIP_COLORS, b as CHIP_LAYOUT } from './sd-chip.config-ITP9Focx.js';
 
 const sdChipCss = () => `sd-chip{display:inline-flex;width:fit-content;max-width:100%;height:fit-content}sd-chip .sd-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-chip-gap);max-width:100%;height:var(--sd-chip-height);padding:0 var(--sd-chip-padding-x);border-radius:var(--sd-chip-radius);background:var(--sd-chip-bg);color:var(--sd-chip-content);border:var(--sd-chip-border-width) solid var(--sd-chip-border-color);font-family:var(--sd-chip-font-family);font-size:var(--sd-chip-font-size);font-weight:var(--sd-chip-font-weight);line-height:var(--sd-chip-line-height);box-sizing:border-box;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none}sd-chip .sd-chip--editable:not(.sd-chip--focus){cursor:text}sd-chip .sd-chip--disabled{cursor:not-allowed;opacity:0.6}sd-chip .sd-chip__label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis}sd-chip .sd-chip__input{display:inline-block;min-width:1ch;outline:none;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:text}sd-chip .sd-chip__input:empty::before{content:attr(data-placeholder);color:inherit;opacity:0.6;pointer-events:none}sd-chip .sd-chip__remove{flex-shrink:0}`;

package/dist/esm/sd-circle-progress.entry.js

@@ -1,24 +1,14 @@
-import { r as registerInstance, h, H as Host } from './index-BZ5lcC25.js';
-import { p as progressTokens } from './component.progress-D1vaasIp.js';
+import { r as registerInstance, h, H as Host } from './index-BwIs2-fm.js';
+import { p as progressTokens } from './component.progress-BG5nGnBi.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 
-const spinner = {
-	color: {
-		track: "#EEEEEE",
-		arc: "#2D8DFF"
-	}
-};
-var spinnerTokens = {
-	spinner: spinner
-};
-
 const CIRCLE_PROGRESS_LABEL_COLOR = progressTokens.progress.color.label;
 const CIRCLE_PROGRESS_PERCENT_ZERO_COLOR = systemTokens.color.fg.tertiary;
 // TODO: error/complete 색상 및 inverse 흰색은 토큰 반영 후 교체
 const CIRCLE_PROGRESS_COLOR_MAP = {
     primary: {
-        arc: spinnerTokens.spinner.color.arc,
-        track: spinnerTokens.spinner.color.track,
+        arc: progressTokens.progress.active.color,
+        track: progressTokens.progress.color.track,
     },
     inverse: {
         arc: '#FFFFFF',
@@ -26,11 +16,11 @@ const CIRCLE_PROGRESS_COLOR_MAP = {
     },
     error: {
         arc: '#E30000',
-        track: spinnerTokens.spinner.color.track,
+        track: progressTokens.progress.color.track,
     },
     complete: {
         arc: '#01BB4B',
-        track: spinnerTokens.spinner.color.track,
+        track: progressTokens.progress.color.track,
     },
 };
 const CIRCLE_PROGRESS_VIEWBOX_SIZE = 80;

package/dist/esm/sd-confirm-modal_2.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BwIs2-fm.js';
 import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
-import { m as modalTokens } from './component.modal-DOXMJi-V.js';
+import { m as modalTokens } from './component.modal-Cw8yDfQh.js';
 
 const CONFIRM_MODAL_DEFAULT_BUTTON = {
     positive: 'primary_md',

package/dist/esm/sd-date-box.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 const sdDateBoxCss = () => `.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}`;
 

package/dist/esm/sd-date-picker_7.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 import { n as nanoid } from './index-CCwNgVmC.js';
 import { D as DATEPICKER_COLORS, a as DATEPICKER_SIZE_MAP } from './sd-date-picker.config-6dvDZPGx.js';
 import { i as inputTokens } from './component.textinput-e0ABNkP6.js';

package/dist/esm/sd-date-range-picker-calendar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BwIs2-fm.js';
 import { u as useDatePicker, t as today, W as WEEK_LABELS, C as CALENDAR_LAYOUT } from './useDatePicker-DoUg--aq.js';
 import { d as datepickerTokens } from './component.datepicker-laVsm9VM.js';
 

package/dist/esm/sd-divider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BZ5lcC25.js';
+import { r as registerInstance, h, H as Host } from './index-BwIs2-fm.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 
 const DIVIDER_COLORS = {

package/dist/esm/sd-dropdown-button.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
-import { B as BUTTON_CONFIG, g as getPresetName, f as buttonTokens, d as PRESET_BORDER_COLORS$1, P as PRESET_ICON_COLORS$1, c as PRESET_TEXT_COLORS$1, e as PRESET_HOVER_BACKGROUNDS$1, b as BUTTON_FOCUS_RING_COLOR } from './sd-button.config-DjcjlPt7.js';
+import { B as BUTTON_CONFIG, g as getPresetName, f as buttonTokens, d as PRESET_BORDER_COLORS$1, P as PRESET_ICON_COLORS$1, c as PRESET_TEXT_COLORS$1, e as PRESET_HOVER_BACKGROUNDS$1, b as BUTTON_FOCUS_RING_COLOR } from './sd-button.config-ClMlDGkX.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 
 class DropdownManager {

package/dist/esm/sd-field_3.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, a as getElement, h, c as createEvent, F as Fragment } from './index-BZ5lcC25.js';
+import { r as registerInstance, a as getElement, h, c as createEvent, F as Fragment } from './index-BwIs2-fm.js';
 import { f as fieldTokens } from './component.field-BOJJ_sQS.js';
-import { T as TooltipArrow } from './tooltipArrow-ByHjyr3Z.js';
+import { T as TooltipArrow } from './tooltipArrow-CJxhdfqT.js';
 
 const FIELD_ADDON_ALIGN_MAP = {
     start: 'flex-start',

package/dist/esm/sd-form.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 const SdForm = class {
     constructor(hostRef) {

package/dist/esm/sd-ghost-button_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BwIs2-fm.js';
 
 const ghostButton = {
 	xxs: {
@@ -55,8 +55,7 @@ const ghostButton = {
 		hover: {
 			bg: "#FFFFFF"
 		}
-	}
-};
+	}};
 var ghostButtonTokens = {
 	ghostButton: ghostButton
 };

package/dist/esm/sd-guide.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, a as getElement, h } from './index-BwIs2-fm.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
 

package/dist/esm/sd-key-value-table.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
-import { t as tableTokens } from './component.table-D6GUzecR.js';
+import { t as tableTokens } from './component.table-D9tQwTWy.js';
 
 const t = tableTokens.table;
 const KEY_VALUE_TABLE_LAYOUT = {
@@ -8,7 +8,7 @@ const KEY_VALUE_TABLE_LAYOUT = {
     thWidth: 120,
     borderRadius: Number(t.radius),
     thPaddingX: Number(t.header.paddingX),
-    padding: Number(t.keyValue.body.padding),
+    padding: Number(t.keyValue.body.paddingY),
     helpIconSize: 16,
     requiredIconSize: 12,
     gap: Number(t.header.gap),

package/dist/esm/sd-linear-progress.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-BZ5lcC25.js';
-import { p as progressTokens } from './component.progress-D1vaasIp.js';
+import { r as registerInstance, h, H as Host } from './index-BwIs2-fm.js';
+import { p as progressTokens } from './component.progress-BG5nGnBi.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 
 const LINEAR_PROGRESS_COLORS = {

package/dist/esm/sd-loading-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, h } from './index-BwIs2-fm.js';
 
 const sdLoadingContainerCss = () => `sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}`;
 

package/dist/esm/sd-modal-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, a as getElement, h } from './index-BwIs2-fm.js';
 import { u as unregisterModal, r as registerModal, s as setModalInteractive, i as isTopInteractiveModal, a as requestCloseForModal } from './modal-stack-DRVnqiWc.js';
 
 const sdModalContainerCss = () => `sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}`;

package/dist/esm/sd-pagination_4.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement, H as Host } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement, H as Host } from './index-BwIs2-fm.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
-import { a as TABLE_SELECTABLE_COLUMN_WIDTH, r as resolveTableIconColor, e as resolveSortIconName, c as TABLE_BORDER, f as TABLE_HEADER_RESIZING_BAR, g as TABLE_HEADER_TYPOGRAPHY, h as TABLE_HEADER_COLORS, i as TABLE_HEADER_LAYOUT, T as TABLE_BODY_LAYOUT, j as TABLE_SEPARATOR, b as TABLE_BODY_TYPOGRAPHY } from './sd-table.config-B3wuA5wX.js';
-import './component.table-D6GUzecR.js';
+import { a as TABLE_SELECTABLE_COLUMN_WIDTH, r as resolveTableIconColor, e as resolveSortIconName, c as TABLE_BORDER, f as TABLE_HEADER_RESIZING_BAR, g as TABLE_HEADER_TYPOGRAPHY, h as TABLE_HEADER_COLORS, i as TABLE_HEADER_LAYOUT, T as TABLE_BODY_LAYOUT, j as TABLE_SEPARATOR, b as TABLE_BODY_TYPOGRAPHY } from './sd-table.config-BbIWNUE2.js';
+import './component.table-D9tQwTWy.js';
 import './system-BJfiMC9H.js';
 
 const pagination = {

package/dist/esm/sd-popover.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, F as Fragment } from './index-BZ5lcC25.js';
-import { T as TooltipArrow } from './tooltipArrow-ByHjyr3Z.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, F as Fragment } from './index-BwIs2-fm.js';
+import { T as TooltipArrow } from './tooltipArrow-CJxhdfqT.js';
 
 const popover = {
 	"default": {

package/dist/esm/sd-popup.entry.js

@@ -1,4 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
+import { o as overlayTokens } from './component.overlay-De0OtxK5.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 
 const popup$1 = {
@@ -15,14 +16,7 @@ const popup$1 = {
 			fontFamily: "Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",
 			fontWeight: "700",
 			fontSize: "18",
-			lineHeight: "30"}
-	},
-	footer: {
-		bg: "#FFFFFF",
-		paddingX: "20",
-		paddingY: "8",
-		gap: "16"
-	},
+			lineHeight: "30"}},
 	bg: "#EEEEEE"
 };
 var popupTokens = {
@@ -30,6 +24,7 @@ var popupTokens = {
 };
 
 const { popup } = popupTokens;
+const { overlay } = overlayTokens;
 const shadowSpreadMd = systemTokens.shadow.spread.md;
 const POPUP_LAYOUT = {
     bodyBg: popup.bg,
@@ -52,10 +47,10 @@ const POPUP_HEADER = {
     paddingY: 10,
 };
 const POPUP_FOOTER = {
-    bg: popup.footer.bg,
-    paddingX: Number(popup.footer.paddingX),
-    paddingY: Number(popup.footer.paddingY),
-    gap: Number(popup.footer.gap),
+    bg: overlay.footer.bg.default,
+    paddingX: Number(overlay.footer.paddingX),
+    paddingY: Number(overlay.footer.paddingY),
+    gap: Number(overlay.footer.gap),
     height: 52,
     slotHeight: 36,
     shadow: `${shadowSpreadMd.x}px ${shadowSpreadMd.y}px ${shadowSpreadMd.blur}px ${shadowSpreadMd.spread}px ${shadowSpreadMd.color}`,

package/dist/esm/sd-radio-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 const radioButton = {
 	xs: {

package/dist/esm/sd-radio.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 const radio = {
 	size: "16",

package/dist/esm/sd-select-list-item_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 import { g as LIST_ITEM_LAYOUT, i as isHtmlLabel, h as LIST_ITEM_TYPOGRAPHY, j as LIST_ITEM_COLORS, k as SEARCH_DEBOUNCE_MS } from './sd-select.config-D6ktrl7E.js';
 import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
 import './component.listItem-U8VaRj9c.js';

package/dist/esm/sd-select_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 import { n as nanoid } from './index-CCwNgVmC.js';
 import { c as countLeaves, S as SEARCH_THRESHOLD, f as filterTree, i as isHtmlLabel, e as extractText, E as EMPTY_MESSAGE, L as LIST_BOX_LAYOUT, a as SELECT_COLORS, b as SELECT_TYPOGRAPHY, d as SELECT_LAYOUT } from './sd-select.config-D6ktrl7E.js';
 import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
@@ -312,7 +312,7 @@ const SdSelect = class {
 };
 SdSelect.style = sdSelectCss();
 
-const sdSelectListboxCss = () => `:host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}`;
+const sdSelectListboxCss = () => `:host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__list::-webkit-scrollbar{opacity:0;width:8px;background:#E5E5E5}:host .sd-select-listbox__list::-webkit-scrollbar:horizontal{height:8px}:host .sd-select-listbox__list::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}:host .sd-select-listbox__list::-webkit-scrollbar-track{background-color:#E5E5E5}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}`;
 
 const SdSelectListbox = class {
     constructor(hostRef) {

package/dist/esm/sd-switch.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 var switchTokens = {
 	"switch": {

package/dist/esm/{sd-table.config-B3wuA5wX.js → sd-table.config-BbIWNUE2.js}

@@ -1,4 +1,4 @@
-import { t as tableTokens } from './component.table-D6GUzecR.js';
+import { t as tableTokens } from './component.table-D9tQwTWy.js';
 import { s as systemTokens } from './system-BJfiMC9H.js';
 
 // ── Header Tokens ──
@@ -31,8 +31,8 @@ const TABLE_BODY_LAYOUT = {
         height: tableTokens.table.body.dense.height,
         paddingY: tableTokens.table.body.dense.paddingY,
     },
-    paddingX: tableTokens.table.body.paddingX,
-    framePadding: tableTokens.table.body.frame.padding,
+    paddingX: tableTokens.table.body.paddingX.default,
+    framePadding: tableTokens.table.body.paddingX.frame,
 };
 const TABLE_BODY_TYPOGRAPHY = {
     fontFamily: tableTokens.table.body.typography.fontFamily,

package/dist/esm/sd-table.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, a as getElement, d as readTask, f as forceUpdate, h, H as Host } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, d as readTask, f as forceUpdate, h, H as Host } from './index-BwIs2-fm.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
-import { T as TABLE_BODY_LAYOUT, a as TABLE_SELECTABLE_COLUMN_WIDTH, b as TABLE_BODY_TYPOGRAPHY, c as TABLE_BORDER, d as TABLE_RADIUS } from './sd-table.config-B3wuA5wX.js';
-import './component.table-D6GUzecR.js';
+import { T as TABLE_BODY_LAYOUT, a as TABLE_SELECTABLE_COLUMN_WIDTH, b as TABLE_BODY_TYPOGRAPHY, c as TABLE_BORDER, d as TABLE_RADIUS } from './sd-table.config-BbIWNUE2.js';
+import './component.table-D9tQwTWy.js';
 import './system-BJfiMC9H.js';
 
 let urlAlphabet =
@@ -17,7 +17,7 @@ let nanoid = (size = 21) => {
   return id
 };
 
-const sdTableCss = () => `sd-table,:host{display:block;width:100%;height:var(--table-host-height);max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:100%;width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__wrapper{width:100%;min-width:0;height:calc(100% - var(--pagination-height, 0px));border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__wrapper--radius-useTop{border-radius:0 0 var(--table-radius, 8px) var(--table-radius, 8px)}.sd-table__wrapper--radius-full{border-radius:0}.sd-table__scroll-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-family:var(--table-body-font-family, inherit);font-weight:var(--table-body-font-weight, 400);font-size:var(--table-body-font-size, 12px);line-height:var(--table-body-line-height, 20px);text-decoration:var(--table-body-text-decoration, none);overflow:auto;background:#FFFFFF}.sd-table__scroll-container--loading{overflow:hidden !important;pointer-events:none}.sd-table__scroll-container--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;top:36px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:var(--table-body-font-size, 12px);color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__no-data-header-overlay{position:absolute;top:0;left:0;right:0;height:36px;background:rgba(255, 255, 255, 0.6);z-index:210;pointer-events:none}.sd-table__no-data-content{pointer-events:auto;min-height:60px;width:100%;display:flex;align-items:center;justify-content:center}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);margin-top:-1px;border-radius:var(--table-radius, 8px)}.sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}`;
+const sdTableCss = () => `sd-table,:host{display:block;width:100%;height:var(--table-host-height);max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:100%;width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__wrapper{width:100%;min-width:0;height:calc(100% - var(--pagination-height, 0px));border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__wrapper--radius-useTop{border-radius:0 0 var(--table-radius, 8px) var(--table-radius, 8px)}.sd-table__wrapper--radius-full{border-radius:0}.sd-table__scroll-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-family:var(--table-body-font-family, inherit);font-weight:var(--table-body-font-weight, 400);font-size:var(--table-body-font-size, 12px);line-height:var(--table-body-line-height, 20px);text-decoration:var(--table-body-text-decoration, none);overflow:auto;background:#FFFFFF}.sd-table__scroll-container::-webkit-scrollbar{opacity:0;width:8px;background:#E5E5E5}.sd-table__scroll-container::-webkit-scrollbar:horizontal{height:8px}.sd-table__scroll-container::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}.sd-table__scroll-container::-webkit-scrollbar-track{background-color:#E5E5E5}.sd-table__scroll-container--loading{overflow:hidden !important;pointer-events:none}.sd-table__scroll-container--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;top:36px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:var(--table-body-font-size, 12px);color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__no-data-header-overlay{position:absolute;top:0;left:0;right:0;height:36px;background:rgba(255, 255, 255, 0.6);z-index:210;pointer-events:none}.sd-table__no-data-content{pointer-events:auto;min-height:60px;width:100%;display:flex;align-items:center;justify-content:center}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);margin-top:-1px;border-radius:var(--table-radius, 8px)}.sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}`;
 
 const SdTable = class {
     constructor(hostRef) {

package/dist/esm/sd-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 const tab = {
 	main: {

package/dist/esm/sd-td.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-BZ5lcC25.js';
+import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-BwIs2-fm.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
 
 const sdTdCss = () => `sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}`;

package/dist/esm/sd-text-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 
 const textLink = {
 	sm: {
@@ -67,8 +67,7 @@ const textLink = {
 		},
 		gap: "8",
 		icon: "20"
-	}
-};
+	}};
 var textLinkTokens = {
 	textLink: textLink
 };

package/dist/esm/sd-toast-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
 
 const DEFAULT_DURATION = 4000;
 const DEFAULT_MAX_VISIBLE = 3;

package/dist/esm/sd-toast.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 const toast = {
 	icon: "16",

package/dist/esm/sd-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BZ5lcC25.js';
+import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
 
 const toggle = {
 	height: "28",
@@ -28,8 +28,7 @@ const toggle = {
 		hover: "#FFFFFF",
 		select: "#0075FF",
 		disabled: "#888888"
-	}
-};
+	}};
 var toggleTokens = {
 	toggle: toggle
 };

package/dist/esm/{tooltipArrow-ByHjyr3Z.js → tooltipArrow-CJxhdfqT.js}

@@ -1,4 +1,4 @@
-import { h } from './index-BZ5lcC25.js';
+import { h } from './index-BwIs2-fm.js';
 
 const TooltipArrow = (props) => (h("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z", fill: "currentColor" })));