@iyulab/components 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/_virtual/{_@oxc-project_runtime@0.122.0 → _@oxc-project_runtime@0.124.0}/helpers/decorate.js +1 -1
  3. package/dist/_virtual/{_@oxc-project_runtime@0.122.0 → _@oxc-project_runtime@0.124.0}/helpers/decorateMetadata.js +1 -1
  4. package/dist/components/UFloatingElement.js +2 -2
  5. package/dist/components/UFormControlElement.js +2 -2
  6. package/dist/components/UOverlayElement.d.ts +2 -1
  7. package/dist/components/UOverlayElement.js +5 -4
  8. package/dist/components/UOverlayElement.styles.js +2 -1
  9. package/dist/components/alert/UAlert.js +2 -2
  10. package/dist/components/avatar/UAvatar.js +2 -2
  11. package/dist/components/badge/UBadge.js +2 -2
  12. package/dist/components/breadcrumb/UBreadcrumb.js +1 -1
  13. package/dist/components/breadcrumb-item/UBreadcrumbItem.js +2 -2
  14. package/dist/components/button/UButton.d.ts +16 -0
  15. package/dist/components/button/UButton.js +32 -7
  16. package/dist/components/button-group/UButtonGroup.js +2 -2
  17. package/dist/components/card/UCard.js +2 -2
  18. package/dist/components/carousel/UCarousel.js +2 -2
  19. package/dist/components/checkbox/UCheckbox.js +2 -2
  20. package/dist/components/chip/UChip.js +2 -2
  21. package/dist/components/dialog/UDialog.js +2 -2
  22. package/dist/components/divider/UDivider.js +2 -2
  23. package/dist/components/drawer/UDrawer.js +2 -2
  24. package/dist/components/drawer/UDrawer.styles.js +8 -1
  25. package/dist/components/field/UField.js +2 -2
  26. package/dist/components/form/UForm.js +2 -2
  27. package/dist/components/icon/UIcon.js +2 -2
  28. package/dist/components/icon-button/UIconButton.js +2 -2
  29. package/dist/components/input/UInput.js +2 -2
  30. package/dist/components/menu/UMenu.js +2 -2
  31. package/dist/components/menu-item/UMenuItem.js +2 -2
  32. package/dist/components/option/UOption.js +2 -2
  33. package/dist/components/panel/UPanel.js +2 -2
  34. package/dist/components/popover/UPopover.js +2 -2
  35. package/dist/components/progress-bar/UProgressBar.js +2 -2
  36. package/dist/components/progress-ring/UProgressRing.js +2 -2
  37. package/dist/components/radio/URadio.js +2 -2
  38. package/dist/components/rating/URating.js +2 -2
  39. package/dist/components/select/USelect.js +2 -2
  40. package/dist/components/skeleton/USkeleton.js +2 -2
  41. package/dist/components/slider/USlider.js +2 -2
  42. package/dist/components/spinner/USpinner.js +2 -2
  43. package/dist/components/split-panel/USplitPanel.js +2 -2
  44. package/dist/components/switch/USwitch.js +2 -2
  45. package/dist/components/tab/UTab.js +2 -2
  46. package/dist/components/tab-panel/UTabPanel.js +2 -2
  47. package/dist/components/tag/UTag.js +2 -2
  48. package/dist/components/textarea/UTextarea.js +2 -2
  49. package/dist/components/tooltip/UTooltip.js +2 -2
  50. package/dist/components/tree/UTree.js +2 -2
  51. package/dist/components/tree-item/UTreeItem.js +2 -2
  52. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,10 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.0.4] - 2026-04-20
4
+
5
+ ### Fixed
6
+ - `UButton`: Fixed `type="submit"`/`"reset"` not triggering ancestor `<form>` actions. The button rendered inside Shadow DOM cannot propagate submit/reset to the host form by default. Implemented form-associated custom element pattern (`static formAssociated = true` + `attachInternals()`) so `type="submit"` calls `requestSubmit()` and `type="reset"` calls `reset()` on the associated form. Adds `form` (ID), `name`, `value` properties for HTML `<button>` standard parity. Exposes `associatedForm` getter for inspection.
7
+
3
8
  ## [1.0.2] - 2026-04-07
4
9
 
5
10
  ### Fixed
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.122.0/helpers/decorate.js
1
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
2
2
  function __decorate(decorators, target, key, desc) {
3
3
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
4
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.122.0/helpers/decorateMetadata.js
1
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorateMetadata.js
2
2
  function __decorateMetadata(k, v) {
3
3
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
4
4
  }
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "./UElement.js";
2
- import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { getParentElement, querySelectorAllWithin } from "../utilities/elements.js";
5
5
  import { styles } from "./UFloatingElement.styles.js";
6
6
  import { property, state } from "lit/decorators.js";
@@ -1,7 +1,7 @@
1
1
  import { UElement } from "./UElement.js";
2
2
  import { styles } from "./UFormControlElement.styles.js";
3
- import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
4
- import { __decorate } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
3
+ import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
4
+ import { __decorate } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
5
5
  import { property } from "lit/decorators.js";
6
6
  //#region src/components/UFormControlElement.ts
7
7
  /**
@@ -50,7 +50,8 @@ export declare abstract class UOverlayElement extends UElement {
50
50
  */
51
51
  show(): boolean;
52
52
  /**
53
- * 오버레이를 숨깁니다. u-hide 이벤트가 취소되면 닫히지 않습니다.
53
+ * 오버레이를 숨깁니다. `hide` 이벤트가 취소되면 닫히지 않습니다.
54
+ * (이벤트 이름은 `hide`, prefix 없음 — `addEventListener('hide', ...)`로 수신)
54
55
  */
55
56
  hide(): boolean;
56
57
  /** closeOn 정책에 따라 닫기를 시도합니다. */
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "./UElement.js";
2
- import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { OverlayManager } from "../utilities/OverlayManager.js";
5
5
  import { arrayAttrConverter } from "../utilities/converters.js";
6
6
  import { styles } from "./UOverlayElement.styles.js";
@@ -61,8 +61,9 @@ var UOverlayElement = class extends UElement {
61
61
  }
62
62
  return false;
63
63
  }
64
- /**
65
- * 오버레이를 숨깁니다. u-hide 이벤트가 취소되면 닫히지 않습니다.
64
+ /**
65
+ * 오버레이를 숨깁니다. `hide` 이벤트가 취소되면 닫히지 않습니다.
66
+ * (이벤트 이름은 `hide`, prefix 없음 — `addEventListener('hide', ...)`로 수신)
66
67
  */
67
68
  hide() {
68
69
  if (!this.open) return true;
@@ -11,7 +11,8 @@ var styles = css`
11
11
  opacity: 0;
12
12
  visibility: hidden;
13
13
  pointer-events: none;
14
- transition: opacity 0.2s ease, visibility 0s 0.2s;
14
+ /* 패널 슬라이드와 동일 duration + easing으로 맞춰 '띠요옹' 느낌 제거 (타이밍 미스매치 방지) */
15
+ transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s 0.35s;
15
16
  overflow: hidden;
16
17
  }
17
18
  :host([open]) {
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../button/UButton.js";
6
6
  import { styles } from "./UAlert.styles.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UAvatar.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UBadge.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html, nothing } from "lit";
@@ -1,5 +1,5 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import "../icon/UIcon.js";
4
4
  import { styles } from "./UBreadcrumb.styles.js";
5
5
  import { customElement } from "lit/decorators.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UBreadcrumbItem.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -17,6 +17,13 @@ export type ButtonType = "button" | "submit" | "reset";
17
17
  */
18
18
  export declare class UButton extends UElement {
19
19
  static styles: import('lit').CSSResultGroup[];
20
+ /**
21
+ * Form-associated custom element 활성화. Shadow DOM 내부 native <button>은 외부
22
+ * <form>의 submit/reset을 자동 트리거하지 못하므로, ElementInternals.form을 통해
23
+ * type="submit"/"reset" 클릭 시 호스트 요소가 명시적으로 form을 조작한다.
24
+ */
25
+ static formAssociated: boolean;
26
+ private readonly _internals;
20
27
  /** 버튼 스타일 변형 */
21
28
  variant: ButtonVariant;
22
29
  /** 경계선 둥글게 여부 */
@@ -35,6 +42,15 @@ export declare class UButton extends UElement {
35
42
  rel?: string;
36
43
  /** 다운로드 파일명 */
37
44
  download?: string;
45
+ /** 연결 form ID — 외부 form을 ID로 명시 연결 (HTML <button form> 표준 호환) */
46
+ form?: string;
47
+ /** form data에 포함될 name */
48
+ name?: string;
49
+ /** form data에 포함될 value */
50
+ value?: string;
51
+ constructor();
52
+ /** 연결된 form (ancestor form 또는 form attribute로 지정된 form) */
53
+ get associatedForm(): HTMLFormElement | null;
38
54
  connectedCallback(): void;
39
55
  disconnectedCallback(): void;
40
56
  render(): TemplateResult<1>;
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../spinner/USpinner.js";
5
5
  import { styles } from "./UButton.styles.js";
6
6
  import { customElement, property } from "lit/decorators.js";
@@ -8,8 +8,14 @@ import { html } from "lit";
8
8
  import { ifDefined } from "lit/directives/if-defined.js";
9
9
  //#region src/components/button/UButton.ts
10
10
  var UButton = class UButton extends UElement {
11
- constructor(..._args) {
12
- super(..._args);
11
+ static {
12
+ this.styles = [super.styles, styles];
13
+ }
14
+ static {
15
+ this.formAssociated = true;
16
+ }
17
+ constructor() {
18
+ super();
13
19
  this.variant = "solid";
14
20
  this.rounded = false;
15
21
  this.disabled = false;
@@ -19,15 +25,22 @@ var UButton = class UButton extends UElement {
19
25
  if (this.disabled || this.loading) {
20
26
  e.preventDefault();
21
27
  e.stopImmediatePropagation();
28
+ return;
22
29
  }
30
+ const form = this._internals.form;
31
+ if (!form) return;
32
+ if (this.type === "submit") form.requestSubmit();
33
+ else if (this.type === "reset") form.reset();
23
34
  };
24
35
  this.handleSpinnerSlotChange = (e) => {
25
36
  const hasSpinner = e.target.assignedNodes().length > 0;
26
37
  this.toggleAttribute("has-spinner", hasSpinner);
27
38
  };
39
+ this._internals = this.attachInternals();
28
40
  }
29
- static {
30
- this.styles = [super.styles, styles];
41
+ /** 연결된 form (ancestor form 또는 form attribute로 지정된 form) */
42
+ get associatedForm() {
43
+ return this._internals.form;
31
44
  }
32
45
  connectedCallback() {
33
46
  super.connectedCallback();
@@ -100,6 +113,18 @@ __decorate([property({ type: String }), __decorateMetadata("design:type", String
100
113
  __decorate([property({ type: String }), __decorateMetadata("design:type", String)], UButton.prototype, "target", void 0);
101
114
  __decorate([property({ type: String }), __decorateMetadata("design:type", String)], UButton.prototype, "rel", void 0);
102
115
  __decorate([property({ type: String }), __decorateMetadata("design:type", String)], UButton.prototype, "download", void 0);
103
- UButton = __decorate([customElement("u-button")], UButton);
116
+ __decorate([property({
117
+ type: String,
118
+ reflect: true
119
+ }), __decorateMetadata("design:type", String)], UButton.prototype, "form", void 0);
120
+ __decorate([property({
121
+ type: String,
122
+ reflect: true
123
+ }), __decorateMetadata("design:type", String)], UButton.prototype, "name", void 0);
124
+ __decorate([property({
125
+ type: String,
126
+ reflect: true
127
+ }), __decorateMetadata("design:type", String)], UButton.prototype, "value", void 0);
128
+ UButton = __decorate([customElement("u-button"), __decorateMetadata("design:paramtypes", [])], UButton);
104
129
  //#endregion
105
130
  export { UButton };
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { UButton } from "../button/UButton.js";
5
5
  import { UIconButton } from "../icon-button/UIconButton.js";
6
6
  import { styles } from "./UButtonGroup.styles.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UCard.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../button/UButton.js";
6
6
  import { styles } from "./UCarousel.styles.js";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import "../icon/UIcon.js";
5
5
  import { styles } from "./UCheckbox.styles.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../button/UButton.js";
6
6
  import "../tooltip/UTooltip.js";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import "../icon/UIcon.js";
4
4
  import { UOverlayElement } from "../UOverlayElement.js";
5
5
  import "../button/UButton.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UDivider.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import "../icon/UIcon.js";
4
4
  import { UOverlayElement } from "../UOverlayElement.js";
5
5
  import "../button/UButton.js";
@@ -44,7 +44,14 @@ var styles = css`
44
44
  background: var(--u-panel-bg-color);
45
45
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
46
46
  pointer-events: auto;
47
- transition: transform 0.3s ease;
47
+ /*
48
+ * easeOutQuart (cubic-bezier(0.22, 1, 0.36, 1)) — 빠르게 시작해서 부드럽게 정착.
49
+ * 운영자 선호: 거의 90% 빠르게 패널이 표시되고 점점 천천히 완성, 빠릿빠릿한 느낌.
50
+ * 13차 run: 0.55s easeOutExpo는 "띠요옹" 떨림 느낌 → 0.35s easeOutQuart로 단축.
51
+ * UOverlayElement의 backdrop opacity transition과 동일 duration/easing으로 맞춤.
52
+ * 호스트 앱이 ::part(panel) { transition: ... }로 추가 override 가능.
53
+ */
54
+ transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
48
55
  }
49
56
 
50
57
  .header {
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UField.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html, nothing } from "lit";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { UFormControlElement } from "../UFormControlElement.js";
5
5
  import { arrayAttrConverter } from "../../utilities/converters.js";
6
6
  import { styles } from "./UForm.styles.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { IconRegistry, getDefaultBaseUrl } from "../../utilities/icons.js";
5
5
  import { styles } from "./UIcon.styles.js";
6
6
  import { customElement, property } from "lit/decorators.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../button/UButton.js";
6
6
  import "../tooltip/UTooltip.js";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../spinner/USpinner.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { UMenuItem } from "../menu-item/UMenuItem.js";
5
5
  import { styles } from "./UMenu.styles.js";
6
6
  import { customElement, property } from "lit/decorators.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import { UDivider } from "../divider/UDivider.js";
6
6
  import "../popover/UPopover.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import { styles } from "./UOption.styles.js";
6
6
  import { customElement, property } from "lit/decorators.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UPanel.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFloatingElement } from "../UFloatingElement.js";
4
4
  import { arrayAttrConverter } from "../../utilities/converters.js";
5
5
  import { styles } from "./UPopover.styles.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UProgressBar.styles.js";
5
5
  import { customElement, property, state } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UProgressRing.styles.js";
5
5
  import { customElement, property, state } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import "../field/UField.js";
5
5
  import { UOption } from "../option/UOption.js";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../field/UField.js";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../spinner/USpinner.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./USkeleton.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import "../tooltip/UTooltip.js";
5
5
  import "../field/UField.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./USpinner.styles.js";
5
5
  import { customElement, property, state } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { arrayAttrConverter } from "../../utilities/converters.js";
5
5
  import { styles } from "./USplitPanel.styles.js";
6
6
  import { customElement, property, query } from "lit/decorators.js";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import { styles } from "./USwitch.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../button/UButton.js";
6
6
  import { styles } from "./UTab.styles.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { UPanel } from "../panel/UPanel.js";
5
5
  import { UTab } from "../tab/UTab.js";
6
6
  import { styles } from "./UTabPanel.styles.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { styles } from "./UTag.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
6
6
  import { html } from "lit";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFormControlElement } from "../UFormControlElement.js";
4
4
  import "../field/UField.js";
5
5
  import { styles } from "./UTextarea.styles.js";
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
2
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
1
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
3
3
  import { UFloatingElement } from "../UFloatingElement.js";
4
4
  import { styles } from "./UTooltip.styles.js";
5
5
  import { customElement, property } from "lit/decorators.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import { UTreeItem } from "../tree-item/UTreeItem.js";
5
5
  import { styles } from "./UTree.styles.js";
6
6
  import { customElement, property, state } from "lit/decorators.js";
@@ -1,6 +1,6 @@
1
1
  import { UElement } from "../UElement.js";
2
- import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
3
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
2
+ import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
4
4
  import "../icon/UIcon.js";
5
5
  import "../spinner/USpinner.js";
6
6
  import { styles } from "./UTreeItem.styles.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@iyulab/components",
3
3
  "description": "web-components library based on lit-element made by iyulab",
4
- "version": "1.0.2",
4
+ "version": "1.0.4",
5
5
  "keywords": [
6
6
  "iyulab",
7
7
  "components",
@@ -62,16 +62,16 @@
62
62
  },
63
63
  "devDependencies": {
64
64
  "@eslint/js": "^9.39.4",
65
- "@types/node": "^25.5.0",
65
+ "@types/node": "^25.6.0",
66
66
  "eslint": "^9.39.4",
67
67
  "eslint-plugin-lit": "^2.2.1",
68
68
  "glob": "^13.0.6",
69
- "globals": "^17.4.0",
70
- "react": "^19.2.4",
69
+ "globals": "^17.5.0",
70
+ "react": "^19.2.5",
71
71
  "typescript": "^5.9.3",
72
- "typescript-eslint": "^8.57.2",
73
- "vite": "^8.0.3",
72
+ "typescript-eslint": "^8.58.2",
73
+ "vite": "^8.0.8",
74
74
  "vite-plugin-dts": "^4.5.4",
75
- "vite-plugin-static-copy": "^4.0.0"
75
+ "vite-plugin-static-copy": "^4.1.0"
76
76
  }
77
77
  }