@iyulab/components 1.9.0 → 1.10.0

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.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";
@@ -171,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);

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/UDialog.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
 import { UDialog as UDialogElement } from '../components/dialog/UDialog';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UDialog: React.ForwardRefExoticComponent<
   Omit<Partial<UDialogElement>, keyof React.HTMLAttributes<UDialogElement>>
-    & Omit<React.HTMLAttributes<UDialogElement>, never>
+    & Omit<React.HTMLAttributes<UDialogElement>, 'onShow' | 'onHide'>
     & React.RefAttributes<UDialogElement>
     & {
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/react/UDialog.js

@@ -6,5 +6,8 @@ export const UDialog = createComponent({
   react: React,
   tagName: 'u-dialog',
   elementClass: UDialogElement,
-  events: {},
+  events: {
+    onShow: 'show',
+    onHide: 'hide',
+  },
 });

package/dist/react/UDrawer.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
 import { UDrawer as UDrawerElement } from '../components/drawer/UDrawer';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UDrawer: React.ForwardRefExoticComponent<
   Omit<Partial<UDrawerElement>, keyof React.HTMLAttributes<UDrawerElement>>
-    & Omit<React.HTMLAttributes<UDrawerElement>, never>
+    & Omit<React.HTMLAttributes<UDrawerElement>, 'onShow' | 'onHide'>
     & React.RefAttributes<UDrawerElement>
     & {
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/react/UDrawer.js

@@ -6,5 +6,8 @@ export const UDrawer = createComponent({
   react: React,
   tagName: 'u-drawer',
   elementClass: UDrawerElement,
-  events: {},
+  events: {
+    onShow: 'show',
+    onHide: 'hide',
+  },
 });

package/dist/react/UPopover.d.ts

@@ -1,13 +1,15 @@
 import React from 'react';
 import { UPopover as UPopoverElement } from '../components/popover/UPopover';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UPopover: React.ForwardRefExoticComponent<
   Omit<Partial<UPopoverElement>, keyof React.HTMLAttributes<UPopoverElement>>
     & Omit<React.HTMLAttributes<UPopoverElement>, 'onShow' | 'onHide'>
     & React.RefAttributes<UPopoverElement>
     & {
-  onShow?: (event: CustomEvent) => void;
-  onHide?: (event: CustomEvent) => void;
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/react/UTooltip.d.ts

@@ -1,13 +1,15 @@
 import React from 'react';
 import { UTooltip as UTooltipElement } from '../components/tooltip/UTooltip';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UTooltip: React.ForwardRefExoticComponent<
   Omit<Partial<UTooltipElement>, keyof React.HTMLAttributes<UTooltipElement>>
     & Omit<React.HTMLAttributes<UTooltipElement>, 'onShow' | 'onHide'>
     & React.RefAttributes<UTooltipElement>
     & {
-  onShow?: (event: CustomEvent) => void;
-  onHide?: (event: CustomEvent) => void;
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/styles/dark.css

@@ -155,6 +155,7 @@
   --u-border-color:          var(--u-neutral-400);
   --u-border-color-weak:     var(--u-neutral-300);
   --u-border-color-strong:   var(--u-neutral-500);
+  --u-border-color-hover:    var(--u-neutral-500);
 
   --u-input-border-color:         var(--u-neutral-400);
   --u-input-border-color-hover:   var(--u-neutral-500);

package/dist/styles/light.css

@@ -155,6 +155,7 @@
   --u-border-color:          var(--u-neutral-300);
   --u-border-color-weak:     var(--u-neutral-200);
   --u-border-color-strong:   var(--u-neutral-400);
+  --u-border-color-hover:    var(--u-neutral-400);
 
   --u-input-border-color:         var(--u-neutral-300);
   --u-input-border-color-hover:   var(--u-neutral-400);

package/dist/styles/tokens.css

@@ -0,0 +1,17 @@
+/*
+ * 디자인 토큰 한 장 — 라이트 + 다크.
+ *
+ *   import '@iyulab/components/styles/tokens.css';
+ *
+ * `Theme.init()` 을 부르지 않는 소비자를 위한 **정적 진입점**이다. 토큰이 없으면 컴포넌트
+ * 시트의 `var(--u-…)` 가 전부 무효가 되어 테두리·배경이 에러 없이 사라진다.
+ *
+ * 다크는 `:root[theme="dark"]` 로 스코프돼 있어 두 시트가 안전하게 공존한다 —
+ * `<html theme="dark">` 일 때만 활성화된다. 테마 전환/저장/시스템 감지가 필요하면
+ * `Theme.init()` 을 쓰면 되고, 그 경우 이 파일은 필요 없다(중복 정의는 무해하다).
+ *
+ * ⚠ 이 파일은 `Theme.init()` 이 인라인하는 번들에서 제외된다(Theme.ts 의 glob 참조) —
+ *   인라인된 `<style>` 안에서는 아래 상대 `@import` 가 문서 기준으로 해석돼 깨진다.
+ */
+@import './light.css';
+@import './dark.css';

package/dist/utilities/Theme.js

@@ -5,6 +5,10 @@ import light_css_default from "../_virtual/_glob-assets_raw/light.css.637cb2f8.j
 /**
 * 스타일 시트 번들 로드, 내부 자산에서 CSS를 인라인으로 가져옵니다.
 * 빌드 시점에 정적 파일을 포함시키기 위해 vite의 `import.meta.glob`을 사용합니다.
+*
+* ⚠ 대상을 `{light,dark}` 로 **명시**한다. `*.css` 로 두면 정적 진입점용 `tokens.css`
+* (light/dark 를 `@import` 하는 한 장)까지 인라인돼, `<style>` 안의 상대 `@import` 가
+* 문서 기준으로 해석되면서 깨진다.
 */
 var internalStyleBundle = Object.entries(/* #__PURE__ */ Object.assign({
 	"../assets/styles/dark.css": dark_css_default,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "keywords": [
     "iyulab",
     "components",
@@ -44,9 +44,11 @@
     "test:browser": "vitest run --project=browser",
     "lint": "eslint src/",
     "lint:fix": "eslint src/ --fix",
-    "build:plugins": "tsc -p plugins/tsconfig.json",
-    "build": "eslint && vite build && npm run build:plugins && npm run test:react-types",
-    "test:react-types": "tsc -p tsconfig.react-smoke.json"
+    "build": "eslint && npm run typecheck:plugins && vite build && npm run test:react-types",
+    "test:react-types": "tsc -p tsconfig.react-smoke.json",
+    "typecheck:plugins": "tsc -p plugins/tsconfig.json",
+    "docs:cssprops": "node scripts/cssprops-doc.mjs --write",
+    "docs:react-events": "node scripts/react-events-doc.mjs --write"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",

package/plugins/vite-plugin-glob-resolve.d.ts

@@ -1,12 +0,0 @@
-import type { Plugin } from 'vite';
-/**
- * Rolldown의 preserveModules 모드에서 import.meta.glob의 query 옵션 사용 시
- * 빈 export가 생성되는 문제를 해결하는 플러그인.
- *
- * - `?raw`: 파일 내용을 문자열로 반환
- * - `?inline`: 파일 내용을 문자열로 반환
- * - `?url`: 파일을 asset으로 emit하고 URL을 반환
- *
- * 가상 모듈(\0 prefix)로 변환하여 파일명에 `?`가 포함되는 것을 방지합니다.
- */
-export default function globResolve(): Plugin;