@sellmate/design-system 1.0.78 → 1.1.0

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

@@ -1,407 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Cnwbjz1F.js';
-import { n as nanoid } from './index-CCwNgVmC.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) {
-        registerInstance(this, hostRef);
-        this.update = createEvent(this, "sdUpdate", 7);
-        this.focus = createEvent(this, "sdFocus", 7);
-        this.blur = createEvent(this, "sdBlur", 7);
-    }
-    get el() { return 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 = 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 (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 }, h("div", { key: '975c0800b1fd6e4ab3502fc966db8917fe60bb3e', class: "sd-number-input__content" }, this.useButton && (h("button", { key: 'f2a630109b883740362dd2946ceeeaa93bbfeb36', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--decrement", disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: 'dcd539c5035b1363edacadf7ed9c1096ef24714a', name: "minus", size: iconSize, color: this.isDecrementDisabled()
-                ? NUMBER_INPUT_STEPPER.icon.disabled
-                : NUMBER_INPUT_STEPPER.icon.default }))), this.inputPrefix && (h("span", { key: '5acf113c5e60dd5f77fb1206a60d4b5ce14e2b7f', class: "sd-number-input__prefix" }, this.inputPrefix)), 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 && (h("span", { key: 'aa7e4dbb29d7e8de4e94f0411f2f4b622411a60a', class: "sd-number-input__suffix" }, this.inputSuffix)), this.useButton && (h("button", { key: '40deeadfcfe87cb61f09ee2959b6afb5757ff56b', type: "button", class: "sd-number-input__stepper sd-number-input__stepper--increment", disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, 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();
-
-export { SdNumberInput as sd_number_input };

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

@@ -1,44 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-Cnwbjz1F.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) {
-        registerInstance(this, hostRef);
-        this.change = 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 (h("div", { key: '5f6559df018e48958103d0a84a0f074f81bd255a', class: this.getGroupClasses(), role: "radiogroup" }, this.options.map(option => {
-            return (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();
-
-export { SdRadioGroup as sd_radio_group };

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

@@ -1,144 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Cnwbjz1F.js';
-import { n as nanoid } from './index-CCwNgVmC.js';
-import { i as inputTokens } from './component.textinput-ByhWX2NK.js';
-
-const TEXTAREA_TOKENS = {
-    paddingX: inputTokens.textinput.sm.paddingX,
-    paddingY: inputTokens.textinput.sm.paddingY,
-    radius: inputTokens.textinput.sm.radius,
-    fontSize: inputTokens.textinput.sm.typography.fontSize,
-    lineHeight: inputTokens.textinput.sm.typography.lineHeight,
-    fontWeight: inputTokens.textinput.sm.typography.fontWeight};
-const TEXTAREA_COLORS = {
-    text: inputTokens.textinput.text,
-    bg: inputTokens.textinput.bg,
-    border: inputTokens.textinput.border,
-    resizer: inputTokens.textinput.resizer,
-};
-
-const sdTextareaCss = () => `sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}`;
-
-const SdTextarea = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.input = createEvent(this, "sdUpdate", 7);
-        this.focus = createEvent(this, "sdFocus", 7);
-        this.blur = createEvent(this, "sdBlur", 7);
-    }
-    get host() { return getElement(this); }
-    value = null;
-    placeholder = '입력해 주세요.';
-    disabled = false;
-    readonly = false;
-    autoFocus = false;
-    textareaClass = '';
-    textareaStyle = {};
-    maxLength;
-    rows;
-    spellcheck = false;
-    width = '';
-    // props - sd-field
-    label = '';
-    labelWidth = '';
-    addonLabel = '';
-    addonAlign = 'start';
-    hint = '';
-    errorMessage = '';
-    icon = undefined;
-    labelTooltip = '';
-    labelTooltipProps = null;
-    rules = [];
-    error = false;
-    status;
-    focused = false;
-    hovered = false;
-    internalValue = null;
-    nativeEl = undefined;
-    formField;
-    name = nanoid();
-    input;
-    focus;
-    blur;
-    valueChanged(newValue) {
-        this.internalValue = newValue;
-    }
-    internalValueChanged(newValue) {
-        if (newValue !== this.value) {
-            this.value = newValue;
-            this.input?.emit(this.value);
-        }
-    }
-    async sdGetNativeElement() {
-        return this.nativeEl || null;
-    }
-    async sdValidate() {
-        this.formField?.sdValidate();
-    }
-    async sdReset() {
-        this.formField?.sdReset();
-    }
-    async sdResetValidate() {
-        this.formField?.sdResetValidation();
-    }
-    async sdFocus() {
-        this.formField?.sdFocus();
-    }
-    componentWillLoad() {
-        if (this.value !== null && this.value !== undefined) {
-            this.internalValue = this.value;
-        }
-    }
-    componentDidLoad() {
-        if (this.autoFocus) {
-            this.nativeEl?.focus();
-        }
-    }
-    handleInput = (event) => {
-        const target = event.target;
-        this.internalValue = target.value;
-    };
-    handleFocus = async (type, event) => {
-        this.focused = type === 'focus';
-        if (type === 'blur') {
-            if (this.rules && this.rules.length > 0) {
-                await this.formField?.sdValidate();
-            }
-            this.blur?.emit(event);
-        }
-        else {
-            this.focus?.emit(event);
-        }
-    };
-    render() {
-        const cssVars = {
-            '--sd-textarea-font-size': `${TEXTAREA_TOKENS.fontSize}px`,
-            '--sd-textarea-line-height': `${TEXTAREA_TOKENS.lineHeight}px`,
-            '--sd-textarea-font-weight': TEXTAREA_TOKENS.fontWeight,
-            '--sd-textarea-padding-x': `${TEXTAREA_TOKENS.paddingX}px`,
-            '--sd-textarea-padding-y': `${TEXTAREA_TOKENS.paddingY}px`,
-            '--sd-textarea-radius': `${TEXTAREA_TOKENS.radius}px`,
-            '--sd-textarea-text-color': TEXTAREA_COLORS.text.default,
-            '--sd-textarea-placeholder-color': TEXTAREA_COLORS.text.placeholder,
-            '--sd-textarea-disabled-color': TEXTAREA_COLORS.text.disabled,
-            '--sd-textarea-bg-color': TEXTAREA_COLORS.bg.default,
-            '--sd-textarea-disabled-bg-color': TEXTAREA_COLORS.bg.disabled,
-            '--sd-textarea-border-color': TEXTAREA_COLORS.border.default,
-            '--sd-textarea-resizer-color': TEXTAREA_COLORS.resizer.color,
-            // sd-field 시스템 변수 override (textarea는 고정 높이가 아닌 auto)
-            '--sd-system-size-field-sm-height': 'auto',
-            '--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
-        };
-        return (h("sd-field", { key: 'ca7dc6c13d22ba43cd99ee1e976599d7efb1eceb', 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, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'a36ffabff714596bf780f2a63ccfde3e02eadda7', class: "sd-textarea__content" }, h("textarea", { key: 'b7f8a55b7ee4dfc394c380a97e21c6cc34d12b9b', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
-    }
-    static get watchers() { return {
-        "value": [{
-                "valueChanged": 0
-            }],
-        "internalValue": [{
-                "internalValueChanged": 0
-            }]
-    }; }
-};
-SdTextarea.style = sdTextareaCss();
-
-export { SdTextarea as sd_textarea };

package/dist/types/components/sd-button-v2/sd-button-v2.d.ts

@@ -1,19 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { type ButtonV2Name, type ButtonV2Type } from './sd-button-v2.config';
-export declare class SdButtonV2 {
-    name: ButtonV2Name;
-    label: string;
-    icon?: IconName;
-    rightIcon?: IconName;
-    ariaLabel: string;
-    disabled: boolean;
-    type: ButtonV2Type;
-    click: EventEmitter<MouseEvent>;
-    private hasWarnedMissingAriaLabel;
-    private handleClick;
-    private get resolvedConfig();
-    private getButtonClasses;
-    componentWillRender(): void;
-    private warnIfMissingAriaLabel;
-    render(): any;
-}