@iyulab/components 1.8.1 → 1.10.0

package/dist/components/drawer/UDrawer.d.ts

@@ -13,7 +13,7 @@ export type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
  * @csspart body - 본문 영역
  * @csspart close-btn - 닫기 버튼
  *
- * @cssproperty [--drawer-size=28rem] - 드로어 패널의 슬라이드 축 방향 크기.
+ * @cssprop --drawer-size - 드로어 패널의 슬라이드 축 방향 크기 (기본값: 좌우 28rem / 상하 16rem).
  *   좌우(left/right) placement는 너비, 상하(top/bottom) placement는 높이로 적용된다(상하 기본 16rem).
  *   화면이 좁으면 max-width/max-height:100%로 자동 축소된다.
  */

package/dist/components/drawer/UDrawer.js

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

package/dist/components/field/UField.js

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

package/dist/components/form/UForm.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
 import "../tooltip/UTooltip.js";

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

@@ -23,6 +23,10 @@ export type InputVariant = 'outlined' | 'filled' | 'underlined' | 'borderless';
  *    docs/theming.md 참고)
  * @csspart popover - 드롭다운 팝오버 요소
  *
+ * @cssprop --u-input-display - 호스트의 display (기본값: inline-block). 폼/그리드 셀에서
+ *   컨테이너 폭을 채우려면 `block`으로 지정한다.
+ * @cssprop --u-input-width - 호스트의 width (기본값: auto). flex 컨테이너처럼 block만으로는
+ *   늘어나지 않는 맥락에서 `100%`로 지정한다.
  * @cssprop --input-popover-width - 드롭다운 팝오버의 너비 (기본값: 앵커(트리거) 너비)
  * @cssprop --input-popover-min-height - 드롭다운 팝오버의 최소 높이 (기본값: 0px)
  * @cssprop --input-popover-max-height - 드롭다운 팝오버의 최대 높이 (기본값: 50vh)

package/dist/components/input/UInput.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
@@ -71,7 +71,6 @@ var UInput = class UInput extends UFormControlElement {
 				case "Escape":
 					e.preventDefault();
 					this.popoverEl?.hide();
-					break;
 			}
 		};
 		this.handlePasswordTogglerClick = (e) => {
@@ -115,7 +114,6 @@ var UInput = class UInput extends UFormControlElement {
 					e.preventDefault();
 					this.popoverEl?.hide();
 					this.focus();
-					break;
 			}
 		};
 		this.handlePopoverShow = (e) => {

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

@@ -8,7 +8,10 @@ var styles = css`
 
   :host {
     position: relative;
+    /* 폼/그리드 셀에서 컨테이너 폭을 채우려면 소비자가 --u-input-display: block 을 준다.
+       flex 컨테이너처럼 block 만으로 늘어나지 않는 맥락을 위해 width 경로도 함께 연다. */
     display: var(--u-input-display, inline-block);
+    width: var(--u-input-width, auto);
     color: var(--u-txt-color);
     font-size: inherit;
     font-family: var(--u-font-base);

package/dist/components/menu/UMenu.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UMenuItem } from "../menu-item/UMenuItem.js";
 import { styles } from "./UMenu.styles.js";
 import { html } from "lit";
@@ -88,7 +88,6 @@ var UMenu = class UMenu extends UElement {
 					e.preventDefault();
 					if (!focused.leaf && focused.expanded) focused.expanded = false;
 					else if (focused.parentItem) focused.parentItem.focus();
-					break;
 			}
 		};
 	}

package/dist/components/menu-item/UMenuItem.d.ts

@@ -16,6 +16,8 @@ export type MenuItemAlign = 'left' | 'center' | 'right';
  * @csspart popover - 팝오버 모드에서 하위 메뉴 컨테이너
  *
  * @event pick - 아이템 선택 시 발생 (하위 메뉴가 없는 경우)
+ *
+ * @cssprop --menu-item-color - 선택/활성 상태의 기준색 (기본: --u-primary-color, 미지정 시 blue-600)
  */
 export declare class UMenuItem extends UElement {
     static styles: import('lit').CSSResultGroup[];

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

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import { UDivider } from "../divider/UDivider.js";
 import "../popover/UPopover.js";
@@ -121,6 +121,7 @@ var UMenuItem = class UMenuItem extends UElement {
             trigger="hover"
             placement="right-start"
             offset="4"
+            strategy="fixed"
           >
             <slot name="children" @slotchange=${this.handleChildrenSlotChange}></slot>
           </u-popover>`}

package/dist/components/option/UOption.d.ts

@@ -20,6 +20,8 @@ export type OptionMarker = 'radio' | 'check';
  * @cssprop --option-color-active-interactive - 선택된 상태에서 호버/포커스 시 텍스트 색상
  * @cssprop --option-border-color-active-interactive - 선택된 상태에서 호버/포커스 시 테두리 색상
  * @cssprop --option-background-color-active-interactive - 선택된 상태에서 호버/포커스 시 배경 색상
+ * @cssprop --option-color - 선택 상태의 기준색. 위 active 계열이 이 값에서 파생된다
+ *   (기본: --u-primary-color, 미지정 시 blue-600)
  */
 export declare class UOption extends UElement {
     static styles: import('lit').CSSResultGroup[];

package/dist/components/option/UOption.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.d.ts

@@ -29,8 +29,10 @@ export declare class UPopover extends UFloatingElement {
      * 팝오버를 닫는 조건 (쉼표 구분하여 복수 지정 가능)
      * - `click`: 외부 클릭 시 닫기
      * - `escape`: Escape 키 시 닫기
-     * - `scroll`: 스크롤 시 닫기
-     * - `resize`: 윈도우 리사이즈 시 닫기
+     * - `scroll` / `resize`: 뷰포트 기하 변화로 **앵커가 의미를 잃을 때** 닫기 — 즉
+     *   `contextmenu` 처럼 좌표 기반 가상 앵커에 붙은 경우에만 닫는다. 실제 엘리먼트에 앵커된
+     *   팝오버는 `autoUpdate` 가 스크롤·리사이즈를 따라 재배치하므로 닫지 않는다
+     *   (`isCoordinateAnchored` 참조).
      */
     dismiss: PopoverDismiss[];
     /** 닫기 조건에 포함시킬 이벤트 목록 (쉼표 구분) */
@@ -58,7 +60,32 @@ export declare class UPopover extends UFloatingElement {
     private cancelSafeTimer;
     private handleDocumentClick;
     private handleDocumentKeydown;
+    /**
+     * 현재 표시 중이며 앵커가 **좌표 기반 가상 엘리먼트**인지 여부.
+     *
+     * 뷰포트 기하 변화(스크롤·리사이즈)는 그 자체로 닫기 사유가 아니다. `UFloatingElement.show()`
+     * 가 모든 플로팅 엘리먼트에 `autoUpdate` 를 설치하고, `autoUpdate` 는 조상 스크롤과 리사이즈를
+     * 모두 구독해 재배치한다 — 여기서 hide 하면 재배치 로직과 정면으로 모순된다. 실제로 그 모순이
+     * 열린 listbox(u-select·u-input combobox)를 페이지 스크롤 한 번에 닫아버렸다.
+     * 앵커가 클리핑 영역 밖으로 나가는 경우는 `hide` middleware 가 별도로 처리한다(닫지 않고 숨김).
+     *
+     * 닫아야 하는 경우는 **앵커가 좌표라서 기하 변화에 의미를 잃는 경우**뿐이다 —
+     * `trigger="contextmenu"` 의 가상 앵커는 이벤트 발생 시점의 clientX/clientY 에 고정돼 있어
+     * 콘텐츠가 스크롤·리플로우되면 가리키던 대상과 어긋난다.
+     *
+     * `targetEl` 이 없으면 표시 중이 아니므로 닫을 것도 없다 — 이 가드가 없으면 닫힌 팝오버가
+     * 스크롤 이벤트마다 `hide()`(→ `await updateComplete`) 를 돌려 인스턴스 수만큼 churn 이 된다.
+     * 단 `show()` 는 showDelay 타이머보다 **먼저** `targetEl` 을 세우므로, 가상 앵커의 대기 중
+     * show 취소는 이 가드를 통과해 그대로 보존된다.
+     */
+    private get isCoordinateAnchored();
     private handleDocumentScroll;
+    /**
+     * 리사이즈도 스크롤과 같은 뷰포트 기하 변화다 — `autoUpdate` 가 `ancestorResize` 로 window
+     * 리사이즈를 구독해 재배치하므로 실앵커 팝오버를 닫을 이유가 없다. 닫으면 모바일에서
+     * `u-select searchable` 의 검색 입력을 탭하는 순간 가상 키보드가 레이아웃 뷰포트를 줄이며
+     * 리사이즈를 발생시켜 드롭다운이 닫혀버린다.
+     */
     private handleWindowResize;
     private handlePopoverEvent;
 }

package/dist/components/popover/UPopover.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UFloatingElement } from "../UFloatingElement.js";
 import { arrayAttrConverter } from "../../utilities/converters.js";
 import { styles } from "./UPopover.styles.js";
@@ -87,9 +87,11 @@ var UPopover = class UPopover extends UFloatingElement {
 			this.hide();
 		};
 		this.handleDocumentScroll = () => {
+			if (!this.isCoordinateAnchored) return;
 			this.hide();
 		};
 		this.handleWindowResize = () => {
+			if (!this.isCoordinateAnchored) return;
 			this.hide();
 		};
 		this.handlePopoverEvent = () => {
@@ -169,7 +171,6 @@ var UPopover = class UPopover extends UFloatingElement {
 				}
 				this.addEventListener("focusin", this.handlePopoverFocusIn);
 				this.addEventListener("focusout", this.handlePopoverFocusOut);
-				break;
 		}
 		const dismissList = new Set(this.dismiss);
 		if (dismissList.has("click")) document.addEventListener("click", this.handleDocumentClick);
@@ -210,6 +211,27 @@ var UPopover = class UPopover extends UFloatingElement {
 		clearTimeout(this.safeTimer);
 		this.safeTimer = void 0;
 	}
+	/**
+	* 현재 표시 중이며 앵커가 **좌표 기반 가상 엘리먼트**인지 여부.
+	*
+	* 뷰포트 기하 변화(스크롤·리사이즈)는 그 자체로 닫기 사유가 아니다. `UFloatingElement.show()`
+	* 가 모든 플로팅 엘리먼트에 `autoUpdate` 를 설치하고, `autoUpdate` 는 조상 스크롤과 리사이즈를
+	* 모두 구독해 재배치한다 — 여기서 hide 하면 재배치 로직과 정면으로 모순된다. 실제로 그 모순이
+	* 열린 listbox(u-select·u-input combobox)를 페이지 스크롤 한 번에 닫아버렸다.
+	* 앵커가 클리핑 영역 밖으로 나가는 경우는 `hide` middleware 가 별도로 처리한다(닫지 않고 숨김).
+	*
+	* 닫아야 하는 경우는 **앵커가 좌표라서 기하 변화에 의미를 잃는 경우**뿐이다 —
+	* `trigger="contextmenu"` 의 가상 앵커는 이벤트 발생 시점의 clientX/clientY 에 고정돼 있어
+	* 콘텐츠가 스크롤·리플로우되면 가리키던 대상과 어긋난다.
+	*
+	* `targetEl` 이 없으면 표시 중이 아니므로 닫을 것도 없다 — 이 가드가 없으면 닫힌 팝오버가
+	* 스크롤 이벤트마다 `hide()`(→ `await updateComplete`) 를 돌려 인스턴스 수만큼 churn 이 된다.
+	* 단 `show()` 는 showDelay 타이머보다 **먼저** `targetEl` 을 세우므로, 가상 앵커의 대기 중
+	* show 취소는 이 가드를 통과해 그대로 보존된다.
+	*/
+	get isCoordinateAnchored() {
+		return !!this.targetEl && !(this.targetEl instanceof Element);
+	}
 };
 __decorate([property({
 	type: Boolean,

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

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { styles } from "./UProgressBar.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -49,7 +49,8 @@ var UProgressBar = class UProgressBar extends UElement {
 
       <div class="segments" part="segments" ?hidden=${!hasSegments}>
         ${Array.from({ length: Math.max(this.segments - 1, 0) }, (_, i) => {
-			return html`<div class="segment-gap" style="left: ${(i + 1) / this.segments * 100}%; width: ${this.segmentGap}px;"></div>`;
+			const left = (i + 1) / this.segments * 100;
+			return html`<div class="segment-gap" style="left: ${left}%; width: ${this.segmentGap}px;"></div>`;
 		})}
       </div>
 

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

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.d.ts

@@ -11,6 +11,9 @@ export type RadioOrientation = "vertical" | "horizontal";
  * @csspart field - u-field 요소
  * @csspart container - 옵션들을 감싸는 컨테이너
  *
+ * @cssprop --radio-color - 선택 상태의 기준색 (기본: --u-primary-color, 미지정 시 blue-600)
+ * @cssprop --radio-color-active - 선택 상태 active 톤 (기본: --radio-color 85% + black)
+ *
  * @event change - 사용자 상호작용(옵션 클릭·키보드)으로 선택 값이 변경될 때 발생.
  *   네이티브 라디오와 동일하게 프로그램적 value 세팅·옵션 등록으로는 발화하지 않는다.
  */

package/dist/components/radio/URadio.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import "../field/UField.js";
@@ -59,7 +59,6 @@ var URadio = class URadio extends UFormControlElement {
 				case "End":
 					e.preventDefault();
 					options[options.length - 1].focus();
-					break;
 			}
 		};
 	}

package/dist/components/rating/URating.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
@@ -76,7 +76,6 @@ var USelect = class USelect extends UFormControlElement {
 				case "Escape":
 					e.preventDefault();
 					this.popoverEl?.hide();
-					break;
 			}
 		};
 		this.handleSearchInput = (e) => {
@@ -103,7 +102,6 @@ var USelect = class USelect extends UFormControlElement {
 				case "Escape":
 					e.preventDefault();
 					this.popoverEl?.hide();
-					break;
 			}
 		};
 		this.handleClearClick = (e) => {

package/dist/components/skeleton/USkeleton.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../tooltip/UTooltip.js";
 import { Locale } from "../../utilities/Locale.js";

package/dist/components/spinner/USpinner.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.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.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import { styles } from "./USwitch.styles.js";

package/dist/components/tab/UTab.js

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

package/dist/components/tab-panel/UTabPanel.d.ts

@@ -13,6 +13,8 @@ export type TabPanelPlacement = 'top' | 'bottom' | 'left' | 'right';
  * @csspart toolbar - 탭 헤더 내 툴바 영역
  * @csspart content - 탭 패널이 있는 콘텐츠 영역
  *
+ * @cssprop --tab-panel-color - 활성 탭의 기준색 (기본: --u-primary-color, 미지정 시 blue-600)
+ *
  * @event change - 탭을 클릭하거나 키보드로 선택했을 때만 발생한다. 최초 마운트 시 첫 탭이
  *   자동 선택되는 경우나 `value` 프로퍼티를 직접 대입하는 경우는 사용자 조작이 아니므로
  *   발생시키지 않는다(네이티브 select가 프로그래밍적 대입에는 change를 내지 않는 것과 동일한 관례).

package/dist/components/tab-panel/UTabPanel.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UPanel } from "../panel/UPanel.js";
 import { UTab } from "../tab/UTab.js";
 import { styles } from "./UTabPanel.styles.js";

package/dist/components/tag/UTag.d.ts

@@ -13,6 +13,7 @@ export type TagColor = "neutral" | "blue" | "green" | "yellow" | "red" | "orange
  * @cssprop --tag-color - 텍스트 색상
  * @cssprop --tag-bg-color - 배경 색상
  * @cssprop --tag-border-color - 테두리 색상
+ * @cssprop --tag-fill-color - variant 별 채움 기준색 (기본: --u-primary-color, 미지정 시 blue-600)
  */
 export declare class UTag extends UElement {
     static styles: import('lit').CSSResultGroup[];

package/dist/components/tag/UTag.js

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

package/dist/components/textarea/UTextarea.js

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

package/dist/components/tooltip/UTooltip.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UFloatingElement } from "../UFloatingElement.js";
 import { styles } from "./UTooltip.styles.js";
 import { html } from "lit";

package/dist/components/tree/UTree.d.ts

@@ -13,6 +13,12 @@ import { UTreeItem, TreeItemTrigger } from '../tree-item/UTreeItem.js';
  * @cssprop tree-indent-guide-color - 들여쓰기 가이드 선의 색상 (기본값: var(--u-border-color-weak))
  *
  * @event change - 선택된 아이템이 변경될 때 발생
+ *
+ * @cssprop --tree-indent-size - 깊이 한 단계당 들여쓰기 폭 (기본: 14px). 하위 u-tree-item 이 상속받는다.
+ * @cssprop --tree-indent-guide-offset - 들여쓰기 가이드 선의 좌측 오프셋 (기본: 8px)
+ * @cssprop --tree-indent-guide-width - 가이드 선 두께 (기본: 1px)
+ * @cssprop --tree-indent-guide-style - 가이드 선 스타일 (기본: solid)
+ * @cssprop --tree-indent-guide-color - 가이드 선 색상 (기본: --u-border-color-weak)
  */
 export declare class UTree extends UElement {
     static styles: import('lit').CSSResultGroup[];

package/dist/components/tree/UTree.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { UTreeItem } from "../tree-item/UTreeItem.js";
 import { styles } from "./UTree.styles.js";
 import { html } from "lit";

package/dist/components/tree-item/UTreeItem.d.ts

@@ -16,6 +16,8 @@ export type TreeItemTrigger = 'item' | 'icon';
  * @event collapse - 노드 접힐 시 발생
  * @event pick - 선택 시 발생
  * @event check - 체크 시 발생
+ *
+ * @cssprop --tree-item-color - 선택/활성 상태의 기준색 (기본: --u-primary-color, 미지정 시 blue-600)
  */
 export declare class UTreeItem extends UElement {
     static styles: import('lit').CSSResultGroup[];

package/dist/components/tree-item/UTreeItem.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
 import { styles } from "./UTreeItem.styles.js";

package/dist/react/UAlert.d.ts

@@ -6,6 +6,7 @@ import { type HideEventDetail } from '../events/HideEvent';
 export declare const UAlert: React.ForwardRefExoticComponent<
   Omit<Partial<UAlertElement>, keyof React.HTMLAttributes<UAlertElement>>
     & Omit<React.HTMLAttributes<UAlertElement>, 'onShow' | 'onHide'>
+    & React.RefAttributes<UAlertElement>
     & {
   onShow?: (event: CustomEvent<ShowEventDetail>) => void;
   onHide?: (event: CustomEvent<HideEventDetail>) => void;

package/dist/react/UAvatar.d.ts

@@ -4,6 +4,7 @@ import { UAvatar as UAvatarElement } from '../components/avatar/UAvatar';
 export declare const UAvatar: React.ForwardRefExoticComponent<
   Omit<Partial<UAvatarElement>, keyof React.HTMLAttributes<UAvatarElement>>
     & Omit<React.HTMLAttributes<UAvatarElement>, never>
+    & React.RefAttributes<UAvatarElement>
     & {
   }
 >;

package/dist/react/UBadge.d.ts

@@ -4,6 +4,7 @@ import { UBadge as UBadgeElement } from '../components/badge/UBadge';
 export declare const UBadge: React.ForwardRefExoticComponent<
   Omit<Partial<UBadgeElement>, keyof React.HTMLAttributes<UBadgeElement>>
     & Omit<React.HTMLAttributes<UBadgeElement>, never>
+    & React.RefAttributes<UBadgeElement>
     & {
   }
 >;

package/dist/react/UBreadcrumb.d.ts

@@ -4,6 +4,7 @@ import { UBreadcrumb as UBreadcrumbElement } from '../components/breadcrumb/UBre
 export declare const UBreadcrumb: React.ForwardRefExoticComponent<
   Omit<Partial<UBreadcrumbElement>, keyof React.HTMLAttributes<UBreadcrumbElement>>
     & Omit<React.HTMLAttributes<UBreadcrumbElement>, never>
+    & React.RefAttributes<UBreadcrumbElement>
     & {
   }
 >;

package/dist/react/UBreadcrumbItem.d.ts

@@ -5,6 +5,7 @@ import { type NavigateEventDetail } from '../events/NavigateEvent';
 export declare const UBreadcrumbItem: React.ForwardRefExoticComponent<
   Omit<Partial<UBreadcrumbItemElement>, keyof React.HTMLAttributes<UBreadcrumbItemElement>>
     & Omit<React.HTMLAttributes<UBreadcrumbItemElement>, 'onNavigate'>
+    & React.RefAttributes<UBreadcrumbItemElement>
     & {
   onNavigate?: (event: CustomEvent<NavigateEventDetail>) => void;
   }

package/dist/react/UButton.d.ts

@@ -4,6 +4,7 @@ import { UButton as UButtonElement } from '../components/button/UButton';
 export declare const UButton: React.ForwardRefExoticComponent<
   Omit<Partial<UButtonElement>, keyof React.HTMLAttributes<UButtonElement>>
     & Omit<React.HTMLAttributes<UButtonElement>, never>
+    & React.RefAttributes<UButtonElement>
     & {
   }
 >;