@iyulab/components 1.28.0 → 1.32.0

package/dist/components/copy-button/UCopyButton.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
 import "../icon-button/UIconButton.js";

package/dist/components/date-picker/UDatePicker.d.ts

@@ -59,9 +59,18 @@ export declare class UDatePicker extends UFormControlElement<string> {
     private handlePopoverShow;
     private handlePopoverHide;
     private handleClearClick;
+    /** suffix `u-icon`은 순수 표시 요소(버튼 아님)라 네이티브 키보드 활성화가 없다 —
+     *  `role="button"`+`tabindex="0"`로 포커스 가능하게 한 뒤, Enter/Space를 같은 클릭
+     *  핸들러로 릴레이한다(`UInput`/`USelect`의 동일 패턴과 일치). */
+    private handleClearKeydown;
     private emitChange;
     protected setValidity(): void;
     reset(): void;
+    /** `.container`는 div라 네이티브 `disabled`가 없다 — disabled일 때 `tabindex="-1"`로만
+     *  Tab 순서에서 빠지고 프로그램적 `.focus()`는 여전히 통과하므로, `UInput.focus()`가
+     *  네이티브 `disabled` `<input>`에서 얻는 것과 같은 no-op을 여기서 직접 재현한다. */
+    focus(options?: FocusOptions): void;
+    blur(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/date-picker/UDatePicker.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../icon/UIcon.js";
 import "../icon-button/UIconButton.js";
@@ -121,6 +121,11 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 			if (hadValue) this.emitChange();
 			this.containerEl?.focus();
 		};
+		this.handleClearKeydown = (e) => {
+			if (e.key !== "Enter" && e.key !== " ") return;
+			e.preventDefault();
+			this.handleClearClick(e);
+		};
 	}
 	static {
 		this.styles = [super.styles, styles];
@@ -156,9 +161,13 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
           <span class="text-content ${!displayText ? "placeholder" : ""}">${displayText || this.placeholder || ""}</span>
           <u-icon class="suffix-item"
             ?hidden=${!this.clearable || !this.value || this.disabled || this.readonly}
+            role="button"
+            tabindex="0"
+            aria-label=${Locale.getValue("clear")}
             lib="internal"
             name="x"
             @click=${this.handleClearClick}
+            @keydown=${this.handleClearKeydown}
           ></u-icon>
           <u-icon class="suffix-item"
             lib="internal"
@@ -288,6 +297,16 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		this.value = void 0;
 		this.invalid = false;
 	}
+	/** `.container`는 div라 네이티브 `disabled`가 없다 — disabled일 때 `tabindex="-1"`로만
+	*  Tab 순서에서 빠지고 프로그램적 `.focus()`는 여전히 통과하므로, `UInput.focus()`가
+	*  네이티브 `disabled` `<input>`에서 얻는 것과 같은 no-op을 여기서 직접 재현한다. */
+	focus(options) {
+		if (this.disabled) return;
+		this.containerEl?.focus(options);
+	}
+	blur() {
+		this.containerEl?.blur();
+	}
 };
 __decorate([property({ type: String }), __decorateMetadata("design:type", String)], UDatePicker.prototype, "min", void 0);
 __decorate([property({ type: String }), __decorateMetadata("design:type", String)], UDatePicker.prototype, "max", void 0);

package/dist/components/dialog/UDialog.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UOverlayElement } from "../UOverlayElement.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";

package/dist/components/divider/UDivider.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./UDivider.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/drawer/UDrawer.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UOverlayElement } from "../UOverlayElement.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";

package/dist/components/expander/UExpander.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import { styles } from "./UExpander.styles.js";
 import { html } from "lit";

package/dist/components/field/UField.d.ts

@@ -29,6 +29,10 @@ export declare class UField extends UElement {
     validationMessage?: string;
     render(): import('lit-html').TemplateResult<1>;
     private renderFooter;
+    /** 슬롯에 꽂힌 첫 포커스 가능 자식으로 위임한다 — 라벨 클릭과 같은 대상 탐색 로직을
+     *  공개 API로도 노출해, 소비자가 임의의 폼 컨트롤(자체 웹 컴포넌트가 아닌 것 포함)을
+     *  슬롯에 꽂아도 host의 `.focus()`가 `UInput.focus()`와 같은 계약으로 동작하게 한다. */
+    focus(options?: FocusOptions): void;
     private handleLabelClick;
 }
 declare global {

package/dist/components/field/UField.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./UField.styles.js";
 import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
@@ -13,11 +13,7 @@ var UField = class UField extends UElement {
 		this.required = false;
 		this.invalid = false;
 		this.handleLabelClick = () => {
-			const nodes = (this.shadowRoot?.querySelector("slot:not([name])"))?.assignedElements({ flatten: true }) || [];
-			for (const node of nodes) if (isFocusable(node)) {
-				node.focus();
-				return;
-			}
+			this.focus();
 		};
 	}
 	static {
@@ -43,6 +39,16 @@ var UField = class UField extends UElement {
 		if (!message) return nothing;
 		return html`<div class="footer">${message}</div>`;
 	}
+	/** 슬롯에 꽂힌 첫 포커스 가능 자식으로 위임한다 — 라벨 클릭과 같은 대상 탐색 로직을
+	*  공개 API로도 노출해, 소비자가 임의의 폼 컨트롤(자체 웹 컴포넌트가 아닌 것 포함)을
+	*  슬롯에 꽂아도 host의 `.focus()`가 `UInput.focus()`와 같은 계약으로 동작하게 한다. */
+	focus(options) {
+		const nodes = (this.shadowRoot?.querySelector("slot:not([name])"))?.assignedElements({ flatten: true }) || [];
+		for (const node of nodes) if (isFocusable(node)) {
+			node.focus(options);
+			return;
+		}
+	}
 };
 __decorate([property({
 	type: Boolean,

package/dist/components/form/UForm.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { arrayAttrConverter } from "../../utilities/converters.js";
 import { styles } from "./UForm.styles.js";

package/dist/components/icon/UIcon.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { IconRegistry, getDefaultBaseUrl } from "../../utilities/icons.js";
 import { styles } from "./UIcon.styles.js";
 import { nothing } from "lit";

package/dist/components/icon-button/UIconButton.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
 import "../tooltip/UTooltip.js";

package/dist/components/input/UInput.d.ts

@@ -102,8 +102,22 @@ export declare class UInput extends UFormControlElement<string> {
     private handleInputChange;
     private handleInputBlur;
     private handleInputKeydown;
+    /** suffix `u-icon`은 순수 표시 요소(버튼 아님)라 네이티브 키보드 활성화가 없다 —
+     *  `role="button"`+`tabindex="0"`로 포커스 가능하게 한 뒤, Enter/Space를 같은 클릭
+     *  핸들러로 릴레이한다. `e.preventDefault()`는 Space가 페이지를 스크롤시키는 것을 막는다. */
+    private handleSuffixIconKeydown;
     private handlePasswordTogglerClick;
     private handleClearButtonClick;
+    /** 경계(min/max)에 걸리면 시각적으로 흐리고 마우스 클릭을 막는다(CSS `pointer-events:
+     *  none`) — 네이티브 stepUp/stepDown 자체가 경계에서 조용히 no-op이라 값이 튀지는
+     *  않지만, 헛클릭 피드백을 준다. 키보드 Enter/Space는 `pointer-events`의 영향을 받지
+     *  않아 그대로 stepUp/stepDown까지 가지만 결과는 동일하게 no-op이다. */
+    private get canIncrement();
+    private get canDecrement();
+    /** 네이티브 `<input type="number">`의 stepUp/stepDown에 위임한다 — min/max/step 클램핑을
+     *  다시 구현하지 않는다. 클릭이 곧 "값을 확정"하는 동작이라 change도 함께 낸다(네이티브
+     *  스핀 버튼과 동일하게, 타이핑 중 blur 대기가 아니다). */
+    private handleStepperClick;
     private handleOptionClick;
     private handleOptionKeydown;
     private handlePopoverShow;

package/dist/components/input/UInput.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
@@ -72,6 +72,11 @@ var UInput = class UInput extends UFormControlElement {
 					this.popoverEl?.hide();
 			}
 		};
+		this.handleSuffixIconKeydown = (action) => (e) => {
+			if (e.key !== "Enter" && e.key !== " ") return;
+			e.preventDefault();
+			action(e);
+		};
 		this.handlePasswordTogglerClick = (e) => {
 			e.stopImmediatePropagation();
 			this.showPassword = !this.showPassword;
@@ -86,6 +91,23 @@ var UInput = class UInput extends UFormControlElement {
 			}));
 			this.focus();
 		};
+		this.handleStepperClick = (delta) => (e) => {
+			e.stopImmediatePropagation();
+			const input = this.inputEl;
+			if (!input) return;
+			try {
+				if (delta === 1) input.stepUp();
+				else input.stepDown();
+			} catch {
+				return;
+			}
+			input.dispatchEvent(new InputEvent("input", { bubbles: true }));
+			this.dispatchEvent(new Event("change", {
+				bubbles: true,
+				composed: true
+			}));
+			this.focus();
+		};
 		this.handleOptionClick = (e) => {
 			const option = e.currentTarget;
 			if (option.disabled) return;
@@ -184,15 +206,45 @@ var UInput = class UInput extends UFormControlElement {
 
           <u-icon class="suffix-item"
             ?hidden=${this.type !== "password" || this.disabled || this.readonly}
+            role="button"
+            tabindex="0"
+            aria-label=${Locale.getValue(this.showPassword ? "hidePassword" : "showPassword")}
             lib="internal"
             name=${this.showPassword ? "eye-off" : "eye"}
             @click=${this.handlePasswordTogglerClick}
+            @keydown=${this.handleSuffixIconKeydown(this.handlePasswordTogglerClick)}
           ></u-icon>
           <u-icon class="suffix-item"
             ?hidden=${!this.clearable || this.disabled || this.readonly || !this.value}
+            role="button"
+            tabindex="0"
+            aria-label=${Locale.getValue("clear")}
             lib="internal"
             name="x"
             @click=${this.handleClearButtonClick}
+            @keydown=${this.handleSuffixIconKeydown(this.handleClearButtonClick)}
+          ></u-icon>
+          <u-icon class="suffix-item stepper-btn"
+            ?hidden=${this.type !== "number" || this.disabled || this.readonly}
+            role="button"
+            tabindex="0"
+            aria-disabled=${!this.canDecrement}
+            aria-label=${Locale.getValue("decrement")}
+            lib="internal"
+            name="minus"
+            @click=${this.handleStepperClick(-1)}
+            @keydown=${this.handleSuffixIconKeydown(this.handleStepperClick(-1))}
+          ></u-icon>
+          <u-icon class="suffix-item stepper-btn"
+            ?hidden=${this.type !== "number" || this.disabled || this.readonly}
+            role="button"
+            tabindex="0"
+            aria-disabled=${!this.canIncrement}
+            aria-label=${Locale.getValue("increment")}
+            lib="internal"
+            name="plus"
+            @click=${this.handleStepperClick(1)}
+            @keydown=${this.handleSuffixIconKeydown(this.handleStepperClick(1))}
           ></u-icon>
         </div>
       </u-field>
@@ -279,6 +331,18 @@ var UInput = class UInput extends UFormControlElement {
 			option.removeEventListener("keydown", this.handleOptionKeydown);
 		}
 	}
+	/** 경계(min/max)에 걸리면 시각적으로 흐리고 마우스 클릭을 막는다(CSS `pointer-events:
+	*  none`) — 네이티브 stepUp/stepDown 자체가 경계에서 조용히 no-op이라 값이 튀지는
+	*  않지만, 헛클릭 피드백을 준다. 키보드 Enter/Space는 `pointer-events`의 영향을 받지
+	*  않아 그대로 stepUp/stepDown까지 가지만 결과는 동일하게 no-op이다. */
+	get canIncrement() {
+		if (this.max === void 0 || this.max === "" || !this.value) return true;
+		return Number(this.value) < Number(this.max);
+	}
+	get canDecrement() {
+		if (this.min === void 0 || this.min === "" || !this.value) return true;
+		return Number(this.value) > Number(this.min);
+	}
 };
 __decorate([property({
 	type: String,

package/dist/components/input/UInput.styles.js

@@ -166,6 +166,13 @@ var styles = css`
   .suffix-item:active {
     color: var(--u-icon-color-active, #1565C0);
   }
+  .stepper-btn {
+    font-size: 0.85em;
+  }
+  .stepper-btn[aria-disabled="true"] {
+    opacity: 0.35;
+    pointer-events: none;
+  }
 
   u-popover {
     width: var(--input-popover-width, var(--anchor-width, 100%));

package/dist/components/menu/UMenu.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UMenuItem } from "../menu-item/UMenuItem.js";
 import { styles } from "./UMenu.styles.js";
 import { html } from "lit";

package/dist/components/menu-item/UMenuItem.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import "../popover/UPopover.js";
 import { UDivider } from "../divider/UDivider.js";

package/dist/components/option/UOption.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import { styles } from "./UOption.styles.js";
 import { html, nothing } from "lit";

package/dist/components/panel/UPanel.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./UPanel.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/popover/UPopover.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFloatingElement } from "../UFloatingElement.js";
 import { arrayAttrConverter } from "../../utilities/converters.js";
 import { styles } from "./UPopover.styles.js";

package/dist/components/progress-bar/UProgressBar.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./UProgressBar.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components/progress-ring/UProgressRing.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./UProgressRing.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components/radio/URadio.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import "../field/UField.js";

package/dist/components/rating/URating.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../icon/UIcon.js";
 import { Locale } from "../../utilities/Locale.js";

package/dist/components/select/USelect.d.ts

@@ -62,6 +62,11 @@ export declare class USelect extends UFormControlElement<string | string[]> {
     private renderContent;
     protected setValidity(): void;
     reset(): void;
+    /** `.container`는 div라 네이티브 `disabled`가 없다 — disabled일 때 `tabindex="-1"`로만
+     *  Tab 순서에서 빠지고 프로그램적 `.focus()`는 여전히 통과하므로, `UInput.focus()`가
+     *  네이티브 `disabled` `<input>`에서 얻는 것과 같은 no-op을 여기서 직접 재현한다. */
+    focus(options?: FocusOptions): void;
+    blur(): void;
     private setup;
     private cleanup;
     private onChangeValue;
@@ -76,6 +81,10 @@ export declare class USelect extends UFormControlElement<string | string[]> {
     private handleSearchInput;
     private handleSearchKeydown;
     private handleClearClick;
+    /** suffix `u-icon`은 순수 표시 요소(버튼 아님)라 네이티브 키보드 활성화가 없다 —
+     *  `role="button"`+`tabindex="0"`로 포커스 가능하게 한 뒤, Enter/Space를 같은 클릭
+     *  핸들러로 릴레이한다(`UInput`의 동일 패턴과 일치). */
+    private handleClearKeydown;
     private handleChipRemove;
 }
 declare global {

package/dist/components/select/USelect.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
@@ -111,6 +111,11 @@ var USelect = class USelect extends UFormControlElement {
 			this.emitChange();
 			this.containerEl?.click();
 		};
+		this.handleClearKeydown = (e) => {
+			if (e.key !== "Enter" && e.key !== " ") return;
+			e.preventDefault();
+			this.handleClearClick(e);
+		};
 		this.handleChipRemove = (e) => {
 			const value = e.currentTarget.dataset.value;
 			if (!value) return;
@@ -172,9 +177,13 @@ var USelect = class USelect extends UFormControlElement {
 
           <u-icon class="suffix-item"
             ?hidden=${!this.clearable || !this.hasValue || this.disabled || this.readonly}
+            role="button"
+            tabindex="0"
+            aria-label=${Locale.getValue("clear")}
             lib="internal"
             name="x"
             @click=${this.handleClearClick}
+            @keydown=${this.handleClearKeydown}
           ></u-icon>
           <u-icon class="suffix-item"
             ?hidden=${this.loading}
@@ -256,6 +265,16 @@ var USelect = class USelect extends UFormControlElement {
 		this.value = this.multiple ? [] : "";
 		this.invalid = false;
 	}
+	/** `.container`는 div라 네이티브 `disabled`가 없다 — disabled일 때 `tabindex="-1"`로만
+	*  Tab 순서에서 빠지고 프로그램적 `.focus()`는 여전히 통과하므로, `UInput.focus()`가
+	*  네이티브 `disabled` `<input>`에서 얻는 것과 같은 no-op을 여기서 직접 재현한다. */
+	focus(options) {
+		if (this.disabled) return;
+		this.containerEl?.focus(options);
+	}
+	blur() {
+		this.containerEl?.blur();
+	}
 	setup(options) {
 		for (const option of options) {
 			option.removeEventListener("click", this.handleOptionClick);

package/dist/components/skeleton/USkeleton.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./USkeleton.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/slider/USlider.d.ts

@@ -60,6 +60,9 @@ export declare class USlider extends UFormControlElement<number | number[]> {
     private dragging;
     private trackEl;
     private containerEl?;
+    /** `.container`는 포인터 이벤트 좌표 계산용 래퍼일 뿐 tabindex가 없다 — 실제
+     *  포커스 가능한 대상은 min thumb(단일 모드의 유일한 thumb, range 모드의 시작값)다. */
+    private minThumbEl?;
     protected shouldValidate(changed: PropertyValues): boolean;
     get valueAsNumber(): number;
     get valueAsArray(): number[];
@@ -74,6 +77,11 @@ export declare class USlider extends UFormControlElement<number | number[]> {
     render(): TemplateResult<1>;
     protected setValidity(): void;
     reset(): void;
+    /** thumb는 div라 네이티브 `disabled`가 없다 — disabled일 때 `tabindex="-1"`로만 Tab
+     *  순서에서 빠지고 프로그램적 `.focus()`는 여전히 통과하므로, `UInput.focus()`가
+     *  네이티브 `disabled` `<input>`에서 얻는 것과 같은 no-op을 여기서 직접 재현한다. */
+    focus(options?: FocusOptions): void;
+    blur(): void;
     private onChangeValue;
     /** 사용자 상호작용으로 값이 확정된 경로에서만 호출한다 — 프로그램적 value 세팅은
      *  네이티브 폼 컨트롤과 동일하게 change를 발화하지 않는다. */

package/dist/components/slider/USlider.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../tooltip/UTooltip.js";
 import { Locale } from "../../utilities/Locale.js";
@@ -200,6 +200,16 @@ var USlider = class USlider extends UFormControlElement {
 		else this.value = this.offset ?? this.min;
 		this.invalid = false;
 	}
+	/** thumb는 div라 네이티브 `disabled`가 없다 — disabled일 때 `tabindex="-1"`로만 Tab
+	*  순서에서 빠지고 프로그램적 `.focus()`는 여전히 통과하므로, `UInput.focus()`가
+	*  네이티브 `disabled` `<input>`에서 얻는 것과 같은 no-op을 여기서 직접 재현한다. */
+	focus(options) {
+		if (this.disabled) return;
+		this.minThumbEl?.focus(options);
+	}
+	blur() {
+		this.minThumbEl?.blur();
+	}
 	onChangeValue() {
 		if (Array.isArray(this.value)) this.value = [this.snap(this.value[0]), this.snap(this.value[1])];
 		else if (typeof this.value === "number") this.value = this.snap(this.value);
@@ -300,6 +310,7 @@ __decorate([property({ converter: { fromAttribute: (value) => {
 __decorate([state(), __decorateMetadata("design:type", Object)], USlider.prototype, "dragging", void 0);
 __decorate([query(".track"), __decorateMetadata("design:type", typeof HTMLElement === "undefined" ? Object : HTMLElement)], USlider.prototype, "trackEl", void 0);
 __decorate([query(".container"), __decorateMetadata("design:type", typeof HTMLElement === "undefined" ? Object : HTMLElement)], USlider.prototype, "containerEl", void 0);
+__decorate([query(".thumb[data-thumb=\"min\"]"), __decorateMetadata("design:type", typeof HTMLElement === "undefined" ? Object : HTMLElement)], USlider.prototype, "minThumbEl", void 0);
 USlider = __decorate([customElement("u-slider")], USlider);
 //#endregion
 export { USlider };

package/dist/components/spinner/USpinner.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./USpinner.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components/split-panel/USplitPanel.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { arrayAttrConverter } from "../../utilities/converters.js";
 import { styles } from "./USplitPanel.styles.js";
 import { html } from "lit";

package/dist/components/switch/USwitch.d.ts

@@ -41,6 +41,8 @@ export declare class USwitch extends UFormControlElement<string> {
     render(): import('lit-html').TemplateResult<1>;
     protected setValidity(): void;
     reset(): void;
+    focus(options?: FocusOptions): void;
+    blur(): void;
     private handleInputChange;
 }
 declare global {