@iyulab/components 1.33.1 → 1.34.0

package/dist/components/carousel/UCarousel.js

@@ -1,8 +1,9 @@
 import { UElement } from "../UElement.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 __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
+import { Locale } from "../../utilities/Locale.js";
 import { styles } from "./UCarousel.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -143,6 +144,7 @@ var UCarousel = class UCarousel extends UElement {
         ?hidden=${!this.navigation || !this.loop && this.index <= 0}
         variant="ghost"
         rounded
+        aria-label=${Locale.getValue("previousSlide")}
         @click=${this.prev}>
         <u-icon lib="internal" name="chevron-left"></u-icon>
       </u-button>
@@ -150,6 +152,7 @@ var UCarousel = class UCarousel extends UElement {
         ?hidden=${!this.navigation || !this.loop && this.index >= this.maxIndex}
         variant="ghost"
         rounded
+        aria-label=${Locale.getValue("nextSlide")}
         @click=${this.next}>
         <u-icon lib="internal" name="chevron-right"></u-icon>
       </u-button>
@@ -158,6 +161,8 @@ var UCarousel = class UCarousel extends UElement {
         ?hidden=${!this.pagination || this.pageCount <= 1}>
         ${Array.from({ length: this.pageCount }, (_, i) => html`
           <button part="dot" class="dot"
+            aria-label=${Locale.getValue("goToSlide", { n: i + 1 })}
+            aria-current=${i === this.currentPage ? "true" : "false"}
             ?active=${i === this.currentPage}
             @click=${() => this.goTo(Math.min(i * this.perMove, this.maxIndex))}>
           </button>

package/dist/components/checkbox/UCheckbox.js

@@ -1,5 +1,5 @@
-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 __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../icon/UIcon.js";
 import { Locale } from "../../utilities/Locale.js";

package/dist/components/chip/UChip.js

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

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

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

@@ -1,9 +1,14 @@
 import { PropertyValues } from 'lit';
 import { UFormControlElement } from '../UFormControlElement.js';
 import { UPopover } from '../popover/UPopover.js';
+export type DatePickerMode = 'date' | 'datetime';
 /**
- * A single-date-selection form control. The value follows the same convention as the
- * native `input[type=date]`: an ISO `YYYY-MM-DD` string.
+ * A single-date(-time)-selection form control. In `mode="date"` (default) the value follows
+ * the same convention as the native `input[type=date]`: an ISO `YYYY-MM-DD` string. In
+ * `mode="datetime"` the value is a complete ISO-8601 `DateTimeOffset` string
+ * (`YYYY-MM-DDTHH:mm:ss±HH:mm`) — the component always fills in seconds and the browser's
+ * local UTC offset, so the value is unconditionally valid regardless of how coarse the time
+ * input was.
  *
  * The calendar week always starts on Sunday, regardless of locale — harmless for the
  * locales this library currently ships (en/ko), but not correct for locales where Monday
@@ -20,17 +25,25 @@ import { UPopover } from '../popover/UPopover.js';
  * @csspart calendar-weekdays - the weekday header row
  * @csspart calendar-grid - the date grid
  * @csspart day - a date cell button
+ * @csspart calendar-footer - the row holding the "today"/"clear" quick-action buttons
+ * @csspart calendar-time - the row holding the time-of-day input (datetime mode only)
  *
  * @cssprop --date-picker-popover-width - width of the calendar popover (default: 296px, independent of trigger width — a fixed-width calendar reads more naturally)
  *
- * @event change - fires when the user clicks a date cell, confirms via keyboard, or clicks the clear button.
- *   Programmatic value assignment does not fire it (same contract as native form controls).
+ * @event change - fires when the user clicks a date cell, confirms via keyboard, changes the
+ *   time input (datetime mode, once a date is set), or clicks the clear button. Programmatic
+ *   value assignment does not fire it (same contract as native form controls).
  */
 export declare class UDatePicker extends UFormControlElement<string> {
     static styles: import('lit').CSSResultGroup[];
-    /** Minimum value (ISO YYYY-MM-DD) — dates before this cannot be selected. */
+    /** `date` (default) selects a calendar day only. `datetime` also captures a time-of-day and
+     *  the value becomes a complete ISO-8601 `DateTimeOffset` string. */
+    mode: DatePickerMode;
+    /** Minimum value (ISO YYYY-MM-DD) — dates before this cannot be selected. Date-only even in
+     *  `mode="datetime"`; time-of-day is never range-checked. */
     min?: string;
-    /** Maximum value (ISO YYYY-MM-DD) — dates after this cannot be selected. */
+    /** Maximum value (ISO YYYY-MM-DD) — dates after this cannot be selected. Date-only even in
+     *  `mode="datetime"`; time-of-day is never range-checked. */
     max?: string;
     /** Whether to show the clear button */
     clearable: boolean;
@@ -43,14 +56,28 @@ export declare class UDatePicker extends UFormControlElement<string> {
     private open;
     private viewDate;
     private focusedDate;
+    /** Time-of-day for the next selection while no `value` exists yet (`mode="datetime"` only) —
+     *  once `value` is set, the time input reads/writes its time portion directly instead. */
+    private pendingTime;
     private grabFocusOnUpdate;
     protected updated(changed: PropertyValues): void;
     render(): import('lit-html').TemplateResult<1>;
     private renderCalendar;
+    private renderTimeRow;
+    private renderFooter;
     private renderDay;
     private isOutOfRange;
     private focusDayButton;
+    /** `timeOverride` lets a caller force the time-of-day (the "today" quick action wants
+     *  "right now", overriding whatever time was previously set) — a plain day-cell click omits
+     *  it, which preserves the existing time-of-day (or `pendingTime`) so switching the date
+     *  alone doesn't clobber a time the user already picked. */
     private selectDay;
+    /** Time input change — only commits into `value` once a date already exists (matches native
+     *  `datetime-local`: a time alone isn't a complete value). Before that, it just remembers
+     *  `pendingTime` for whenever a day gets picked. Doesn't close the popover or refocus the
+     *  trigger — unlike selecting a day, adjusting the time doesn't conclude the interaction. */
+    private handleTimeChange;
     private handlePrevMonth;
     private handleNextMonth;
     private navigateMonth;
@@ -59,6 +86,16 @@ export declare class UDatePicker extends UFormControlElement<string> {
     private handlePopoverShow;
     private handlePopoverHide;
     private handleClearClick;
+    /** "오늘" 퀵액션 — `today` 셀이 이미 렌더에서 계산해 표시 중인 값(`renderDay`의
+     *  `isSameDay(date, new Date())`)을 실제로 선택하는 것뿐이라 `selectDay`를 그대로 탄다
+     *  (범위 밖이면 `selectDay`가 조용히 no-op — 클릭 불가 상태인 day 셀과 동일 규약).
+     *  datetime 모드에서는 "지금"을 통째로 채우는 것이 요청의 본질(§D-28 항목 2 docket 코멘트)
+     *  이라 시간까지 `now`로 덮어쓴다 — 평범한 day 셀 클릭과 달리 기존 시각을 보존하지 않는다. */
+    private handleTodayClick;
+    /** 캘린더 팝오버 안 "초기화" 퀵액션 — 트리거의 clear 아이콘(`handleClearClick`)과 값을
+     *  비우는 로직은 같지만, 팝오버가 열린 채로 눌렸으므로 선택 완료와 동일하게 닫아 준다. */
+    private handleFooterResetClick;
+    private resetValue;
     /** suffix `u-icon`은 순수 표시 요소(버튼 아님)라 네이티브 키보드 활성화가 없다 —
      *  `role="button"`+`tabindex="0"`로 포커스 가능하게 한 뒤, Enter/Space를 같은 클릭
      *  핸들러로 릴레이한다(`UInput`/`USelect`의 동일 패턴과 일치). */

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

@@ -1,6 +1,7 @@
-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 __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
+import "../button/UButton.js";
 import "../icon/UIcon.js";
 import "../icon-button/UIconButton.js";
 import { Locale } from "../../utilities/Locale.js";
@@ -34,6 +35,31 @@ function addDays(date, delta) {
 function daysInMonth(date) {
 	return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
 }
+/** `±HH:mm` for the browser's local timezone at `date` (DST-aware — recomputed per date,
+*  not cached — `getTimezoneOffset()`'s sign is the inverse of the ISO-8601 offset sign). */
+function getLocalOffset(date) {
+	const minutes = -date.getTimezoneOffset();
+	const sign = minutes >= 0 ? "+" : "-";
+	const abs = Math.abs(minutes);
+	return `${sign}${String(Math.floor(abs / 60)).padStart(2, "0")}:${String(abs % 60).padStart(2, "0")}`;
+}
+/** Builds the `value` for the given mode — `datetime` always emits seconds + local offset so
+*  the result is unconditionally a valid, unambiguous ISO-8601 `DateTimeOffset` regardless of
+*  how coarse the UI input was (this is the guarantee the datetime mode request asked for). */
+function buildValue(date, mode, time) {
+	return mode === "datetime" ? `${toISODate(date)}T${time}:00${getLocalOffset(date)}` : toISODate(date);
+}
+/** Splits a `value` into its date portion (as a `Date`, via the local `parseISODate` above —
+*  date-only, no timezone conversion) and its `HH:mm` time-of-day (`'00:00'` if absent —
+*  covers both plain date-mode values and a datetime value with no time captured yet). */
+function splitValue(value) {
+	const [datePart, rest] = value.split("T");
+	const match = rest?.match(/^(\d{2}:\d{2})/);
+	return {
+		date: parseISODate(datePart),
+		time: match ? match[1] : "00:00"
+	};
+}
 /** Cells to render for the calendar grid — leading `null`s pad the previous month's weekday offset. */
 function buildMonthGrid(viewDate) {
 	const startOffset = startOfMonth(viewDate).getDay();
@@ -58,12 +84,23 @@ function getWeekdayLabels(locale) {
 var UDatePicker = class UDatePicker extends UFormControlElement {
 	constructor(..._args) {
 		super(..._args);
+		this.mode = "date";
 		this.clearable = false;
 		this.calendarId = `u-date-picker-calendar-${Math.random().toString(36).slice(2, 8)}`;
 		this.open = false;
 		this.viewDate = startOfMonth(/* @__PURE__ */ new Date());
 		this.focusedDate = /* @__PURE__ */ new Date();
+		this.pendingTime = "00:00";
 		this.grabFocusOnUpdate = false;
+		this.handleTimeChange = (e) => {
+			const time = e.target.value || "00:00";
+			this.pendingTime = time;
+			if (!this.value) return;
+			const iso = buildValue(splitValue(this.value).date, this.mode, time);
+			const changed = iso !== this.value;
+			this.value = iso;
+			if (changed) this.emitChange();
+		};
 		this.handlePrevMonth = () => this.navigateMonth(-1);
 		this.handleNextMonth = () => this.navigateMonth(1);
 		this.handleDayKeydown = (e, date) => {
@@ -106,7 +143,7 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		this.handlePopoverShow = () => {
 			this.open = true;
 			this.grabFocusOnUpdate = true;
-			const base = this.value ? parseISODate(this.value) : /* @__PURE__ */ new Date();
+			const base = this.value ? splitValue(this.value).date : /* @__PURE__ */ new Date();
 			this.viewDate = startOfMonth(base);
 			this.focusedDate = base;
 		};
@@ -116,9 +153,17 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		this.handleClearClick = (e) => {
 			e.preventDefault();
 			e.stopPropagation();
-			const hadValue = !!this.value;
-			this.value = void 0;
-			if (hadValue) this.emitChange();
+			this.resetValue();
+			this.containerEl?.focus();
+		};
+		this.handleTodayClick = () => {
+			const now = /* @__PURE__ */ new Date();
+			const time = this.mode === "datetime" ? `${String(now.getHours()).padStart(2, "0")}:${String(now.getMinutes()).padStart(2, "0")}` : void 0;
+			this.selectDay(now, time);
+		};
+		this.handleFooterResetClick = () => {
+			this.resetValue();
+			this.popoverEl?.hide();
 			this.containerEl?.focus();
 		};
 		this.handleClearKeydown = (e) => {
@@ -139,7 +184,10 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		}
 	}
 	render() {
-		const displayText = this.value ? formatDate(this.value) : "";
+		const displayText = this.value ? formatDate(this.value, this.mode === "datetime" ? {
+			dateStyle: "medium",
+			timeStyle: "short"
+		} : void 0) : "";
 		return html`
       <u-field part="field"
         ?required=${this.required}
@@ -216,11 +264,37 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
             </div>
           `)}
         </div>
+        ${this.renderTimeRow()}
+        ${this.renderFooter()}
+      </div>
+    `;
+	}
+	renderTimeRow() {
+		if (this.mode !== "datetime") return "";
+		const time = this.value ? splitValue(this.value).time : this.pendingTime;
+		return html`
+      <div class="calendar-time" part="calendar-time">
+        <input type="time" class="time-input" part="time-input"
+          aria-label=${Locale.getValue("time")}
+          .value=${time}
+          @change=${this.handleTimeChange}
+        />
+      </div>
+    `;
+	}
+	renderFooter() {
+		const todayDisabled = this.isOutOfRange(/* @__PURE__ */ new Date());
+		return html`
+      <div class="calendar-footer" part="calendar-footer">
+        <u-button variant="ghost" size="sm" ?disabled=${todayDisabled} @click=${this.handleTodayClick}>${Locale.getValue("today")}</u-button>
+        ${this.clearable && this.value ? html`
+          <u-button variant="ghost" size="sm" @click=${this.handleFooterResetClick}>${Locale.getValue("clear")}</u-button>
+        ` : ""}
       </div>
     `;
 	}
 	renderDay(date) {
-		const selected = this.value ? isSameDay(date, parseISODate(this.value)) : false;
+		const selected = this.value ? isSameDay(date, splitValue(this.value).date) : false;
 		const focused = isSameDay(date, this.focusedDate);
 		const today = isSameDay(date, /* @__PURE__ */ new Date());
 		const outOfRange = this.isOutOfRange(date);
@@ -249,11 +323,17 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		const iso = toISODate(date);
 		this.renderRoot.querySelector(`button.day[data-iso="${iso}"]`)?.focus();
 	}
-	selectDay(date) {
+	/** `timeOverride` lets a caller force the time-of-day (the "today" quick action wants
+	*  "right now", overriding whatever time was previously set) — a plain day-cell click omits
+	*  it, which preserves the existing time-of-day (or `pendingTime`) so switching the date
+	*  alone doesn't clobber a time the user already picked. */
+	selectDay(date, timeOverride) {
 		if (this.isOutOfRange(date)) return;
-		const iso = toISODate(date);
+		const time = timeOverride ?? (this.value ? splitValue(this.value).time : this.pendingTime);
+		const iso = buildValue(date, this.mode, time);
 		const changed = iso !== this.value;
 		this.value = iso;
+		if (this.mode === "datetime") this.pendingTime = time;
 		if (changed) this.emitChange();
 		this.popoverEl?.hide();
 		this.containerEl?.focus();
@@ -271,6 +351,11 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		if (next.getMonth() !== this.viewDate.getMonth() || next.getFullYear() !== this.viewDate.getFullYear()) this.viewDate = startOfMonth(next);
 		this.focusedDate = next;
 	}
+	resetValue() {
+		const hadValue = !!this.value;
+		this.value = void 0;
+		if (hadValue) this.emitChange();
+	}
 	emitChange() {
 		if (!this.novalidate) this.validate();
 		this.dispatchEvent(new Event("change", {
@@ -284,10 +369,10 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		if (this.required && !this.value) {
 			flags = { valueMissing: true };
 			message = Locale.getValue("valueMissing");
-		} else if (this.value && this.min && parseISODate(this.value).getTime() < parseISODate(this.min).getTime()) {
+		} else if (this.value && this.min && splitValue(this.value).date.getTime() < parseISODate(this.min).getTime()) {
 			flags = { rangeUnderflow: true };
 			message = Locale.getValue("rangeUnderflow", { min: this.min });
-		} else if (this.value && this.max && parseISODate(this.value).getTime() > parseISODate(this.max).getTime()) {
+		} else if (this.value && this.max && splitValue(this.value).date.getTime() > parseISODate(this.max).getTime()) {
 			flags = { rangeOverflow: true };
 			message = Locale.getValue("rangeOverflow", { max: this.max });
 		}
@@ -308,6 +393,10 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 		this.containerEl?.blur();
 	}
 };
+__decorate([property({
+	type: String,
+	reflect: true
+}), __decorateMetadata("design:type", Object)], UDatePicker.prototype, "mode", void 0);
 __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);
 __decorate([property({
@@ -320,6 +409,7 @@ __decorate([query("u-popover", true), __decorateMetadata("design:type", typeof U
 __decorate([state(), __decorateMetadata("design:type", Boolean)], UDatePicker.prototype, "open", void 0);
 __decorate([state(), __decorateMetadata("design:type", typeof Date === "undefined" ? Object : Date)], UDatePicker.prototype, "viewDate", void 0);
 __decorate([state(), __decorateMetadata("design:type", typeof Date === "undefined" ? Object : Date)], UDatePicker.prototype, "focusedDate", void 0);
+__decorate([state(), __decorateMetadata("design:type", String)], UDatePicker.prototype, "pendingTime", void 0);
 UDatePicker = __decorate([customElement("u-date-picker")], UDatePicker);
 //#endregion
 export { UDatePicker };

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

@@ -142,6 +142,35 @@ var styles = css`
     color: var(--u-txt-color-disabled, #BDBDBD);
     cursor: not-allowed;
   }
+
+  .calendar-time {
+    display: flex;
+    justify-content: flex-end;
+    padding: 4px 4px 0;
+  }
+  .time-input {
+    font-family: inherit;
+    font-size: 0.9em;
+    padding: 2px 6px;
+    border: 1px solid var(--u-input-border-color, #E0E0E0);
+    border-radius: 0.25em;
+    background-color: var(--u-input-bg-color, #FFFFFF);
+    color: var(--u-txt-color, #212121);
+  }
+  .time-input:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 1px var(--u-input-border-color-focus, #1565C0);
+  }
+
+  .calendar-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    padding-top: 8px;
+    margin-top: 4px;
+    border-top: 1px solid var(--u-border-color-weak, #EEEEEE);
+  }
 `;
 //#endregion
 export { styles };

package/dist/components/dialog/UDialog.js

@@ -1,5 +1,5 @@
-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 __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import { styles } from "./UExpander.styles.js";
 import { html } from "lit";

package/dist/components/field/UField.js

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

package/dist/components/input/UInput.js

@@ -1,5 +1,5 @@
-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 __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";

package/dist/components/menu/UMenu.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.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 __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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,6 @@
-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 { isCoarsePointer } from "../../utilities/elements.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { UFloatingElement } from "../UFloatingElement.js";
 import { arrayAttrConverter } from "../../utilities/converters.js";
 import { styles } from "./UPopover.styles.js";
@@ -47,15 +48,23 @@ var UPopover = class UPopover extends UFloatingElement {
 		};
 		this.handleAnchorPointerEnter = (e) => {
 			this.cancelSafeTimer();
+			if (isCoarsePointer(e)) {
+				if (this.open) this.hide();
+				else this.show(e.currentTarget);
+				return;
+			}
 			this.show(e.currentTarget);
 		};
-		this.handleAnchorPointerLeave = () => {
+		this.handleAnchorPointerLeave = (e) => {
+			if (isCoarsePointer(e)) return;
 			this.startSafeTimer();
 		};
-		this.handlePopoverPointerEnter = () => {
+		this.handlePopoverPointerEnter = (e) => {
+			if (isCoarsePointer(e)) return;
 			this.cancelSafeTimer();
 		};
-		this.handlePopoverPointerLeave = () => {
+		this.handlePopoverPointerLeave = (e) => {
+			if (isCoarsePointer(e)) return;
 			this.startSafeTimer();
 		};
 		this.handleAnchorFocusIn = (e) => {

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

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.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 __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";