@sellmate/design-system 1.0.78 → 1.2.0

package/dist/cjs/sd-number-input.cjs.entry.js

@@ -1,409 +0,0 @@
-'use strict';
-
-var index = require('./index--F2wGuAi.js');
-var index$1 = require('./index-BUvXpPc3.js');
-
-const numberInput = {
-	sm: {
-		height: "28",
-		paddingX: "6",
-		radius: "4",
-		typography: {
-			fontWeight: "400",
-			fontSize: "12",
-			lineHeight: "20"}
-	},
-	md: {
-		height: "36",
-		paddingX: "8",
-		radius: "6",
-		typography: {
-			fontWeight: "400",
-			fontSize: "14",
-			lineHeight: "24"
-		}
-	},
-	contents: {
-		gap: "4"
-	},
-	border: {
-		"default": "#AAAAAA",
-		focus: "#0075FF",
-		danger: "#FB4444"},
-	bg: {
-		"default": "#FFFFFF"},
-	text: {
-		"default": "#222222",
-		placeholder: "#AAAAAA",
-		disabled: "#888888"
-	},
-	hint: {
-		color: "#555555",
-		typography: {
-			fontSize: "12",
-			lineHeight: "20"}
-	},
-	errorMessage: {
-		color: "#E30000",
-		typography: {
-			fontSize: "12",
-			lineHeight: "20"}
-	},
-	stepper: {
-		sm: {
-			size: "20"
-		},
-		md: {
-			size: "24"
-		},
-		radius: "4",
-		bg: {
-			"default": "#EFF6FF",
-			disabled: "#EEEEEE"
-		},
-		icon: {
-			"default": "#0075FF",
-			disabled: "#BBBBBB"
-		}
-	}
-};
-var numberInputTokens = {
-	numberInput: numberInput
-};
-
-const sm = numberInputTokens.numberInput.sm;
-const md = numberInputTokens.numberInput.md;
-const NUMBER_INPUT_SIZE_MAP = {
-    sm: {
-        height: sm.height,
-        paddingX: sm.paddingX,
-        radius: sm.radius,
-        fontSize: sm.typography.fontSize,
-        lineHeight: sm.typography.lineHeight,
-        fontWeight: sm.typography.fontWeight,
-    },
-    md: {
-        height: md.height,
-        paddingX: md.paddingX,
-        radius: md.radius,
-        fontSize: md.typography.fontSize,
-        lineHeight: md.typography.lineHeight,
-        fontWeight: md.typography.fontWeight,
-    },
-};
-const NUMBER_INPUT_COLORS = {
-    border: numberInputTokens.numberInput.border,
-    bg: numberInputTokens.numberInput.bg,
-    text: numberInputTokens.numberInput.text,
-};
-const NUMBER_INPUT_STEPPER = {
-    sm: { size: numberInputTokens.numberInput.stepper.sm.size },
-    md: { size: numberInputTokens.numberInput.stepper.md.size },
-    radius: numberInputTokens.numberInput.stepper.radius,
-    bg: numberInputTokens.numberInput.stepper.bg,
-    icon: numberInputTokens.numberInput.stepper.icon,
-};
-const NUMBER_INPUT_HINT = numberInputTokens.numberInput.hint;
-const NUMBER_INPUT_ERROR_MESSAGE = numberInputTokens.numberInput.errorMessage;
-const NUMBER_INPUT_CONTENTS_GAP = numberInputTokens.numberInput.contents.gap;
-
-const sdNumberInputCss = () => `sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}`;
-
-const SdNumberInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.update = index.createEvent(this, "sdUpdate", 7);
-        this.focus = index.createEvent(this, "sdFocus", 7);
-        this.blur = index.createEvent(this, "sdBlur", 7);
-    }
-    get el() { return index.getElement(this); }
-    size = 'sm';
-    min = Number.NEGATIVE_INFINITY;
-    max = Number.POSITIVE_INFINITY;
-    step = 1;
-    useButton = false;
-    useDecimal = false;
-    value = null;
-    label;
-    labelWidth = '';
-    addonLabel = '';
-    addonAlign = 'start';
-    placeholder = '입력해 주세요.';
-    disabled = false;
-    width;
-    rules = [];
-    autoFocus = false;
-    status;
-    hint = '';
-    errorMessage = '';
-    inputPrefix = '';
-    inputSuffix = '';
-    inputClass = '';
-    readonly = false;
-    inputStyle = {};
-    error = false;
-    focused = false;
-    hovered = false;
-    internalValue = null;
-    displayValue = '';
-    nativeEl = undefined;
-    formField;
-    name = index$1.nanoid();
-    update;
-    focus;
-    blur;
-    toNumber(val) {
-        if (val === null || val === undefined || val === '')
-            return null;
-        if (typeof val === 'number')
-            return isNaN(val) ? null : val;
-        if (typeof val === 'string')
-            return this.parseInput(val);
-        const num = Number(val);
-        return isNaN(num) ? null : num;
-    }
-    formatWithCommas(value) {
-        if (value === null || value === undefined || isNaN(value))
-            return '';
-        const isNegative = value < 0;
-        const absValue = Math.abs(value);
-        const [intPart, decPart] = absValue.toString().split('.');
-        const formatted = (+intPart).toLocaleString();
-        const result = isNegative ? '-' + formatted : formatted;
-        return decPart ? result + '.' + decPart : String(result);
-    }
-    parseInput(input) {
-        if (!input || input.trim() === '')
-            return null;
-        const cleaned = input.replace(/,/g, '').trim();
-        if (!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(cleaned)) {
-            return null;
-        }
-        const parsed = parseFloat(cleaned);
-        if (isNaN(parsed))
-            return null;
-        if (!this.useDecimal && cleaned.includes('.')) {
-            return null;
-        }
-        return parsed;
-    }
-    clampMinMax(value) {
-        if (isNaN(value))
-            return 0;
-        return Math.min(Math.max(value, this.min), this.max);
-    }
-    updateDisplay() {
-        this.displayValue = this.formatWithCommas(this.internalValue);
-    }
-    isIncrementDisabled() {
-        if (this.disabled || this.readonly)
-            return true;
-        if (this.internalValue !== null) {
-            return this.internalValue >= this.max;
-        }
-        return false;
-    }
-    isDecrementDisabled() {
-        if (this.disabled || this.readonly)
-            return true;
-        if (this.internalValue !== null) {
-            return this.internalValue <= this.min;
-        }
-        return false;
-    }
-    valueChanged(newValue) {
-        const parsed = this.toNumber(newValue);
-        if (parsed !== null) {
-            this.internalValue = this.clampMinMax(parsed);
-        }
-        else {
-            this.internalValue = null;
-        }
-        this.updateDisplay();
-    }
-    internalValueChanged(newValue) {
-        this.updateDisplay();
-        if (newValue !== this.value) {
-            this.value = newValue;
-            this.update?.emit(newValue);
-        }
-    }
-    async sdValidate() {
-        this.formField?.sdValidate();
-    }
-    async sdReset() {
-        this.formField?.sdReset();
-    }
-    async sdResetValidate() {
-        this.formField?.sdResetValidation();
-    }
-    async sdFocus() {
-        this.formField?.sdFocus();
-    }
-    async sdGetNativeElement() {
-        return this.nativeEl || null;
-    }
-    componentWillLoad() {
-        const parsed = this.toNumber(this.value);
-        if (parsed !== null) {
-            this.internalValue = this.clampMinMax(parsed);
-        }
-        this.updateDisplay();
-    }
-    componentDidLoad() {
-        if (this.autoFocus) {
-            this.nativeEl?.focus();
-        }
-    }
-    // TODO: 현재 숫자를 크게 넣어서 숫자e+21등의 형식으로 변환되면 값이 바뀌지않음 수정 필요
-    handleInput = (event) => {
-        const target = event.target;
-        const inputValue = target.value;
-        if (inputValue === '') {
-            this.internalValue = null;
-            this.displayValue = '';
-            return;
-        }
-        const commasRemoved = inputValue.replace(/,/g, '');
-        const decimalCount = (commasRemoved.match(/\./g) || []).length;
-        if (decimalCount > 1) {
-            target.value = this.displayValue;
-            return;
-        }
-        if (commasRemoved === '-' || commasRemoved === '.' || commasRemoved === '-.') {
-            target.value = commasRemoved;
-            return;
-        }
-        if (commasRemoved.endsWith('.') && decimalCount === 1) {
-            const numberPart = commasRemoved.slice(0, -1);
-            const parsed = this.parseInput(numberPart);
-            if (parsed !== null) {
-                const formatted = this.formatWithCommas(parsed);
-                target.value = formatted + '.';
-                return;
-            }
-        }
-        const parsed = this.parseInput(commasRemoved);
-        if (parsed !== null) {
-            if (parsed < this.min) {
-                target.value = this.displayValue;
-                return;
-            }
-            if (parsed > this.max) {
-                target.value = this.displayValue;
-                return;
-            }
-            this.internalValue = parsed;
-            this.displayValue = this.formatWithCommas(parsed);
-            target.value = this.displayValue;
-        }
-        else {
-            target.value = this.displayValue;
-        }
-    };
-    handleFocus = (event) => {
-        this.focused = true;
-        this.focus?.emit(event);
-    };
-    handleBlur = async (event) => {
-        this.updateDisplay();
-        if (this.nativeEl) {
-            this.nativeEl.value = this.displayValue;
-        }
-        if (this.rules && this.rules.length > 0) {
-            await this.formField?.sdValidate();
-        }
-        this.focused = false;
-        this.blur?.emit(event);
-    };
-    handleKeyDown = (event) => {
-        if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            this.handleIncrement();
-        }
-        else if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            this.handleDecrement();
-        }
-    };
-    handleIncrement = () => {
-        if (this.isIncrementDisabled())
-            return;
-        const currentVal = this.internalValue ?? this.min ?? 0;
-        let nextVal = currentVal + this.step;
-        if (nextVal > this.max) {
-            nextVal = this.max;
-        }
-        if (nextVal === currentVal)
-            return;
-        this.internalValue = nextVal;
-    };
-    handleDecrement = () => {
-        if (this.isDecrementDisabled())
-            return;
-        const currentVal = this.internalValue ?? this.min ?? 0;
-        let nextVal = currentVal - this.step;
-        if (nextVal < this.min) {
-            nextVal = this.min;
-        }
-        if (nextVal === currentVal)
-            return;
-        this.internalValue = nextVal;
-    };
-    render() {
-        const sizeTokens = NUMBER_INPUT_SIZE_MAP[this.size] ?? NUMBER_INPUT_SIZE_MAP.sm;
-        const stepperSize = NUMBER_INPUT_STEPPER[this.size]?.size ?? NUMBER_INPUT_STEPPER.sm.size;
-        const iconSize = this.size === 'md' ? 14 : 12;
-        const cssVars = {
-            // 컴포넌트 로컬 토큰
-            '--sd-number-input-font-size': `${sizeTokens.fontSize}px`,
-            '--sd-number-input-line-height': `${sizeTokens.lineHeight}px`,
-            '--sd-number-input-font-weight': sizeTokens.fontWeight,
-            '--sd-number-input-padding-x': `${sizeTokens.paddingX}px`,
-            '--sd-number-input-text-color': NUMBER_INPUT_COLORS.text.default,
-            '--sd-number-input-placeholder-color': NUMBER_INPUT_COLORS.text.placeholder,
-            '--sd-number-input-disabled-color': NUMBER_INPUT_COLORS.text.disabled,
-            // 스테퍼 토큰
-            '--sd-number-input-stepper-size': `${stepperSize}px`,
-            '--sd-number-input-stepper-radius': `${NUMBER_INPUT_STEPPER.radius}px`,
-            '--sd-number-input-stepper-bg': NUMBER_INPUT_STEPPER.bg.default,
-            '--sd-number-input-stepper-bg-disabled': NUMBER_INPUT_STEPPER.bg.disabled,
-            '--sd-number-input-stepper-icon-color': NUMBER_INPUT_STEPPER.icon.default,
-            '--sd-number-input-stepper-icon-disabled': NUMBER_INPUT_STEPPER.icon.disabled,
-            // sd-field 시스템 변수 오버라이드
-            '--sd-system-size-field-sm-height': `${sizeTokens.height}px`,
-            '--sd-system-radius-field-sm': `${sizeTokens.radius}px`,
-            '--sd-system-color-field-border-default': NUMBER_INPUT_COLORS.border.default,
-            '--sd-system-color-field-border-focus': NUMBER_INPUT_COLORS.border.focus,
-            '--sd-system-color-field-border-danger': NUMBER_INPUT_COLORS.border.danger,
-            '--sd-system-color-field-bg-default': NUMBER_INPUT_COLORS.bg.default,
-            // 힌트/에러 메시지 오버라이드
-            '--sd-textinput-input-text-error-message': NUMBER_INPUT_ERROR_MESSAGE.color,
-            '--sd-textinput-input-error-message-typography-font-size': `${NUMBER_INPUT_ERROR_MESSAGE.typography.fontSize}px`,
-            '--sd-textinput-input-error-message-typography-line-height': `${NUMBER_INPUT_ERROR_MESSAGE.typography.lineHeight}px`,
-            '--sd-textinput-input-text-hint': NUMBER_INPUT_HINT.color,
-            '--sd-textinput-input-hint-typography-font-size': `${NUMBER_INPUT_HINT.typography.fontSize}px`,
-            '--sd-textinput-input-hint-typography-line-height': `${NUMBER_INPUT_HINT.typography.lineHeight}px`,
-            '--sd-textinput-input-contents-gap': `${NUMBER_INPUT_CONTENTS_GAP}px`,
-        };
-        return (index.h("sd-field", { key: '7f4012ec048ab69f3c6b241c7fc103fd798572ca', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, size: this.size, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, index.h("div", { key: '975c0800b1fd6e4ab3502fc966db8917fe60bb3e', class: "sd-number-input__content" }, this.useButton && (index.h("button", { key: 'f2a630109b883740362dd2946ceeeaa93bbfeb36', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--decrement", disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, index.h("sd-icon", { key: 'dcd539c5035b1363edacadf7ed9c1096ef24714a', name: "minus", size: iconSize, color: this.isDecrementDisabled()
-                ? NUMBER_INPUT_STEPPER.icon.disabled
-                : NUMBER_INPUT_STEPPER.icon.default }))), this.inputPrefix && (index.h("span", { key: '5acf113c5e60dd5f77fb1206a60d4b5ce14e2b7f', class: "sd-number-input__prefix" }, this.inputPrefix)), index.h("input", { key: '5dd0f9ba9643fce07de811b2a93c8763a3d84b2c', name: this.name, ref: el => (this.nativeEl = el), class: `sd-number-input__native ${this.inputClass}`, type: "text", inputMode: "numeric", value: this.displayValue, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, style: {
-                textAlign: this.useButton ? 'center' : 'right',
-                ...this.inputStyle,
-            } }), this.inputSuffix && (index.h("span", { key: 'aa7e4dbb29d7e8de4e94f0411f2f4b622411a60a', class: "sd-number-input__suffix" }, this.inputSuffix)), this.useButton && (index.h("button", { key: '40deeadfcfe87cb61f09ee2959b6afb5757ff56b', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--increment", disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, index.h("sd-icon", { key: 'b8ffcbbf663bacb7249e696d3eabf8b9ac832ddc', name: "add", size: iconSize, color: this.isIncrementDisabled()
-                ? NUMBER_INPUT_STEPPER.icon.disabled
-                : NUMBER_INPUT_STEPPER.icon.default }))))));
-    }
-    static get watchers() { return {
-        "value": [{
-                "valueChanged": 0
-            }],
-        "internalValue": [{
-                "internalValueChanged": 0
-            }]
-    }; }
-};
-SdNumberInput.style = sdNumberInputCss();
-
-exports.sd_number_input = SdNumberInput;

package/dist/cjs/sd-radio-group.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var index = require('./index--F2wGuAi.js');
-
-const sdRadioGroupCss = () => `sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}`;
-
-const SdRadioGroup = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.change = index.createEvent(this, "sdUpdate", 7);
-    }
-    value;
-    options = [];
-    direction = 'vertical';
-    disabled = false;
-    groupName;
-    change;
-    valueChanged(newValue) {
-        this.value = newValue;
-    }
-    handleRadioChange = (optionValue) => {
-        if (this.disabled)
-            return;
-        const matched = this.options.find(o => String(o.value) === String(optionValue));
-        const resolved = matched ? matched.value : optionValue;
-        this.value = resolved;
-        this.change?.emit(resolved);
-    };
-    getGroupClasses() {
-        const classes = ['sd-radio-group', `sd-radio-group--${this.direction}`];
-        return classes.join(' ');
-    }
-    render() {
-        return (index.h("div", { key: '5f6559df018e48958103d0a84a0f074f81bd255a', class: this.getGroupClasses(), role: "radiogroup" }, this.options.map(option => {
-            return (index.h("sd-radio", { key: `radio-${option.value}`, val: String(option.value), value: String(this.value), label: option.label, disabled: this.disabled || !!option.disabled, onSdUpdate: ({ detail }) => this.handleRadioChange(detail) }));
-        })));
-    }
-    static get watchers() { return {
-        "value": [{
-                "valueChanged": 0
-            }]
-    }; }
-};
-SdRadioGroup.style = sdRadioGroupCss();
-
-exports.sd_radio_group = SdRadioGroup;

package/dist/cjs/sd-table.config-Cb0Ot3C6.js

@@ -1,105 +0,0 @@
-'use strict';
-
-var system = require('./system-DpTN1vBC.js');
-
-const table = {
-	header: {
-		height: "36",
-		paddingX: "16",
-		gap: "4",
-		bg: "#F5FAFF",
-		typography: {
-			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: "500",
-			fontSize: "12",
-			lineHeight: "20",
-			textDecoration: "none"
-		},
-		resizingBar: {
-			color: "#CCCCCC",
-			height: "16"
-		}
-	},
-	body: {
-		"default": {
-			height: "44"},
-		paddingX: "16",
-		typography: {
-			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: "400",
-			fontSize: "12",
-			lineHeight: "20",
-			textDecoration: "none"
-		}
-	},
-	border: {
-		"default": "#E1E1E1",
-		width: {
-			width: "1"
-		}
-	},
-	radius: "8"};
-var tableTokens = {
-	table: table
-};
-
-// ── Header Tokens ──
-const TABLE_HEADER_LAYOUT = {
-    height: tableTokens.table.header.height,
-    paddingX: tableTokens.table.header.paddingX,
-    gap: tableTokens.table.header.gap,
-};
-const TABLE_HEADER_TYPOGRAPHY = {
-    fontFamily: tableTokens.table.header.typography.fontFamily,
-    fontWeight: tableTokens.table.header.typography.fontWeight,
-    fontSize: tableTokens.table.header.typography.fontSize,
-    lineHeight: tableTokens.table.header.typography.lineHeight,
-    textDecoration: tableTokens.table.header.typography.textDecoration,
-};
-const TABLE_HEADER_COLORS = {
-    bg: tableTokens.table.header.bg,
-};
-const TABLE_HEADER_RESIZING_BAR = {
-    color: tableTokens.table.header.resizingBar.color,
-    height: tableTokens.table.header.resizingBar.height,
-};
-// ── Body Tokens ──
-const TABLE_BODY_LAYOUT = {
-    default: {
-        height: tableTokens.table.body.default.height},
-    paddingX: tableTokens.table.body.paddingX};
-const TABLE_BODY_TYPOGRAPHY = {
-    fontFamily: tableTokens.table.body.typography.fontFamily,
-    fontWeight: tableTokens.table.body.typography.fontWeight,
-    fontSize: tableTokens.table.body.typography.fontSize,
-    lineHeight: tableTokens.table.body.typography.lineHeight,
-    textDecoration: tableTokens.table.body.typography.textDecoration,
-};
-// ── Frame / Border Tokens ──
-const TABLE_BORDER = {
-    color: tableTokens.table.border.default,
-    width: tableTokens.table.border.width.width,
-};
-const TABLE_RADIUS = tableTokens.table.radius;
-// ── Header Icon Color Defaults ──
-const ICON_DEFAULT_COLOR = {
-    pageEdit: system.systemTokens.color.darkblue.strong,
-    arrowDown: system.systemTokens.color.darkblue.strong,
-    arrowUp: system.systemTokens.color.darkblue.strong,
-    updown: system.systemTokens.color.grey.strong,
-    pageMove: system.systemTokens.color.darkblue.strong,
-    star: system.systemTokens.color.blue.strong,
-};
-const resolveTableIconColor = (name, override) => override ?? ICON_DEFAULT_COLOR[name];
-const resolveSortIconName = (sort) => sort === 'asc' ? 'arrowDown' : sort === 'desc' ? 'arrowUp' : 'updown';
-
-exports.TABLE_BODY_LAYOUT = TABLE_BODY_LAYOUT;
-exports.TABLE_BODY_TYPOGRAPHY = TABLE_BODY_TYPOGRAPHY;
-exports.TABLE_BORDER = TABLE_BORDER;
-exports.TABLE_HEADER_COLORS = TABLE_HEADER_COLORS;
-exports.TABLE_HEADER_LAYOUT = TABLE_HEADER_LAYOUT;
-exports.TABLE_HEADER_RESIZING_BAR = TABLE_HEADER_RESIZING_BAR;
-exports.TABLE_HEADER_TYPOGRAPHY = TABLE_HEADER_TYPOGRAPHY;
-exports.TABLE_RADIUS = TABLE_RADIUS;
-exports.resolveSortIconName = resolveSortIconName;
-exports.resolveTableIconColor = resolveTableIconColor;