@iyulab/components 1.36.0 → 1.37.1

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # Changelog
 
+## [1.37.1] - 2026-09-07
+
+### Fixed
+
+- **A popover or tooltip with a wide trigger could still end up off-screen.**
+  When `placement` is set, `flip` is always applied, but it only considered the
+  opposite side on the same axis. A trigger that spans nearly the full viewport
+  width — a full-width row or drawer item, say — leaves room on neither the left
+  nor the right, so a `right-end` popover flipped to `left-end`, found no room
+  there either, and rendered outside the viewport. `flip` now also falls back to
+  the perpendicular axis, tried strictly last: a placement that already fits is
+  never re-evaluated, so this only changes cases that were previously broken.
+  The `placement` docs described the old, narrower behavior and have been
+  corrected in the JSDoc and the popover/tooltip references.
+
+- **The generated React wrappers pointed at a different copy of each element
+  class than a deep import did.** Each wrapper reached its element class by a
+  relative path, which bypasses the package's own `exports` map. In a workspace
+  that redirects `./dist/*` to source for live editing, that left the wrapper on
+  one declaration tree and every consumer deep import on another, so the same
+  component existed as two nominal types and merging both into
+  `HTMLElementTagNameMap` failed with `TS2717` — importing `@iyulab/components/react`
+  anywhere in such a program was impossible. Wrappers (and their event-detail
+  type imports) now reference the package by name, letting the `exports` map
+  resolve both axes to one tree in either setting. Published output is
+  unaffected: both forms resolve to the same built file there. The React type
+  smoke fixture no longer needs its `paths` override to compile.
+
+## [1.37.0] - 2026-09-06
+
+### Added
+
+- **`u-date-picker` and `u-select` expose a `:state(open)` custom state.**
+  Both already tracked their popover's open/closed state privately; it is now
+  surfaced through `ElementInternals.states` so consumers can style the trigger
+  while the popover is showing — `u-date-picker:state(open)::part(container)`,
+  `u-select:state(open)::part(container)`. Deliberately not a reflected
+  attribute: the state stays private to the component and exists only as a CSS
+  hook, so no new public attribute enters the API surface.
+
+### Documentation
+
+- **`UFloatingElement.placement` documents that `flip` is always applied.**
+  Whenever `placement` is set, floating-ui's `flip` middleware runs (switching
+  to the opposite side when the placed side has no room) — this has always been
+  the behavior but was undocumented, and `shift`'s description ("keeps the
+  element on screen") over-promised, since `shift` only corrects the cross axis
+  *within* a side. Both properties now describe the split, and a regression test
+  covers the flip fallback.
+
 ## [1.36.0] - 2026-09-04
 
 ### Added

package/dist/components/UFloatingElement.d.ts

@@ -51,6 +51,16 @@ export declare class UFloatingElement extends UElement {
      * 대상 엘리먼트로부터의 배치 위치입니다.
      * 지정하지 않으면 자동으로 가장 적절한 위치가 선택됩니다.
      *
+     * @remarks
+     * 지정한 변(side)에 공간이 없으면 자동으로 다른 변으로 전환됩니다(floating-ui의
+     * `flip` 미들웨어가 `placement`를 지정했을 때 항상 함께 적용됩니다 — 별도
+     * 옵션으로 끌 수 없습니다). 전환 순서는 **같은 축의 반대 변이 먼저**이고, 그쪽에도
+     * 공간이 없을 때만 **수직 축**으로 넘어갑니다 — 예를 들어 `right-end`는
+     * `left-end` → `top-end`/`bottom-end` 순으로 시도합니다. 트리거가 넓어(예:
+     * 전체 폭 사이드바 항목) 좌·우 어느 쪽에도 공간이 없는 경우가 이 마지막 단계가
+     * 필요한 자리입니다. `shift`는 이 전환과 별개로, 전환된(또는 지정된) 변
+     * **안에서** 교차축 위치만 보정합니다.
+     *
      * @default undefined
      */
     placement?: Placement;
@@ -62,7 +72,9 @@ export declare class UFloatingElement extends UElement {
      */
     offset: OffsetOptions;
     /**
-     * 엘리먼트가 화면 안에 머물도록 자동으로 위치를 조정할지 여부입니다.
+     * 지정된(또는 `flip`으로 전환된) 배치 변 **안에서** 교차축 위치를 자동으로
+     * 보정할지 여부입니다 — 그 변 자체에 공간이 없어 반대 변으로 넘어가는 것은
+     * `placement` 설명의 `flip` 동작이 담당합니다.
      *
      * @default false
      */

package/dist/components/UFloatingElement.js

@@ -138,7 +138,7 @@ var UFloatingElement = class extends UElement {
 			middleware: [
 				offset(this.offset),
 				shift({ mainAxis: this.shift }),
-				this.placement ? flip() : autoPlacement(),
+				this.placement ? flip({ fallbackAxisSideDirection: "start" }) : autoPlacement(),
 				...this.arrowEl ? [arrow({ element: this.arrowEl })] : [],
 				hide()
 			]

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

@@ -16,6 +16,11 @@ export type DatePickerMode = 'date' | 'datetime';
  * first day of week from `Intl.Locale(locale).weekInfo?.firstDay`, falling back to Sunday
  * where unsupported.
  *
+ * Exposes a `:state(open)` custom state (via `ElementInternals.states`) while the calendar
+ * popover is showing — style with `u-date-picker:state(open)::part(container)`. Unlike
+ * `mode`/`clearable`, this state is never reflected as a public attribute — it exists purely
+ * as a CSS hook for consumers who want to react to the open/closed state from outside.
+ *
  * @csspart field - the u-field element
  * @csspart container - the element wrapping the trigger area
  * @csspart popover - the popover element showing the calendar

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

@@ -178,6 +178,7 @@ var UDatePicker = class UDatePicker extends UFormControlElement {
 	updated(changed) {
 		super.updated(changed);
 		if (changed.has("value")) this.internals?.setFormValue(this.value ?? "");
+		if (changed.has("open")) this.internals?.states[this.open ? "add" : "delete"]("open");
 		if (changed.has("open") && this.open || changed.has("focusedDate") && this.open && this.grabFocusOnUpdate) {
 			this.grabFocusOnUpdate = false;
 			this.popoverEl?.updateComplete.then(() => this.focusDayButton(this.focusedDate));

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

@@ -12,6 +12,10 @@ export type SelectVariant = 'outlined' | 'filled' | 'underlined' | 'borderless';
  *   팝오버 목록에서 사라지기 때문. 리치 콘텐츠가 필요하면 이 slot에 별도 마크업을 할당하고
  *   `change` 이벤트에서 직접 갱신한다.)
  *
+ * 옵션 목록 팝오버가 열려 있는 동안 `:state(open)` 커스텀 상태를 노출한다(via
+ * `ElementInternals.states`) — `u-select:state(open)::part(container)`로 스타일링할 수
+ * 있다. 공개 속성으로 반사되지 않는다.
+ *
  * @csspart field - u-field 요소
  * @csspart container - 트리거 영역을 감싸는 요소
  * @csspart popover - 옵션 목록이 표시되는 팝오버 요소

package/dist/components/select/USelect.js

@@ -153,6 +153,7 @@ var USelect = class USelect extends UFormControlElement {
 	updated(changedProperties) {
 		super.updated(changedProperties);
 		if (["value", "options"].some((k) => changedProperties.has(k))) this.onChangeValue();
+		if (changedProperties.has("open")) this.internals?.states[this.open ? "add" : "delete"]("open");
 	}
 	render() {
 		return html`

package/dist/plugins/vite-plugin-react-wrapper.js

@@ -1,4 +1,4 @@
-import { resolve, join, relative, dirname, basename } from 'path';
+import { resolve, join, relative, dirname, basename, sep } from 'path';
 import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs';
 import { gzipSync } from 'zlib';
 import { globSync } from 'glob';
@@ -9,12 +9,15 @@ export default function reactWrapperPlugin(options) {
     let rootDir;
     let buildOutDir;
     let outDir;
+    /** 자기 패키지 이름 — 래퍼가 원본 클래스를 «패키지 스펙»으로 가리키기 위해 필요하다. 손으로 쓰지 않고 매니페스트에서 읽는다. */
+    let pkgName;
     return {
         name: 'vite-plugin-react-wrapper',
         configResolved(config) {
             rootDir = config.root;
             buildOutDir = resolve(rootDir, config.build.outDir);
             outDir = resolve(buildOutDir, options.output || 'react');
+            pkgName = JSON.parse(readFileSync(resolve(rootDir, 'package.json'), 'utf-8')).name;
         },
         closeBundle() {
             const log = (msg) => console.log(`\x1b[36m[react-wrapper]\x1b[0m ${msg}`);
@@ -44,7 +47,7 @@ export default function reactWrapperPlugin(options) {
             // 래퍼 생성
             const generated = [];
             for (const comp of components) {
-                generated.push(...writeWrapper(comp, outDir, buildOutDir));
+                generated.push(...writeWrapper(comp, outDir, buildOutDir, pkgName));
             }
             generated.push(...writeIndex(components, outDir, buildOutDir));
             // 결과 출력
@@ -180,13 +183,28 @@ function writeFile(filePath, content, buildOutDir) {
         gzipSize: gzipSync(content).length,
     };
 }
-function computeImportPath(from, to) {
-    let rel = relative(dirname(from), to).replace(/\\/g, '/').replace(/\.ts$/, '');
-    if (!rel.startsWith('.'))
-        rel = './' + rel;
-    return rel;
+/**
+ * 래퍼가 원본 엘리먼트 클래스를 가리키는 경로.
+ *
+ * 🔴**상대 경로가 아니라 «패키지 스펙»으로 낸다**(cycle-434). 상대 경로는 패키지
+ * `exports` 맵을 거치지 않으므로, 로컬 워크스페이스에서 래퍼는 **항상 진짜 `dist`**
+ * 의 클래스를 싣는다. 그런데 같은 워크스페이스의 소비자가 하는 deep import 는
+ * `"./dist/*": "./src/*"` 리다이렉트를 타 **`src` 의 클래스**를 싣는다 — 같은 논리적
+ * 컴포넌트가 **두 nominal 타입**으로 존재하게 되고, 둘 다 같은 태그로
+ * `HTMLElementTagNameMap` 을 병합하려 해 `TS2717` 이 난다.
+ *
+ * ⇒ 래퍼도 패키지 스펙으로 적으면 **`exports` 맵이 분기를 대신한다**: 로컬에서는
+ * 리다이렉트를 타 `src` 로, 게시본에서는 배포 워크플로가 `./src/` 를 `./dist/` 로
+ * 치환하므로 진짜 `dist` 로 간다. **두 세계 모두에서 클래스가 하나다.**
+ *
+ * ⚠**`.js` 확장자를 `.d.ts` 쪽에서도 유지한다** — `exports` 서브패스 매칭은 문자
+ * 그대로라 확장자를 떼면 `"./dist/*"` 패턴이 다른 문자열을 만든다.
+ */
+function computeImportPath(to, buildOutDir, pkgName) {
+    const sub = relative(buildOutDir, to).split(sep).join('/');
+    return pkgName + '/dist/' + sub;
 }
-function writeWrapper(comp, outDir, buildOutDir) {
+function writeWrapper(comp, outDir, buildOutDir, pkgName) {
     const { className, tagName, events } = comp;
     const jsPath = join(outDir, `${className}.js`);
     const dtsPath = join(outDir, `${className}.d.ts`);
@@ -196,7 +214,7 @@ function writeWrapper(comp, outDir, buildOutDir) {
         ? comp.filePath.substring(srcIndex + 5).replace(/\\/g, '/').replace(/\.ts$/, '')
         : basename(comp.filePath, '.ts');
     const builtModulePath = resolve(buildOutDir, relFromSrc + '.js');
-    const importPath = computeImportPath(jsPath, builtModulePath);
+    const importPath = computeImportPath(builtModulePath, buildOutDir, pkgName);
     // events 객체 생성
     const eventsObj = events.length > 0
         ? `{\n${events.map(e => `    ${e.reactName}: '${e.name}',`).join('\n')}\n  }`
@@ -214,7 +232,7 @@ export const ${className} = createComponent({
 });
 `;
     // .d.ts - import 구문 생성
-    const dtsImportPath = importPath.replace(/\.js$/, '');
+    const dtsImportPath = importPath; // `.js` 유지 — exports 서브패스는 문자 그대로 매칭된다
     const dtsImports = [
         `import React from 'react';`,
         `import { ${className} as ${className}Element } from '${dtsImportPath}';`,
@@ -234,7 +252,9 @@ export const ${className} = createComponent({
         if (!relFromSrc)
             continue;
         const absEventBuilt = resolve(buildOutDir, relFromSrc);
-        const eventImportPath = computeImportPath(dtsPath, absEventBuilt + '.js').replace(/\.js$/, '');
+        // 이벤트 detail 타입도 같은 이유로 «패키지 스펙»이어야 한다 — 상대 경로면 로컬에서
+        // 소비자가 보는 detail 타입과 다른 nominal 타입이 된다(위 computeImportPath 주석).
+        const eventImportPath = computeImportPath(absEventBuilt + '.js', buildOutDir, pkgName);
         const types = detailImportMap.get(eventImportPath) || [];
         if (!types.includes(e.detailType))
             types.push(e.detailType);

package/dist/react/UAlert.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UAlert as UAlertElement } from '../components/alert/UAlert';
-import { type ShowEventDetail } from '../events/ShowEvent';
-import { type HideEventDetail } from '../events/HideEvent';
+import { UAlert as UAlertElement } from '@iyulab/components/dist/components/alert/UAlert.js';
+import { type ShowEventDetail } from '@iyulab/components/dist/events/ShowEvent.js';
+import { type HideEventDetail } from '@iyulab/components/dist/events/HideEvent.js';
 
 export declare const UAlert: React.ForwardRefExoticComponent<
   Omit<Partial<UAlertElement>, keyof React.HTMLAttributes<UAlertElement>>

package/dist/react/UAlert.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UAlert as UAlertElement } from '../components/alert/UAlert.js';
+import { UAlert as UAlertElement } from '@iyulab/components/dist/components/alert/UAlert.js';
 
 export const UAlert = createComponent({
   react: React,

package/dist/react/UAvatar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UAvatar as UAvatarElement } from '../components/avatar/UAvatar';
+import { UAvatar as UAvatarElement } from '@iyulab/components/dist/components/avatar/UAvatar.js';
 
 export declare const UAvatar: React.ForwardRefExoticComponent<
   Omit<Partial<UAvatarElement>, keyof React.HTMLAttributes<UAvatarElement>>

package/dist/react/UAvatar.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UAvatar as UAvatarElement } from '../components/avatar/UAvatar.js';
+import { UAvatar as UAvatarElement } from '@iyulab/components/dist/components/avatar/UAvatar.js';
 
 export const UAvatar = createComponent({
   react: React,

package/dist/react/UBadge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UBadge as UBadgeElement } from '../components/badge/UBadge';
+import { UBadge as UBadgeElement } from '@iyulab/components/dist/components/badge/UBadge.js';
 
 export declare const UBadge: React.ForwardRefExoticComponent<
   Omit<Partial<UBadgeElement>, keyof React.HTMLAttributes<UBadgeElement>>

package/dist/react/UBadge.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UBadge as UBadgeElement } from '../components/badge/UBadge.js';
+import { UBadge as UBadgeElement } from '@iyulab/components/dist/components/badge/UBadge.js';
 
 export const UBadge = createComponent({
   react: React,

package/dist/react/UBreadcrumb.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UBreadcrumb as UBreadcrumbElement } from '../components/breadcrumb/UBreadcrumb';
+import { UBreadcrumb as UBreadcrumbElement } from '@iyulab/components/dist/components/breadcrumb/UBreadcrumb.js';
 
 export declare const UBreadcrumb: React.ForwardRefExoticComponent<
   Omit<Partial<UBreadcrumbElement>, keyof React.HTMLAttributes<UBreadcrumbElement>>

package/dist/react/UBreadcrumb.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UBreadcrumb as UBreadcrumbElement } from '../components/breadcrumb/UBreadcrumb.js';
+import { UBreadcrumb as UBreadcrumbElement } from '@iyulab/components/dist/components/breadcrumb/UBreadcrumb.js';
 
 export const UBreadcrumb = createComponent({
   react: React,

package/dist/react/UBreadcrumbItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { UBreadcrumbItem as UBreadcrumbItemElement } from '../components/breadcrumb-item/UBreadcrumbItem';
-import { type NavigateEventDetail } from '../events/NavigateEvent';
+import { UBreadcrumbItem as UBreadcrumbItemElement } from '@iyulab/components/dist/components/breadcrumb-item/UBreadcrumbItem.js';
+import { type NavigateEventDetail } from '@iyulab/components/dist/events/NavigateEvent.js';
 
 export declare const UBreadcrumbItem: React.ForwardRefExoticComponent<
   Omit<Partial<UBreadcrumbItemElement>, keyof React.HTMLAttributes<UBreadcrumbItemElement>>

package/dist/react/UBreadcrumbItem.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UBreadcrumbItem as UBreadcrumbItemElement } from '../components/breadcrumb-item/UBreadcrumbItem.js';
+import { UBreadcrumbItem as UBreadcrumbItemElement } from '@iyulab/components/dist/components/breadcrumb-item/UBreadcrumbItem.js';
 
 export const UBreadcrumbItem = createComponent({
   react: React,

package/dist/react/UButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UButton as UButtonElement } from '../components/button/UButton';
+import { UButton as UButtonElement } from '@iyulab/components/dist/components/button/UButton.js';
 
 export declare const UButton: React.ForwardRefExoticComponent<
   Omit<Partial<UButtonElement>, keyof React.HTMLAttributes<UButtonElement>>

package/dist/react/UButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UButton as UButtonElement } from '../components/button/UButton.js';
+import { UButton as UButtonElement } from '@iyulab/components/dist/components/button/UButton.js';
 
 export const UButton = createComponent({
   react: React,

package/dist/react/UButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UButtonGroup as UButtonGroupElement } from '../components/button-group/UButtonGroup';
+import { UButtonGroup as UButtonGroupElement } from '@iyulab/components/dist/components/button-group/UButtonGroup.js';
 
 export declare const UButtonGroup: React.ForwardRefExoticComponent<
   Omit<Partial<UButtonGroupElement>, keyof React.HTMLAttributes<UButtonGroupElement>>

package/dist/react/UButtonGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UButtonGroup as UButtonGroupElement } from '../components/button-group/UButtonGroup.js';
+import { UButtonGroup as UButtonGroupElement } from '@iyulab/components/dist/components/button-group/UButtonGroup.js';
 
 export const UButtonGroup = createComponent({
   react: React,

package/dist/react/UCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UCard as UCardElement } from '../components/card/UCard';
+import { UCard as UCardElement } from '@iyulab/components/dist/components/card/UCard.js';
 
 export declare const UCard: React.ForwardRefExoticComponent<
   Omit<Partial<UCardElement>, keyof React.HTMLAttributes<UCardElement>>

package/dist/react/UCard.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UCard as UCardElement } from '../components/card/UCard.js';
+import { UCard as UCardElement } from '@iyulab/components/dist/components/card/UCard.js';
 
 export const UCard = createComponent({
   react: React,

package/dist/react/UCarousel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UCarousel as UCarouselElement } from '../components/carousel/UCarousel';
+import { UCarousel as UCarouselElement } from '@iyulab/components/dist/components/carousel/UCarousel.js';
 
 export declare const UCarousel: React.ForwardRefExoticComponent<
   Omit<Partial<UCarouselElement>, keyof React.HTMLAttributes<UCarouselElement>>

package/dist/react/UCarousel.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UCarousel as UCarouselElement } from '../components/carousel/UCarousel.js';
+import { UCarousel as UCarouselElement } from '@iyulab/components/dist/components/carousel/UCarousel.js';
 
 export const UCarousel = createComponent({
   react: React,

package/dist/react/UCheckbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UCheckbox as UCheckboxElement } from '../components/checkbox/UCheckbox';
+import { UCheckbox as UCheckboxElement } from '@iyulab/components/dist/components/checkbox/UCheckbox.js';
 
 export declare const UCheckbox: React.ForwardRefExoticComponent<
   Omit<Partial<UCheckboxElement>, keyof React.HTMLAttributes<UCheckboxElement>>

package/dist/react/UCheckbox.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UCheckbox as UCheckboxElement } from '../components/checkbox/UCheckbox.js';
+import { UCheckbox as UCheckboxElement } from '@iyulab/components/dist/components/checkbox/UCheckbox.js';
 
 export const UCheckbox = createComponent({
   react: React,

package/dist/react/UChip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UChip as UChipElement } from '../components/chip/UChip';
-import { type PickEventDetail } from '../events/PickEvent';
-import { type RemoveEventDetail } from '../events/RemoveEvent';
+import { UChip as UChipElement } from '@iyulab/components/dist/components/chip/UChip.js';
+import { type PickEventDetail } from '@iyulab/components/dist/events/PickEvent.js';
+import { type RemoveEventDetail } from '@iyulab/components/dist/events/RemoveEvent.js';
 
 export declare const UChip: React.ForwardRefExoticComponent<
   Omit<Partial<UChipElement>, keyof React.HTMLAttributes<UChipElement>>

package/dist/react/UChip.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UChip as UChipElement } from '../components/chip/UChip.js';
+import { UChip as UChipElement } from '@iyulab/components/dist/components/chip/UChip.js';
 
 export const UChip = createComponent({
   react: React,

package/dist/react/UCopyButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UCopyButton as UCopyButtonElement } from '../components/copy-button/UCopyButton';
+import { UCopyButton as UCopyButtonElement } from '@iyulab/components/dist/components/copy-button/UCopyButton.js';
 
 export declare const UCopyButton: React.ForwardRefExoticComponent<
   Omit<Partial<UCopyButtonElement>, keyof React.HTMLAttributes<UCopyButtonElement>>

package/dist/react/UCopyButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UCopyButton as UCopyButtonElement } from '../components/copy-button/UCopyButton.js';
+import { UCopyButton as UCopyButtonElement } from '@iyulab/components/dist/components/copy-button/UCopyButton.js';
 
 export const UCopyButton = createComponent({
   react: React,

package/dist/react/UDatePicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UDatePicker as UDatePickerElement } from '../components/date-picker/UDatePicker';
+import { UDatePicker as UDatePickerElement } from '@iyulab/components/dist/components/date-picker/UDatePicker.js';
 
 export declare const UDatePicker: React.ForwardRefExoticComponent<
   Omit<Partial<UDatePickerElement>, keyof React.HTMLAttributes<UDatePickerElement>>

package/dist/react/UDatePicker.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UDatePicker as UDatePickerElement } from '../components/date-picker/UDatePicker.js';
+import { UDatePicker as UDatePickerElement } from '@iyulab/components/dist/components/date-picker/UDatePicker.js';
 
 export const UDatePicker = createComponent({
   react: React,

package/dist/react/UDialog.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UDialog as UDialogElement } from '../components/dialog/UDialog';
-import { type ShowEventDetail } from '../events/ShowEvent';
-import { type HideEventDetail } from '../events/HideEvent';
+import { UDialog as UDialogElement } from '@iyulab/components/dist/components/dialog/UDialog.js';
+import { type ShowEventDetail } from '@iyulab/components/dist/events/ShowEvent.js';
+import { type HideEventDetail } from '@iyulab/components/dist/events/HideEvent.js';
 
 export declare const UDialog: React.ForwardRefExoticComponent<
   Omit<Partial<UDialogElement>, keyof React.HTMLAttributes<UDialogElement>>

package/dist/react/UDialog.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UDialog as UDialogElement } from '../components/dialog/UDialog.js';
+import { UDialog as UDialogElement } from '@iyulab/components/dist/components/dialog/UDialog.js';
 
 export const UDialog = createComponent({
   react: React,

package/dist/react/UDivider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UDivider as UDividerElement } from '../components/divider/UDivider';
+import { UDivider as UDividerElement } from '@iyulab/components/dist/components/divider/UDivider.js';
 
 export declare const UDivider: React.ForwardRefExoticComponent<
   Omit<Partial<UDividerElement>, keyof React.HTMLAttributes<UDividerElement>>

package/dist/react/UDivider.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UDivider as UDividerElement } from '../components/divider/UDivider.js';
+import { UDivider as UDividerElement } from '@iyulab/components/dist/components/divider/UDivider.js';
 
 export const UDivider = createComponent({
   react: React,

package/dist/react/UDrawer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UDrawer as UDrawerElement } from '../components/drawer/UDrawer';
-import { type ShowEventDetail } from '../events/ShowEvent';
-import { type HideEventDetail } from '../events/HideEvent';
+import { UDrawer as UDrawerElement } from '@iyulab/components/dist/components/drawer/UDrawer.js';
+import { type ShowEventDetail } from '@iyulab/components/dist/events/ShowEvent.js';
+import { type HideEventDetail } from '@iyulab/components/dist/events/HideEvent.js';
 
 export declare const UDrawer: React.ForwardRefExoticComponent<
   Omit<Partial<UDrawerElement>, keyof React.HTMLAttributes<UDrawerElement>>

package/dist/react/UDrawer.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UDrawer as UDrawerElement } from '../components/drawer/UDrawer.js';
+import { UDrawer as UDrawerElement } from '@iyulab/components/dist/components/drawer/UDrawer.js';
 
 export const UDrawer = createComponent({
   react: React,

package/dist/react/UExpander.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UExpander as UExpanderElement } from '../components/expander/UExpander';
-import { type ExpandEventDetail } from '../events/ExpandEvent';
-import { type CollapseEventDetail } from '../events/CollapseEvent';
+import { UExpander as UExpanderElement } from '@iyulab/components/dist/components/expander/UExpander.js';
+import { type ExpandEventDetail } from '@iyulab/components/dist/events/ExpandEvent.js';
+import { type CollapseEventDetail } from '@iyulab/components/dist/events/CollapseEvent.js';
 
 export declare const UExpander: React.ForwardRefExoticComponent<
   Omit<Partial<UExpanderElement>, keyof React.HTMLAttributes<UExpanderElement>>

package/dist/react/UExpander.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UExpander as UExpanderElement } from '../components/expander/UExpander.js';
+import { UExpander as UExpanderElement } from '@iyulab/components/dist/components/expander/UExpander.js';
 
 export const UExpander = createComponent({
   react: React,

package/dist/react/UField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UField as UFieldElement } from '../components/field/UField';
+import { UField as UFieldElement } from '@iyulab/components/dist/components/field/UField.js';
 
 export declare const UField: React.ForwardRefExoticComponent<
   Omit<Partial<UFieldElement>, keyof React.HTMLAttributes<UFieldElement>>

package/dist/react/UField.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UField as UFieldElement } from '../components/field/UField.js';
+import { UField as UFieldElement } from '@iyulab/components/dist/components/field/UField.js';
 
 export const UField = createComponent({
   react: React,

package/dist/react/UFileInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UFileInput as UFileInputElement } from '../components/file-input/UFileInput';
+import { UFileInput as UFileInputElement } from '@iyulab/components/dist/components/file-input/UFileInput.js';
 
 export declare const UFileInput: React.ForwardRefExoticComponent<
   Omit<Partial<UFileInputElement>, keyof React.HTMLAttributes<UFileInputElement>>

package/dist/react/UFileInput.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UFileInput as UFileInputElement } from '../components/file-input/UFileInput.js';
+import { UFileInput as UFileInputElement } from '@iyulab/components/dist/components/file-input/UFileInput.js';
 
 export const UFileInput = createComponent({
   react: React,

package/dist/react/UForm.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UForm as UFormElement } from '../components/form/UForm';
+import { UForm as UFormElement } from '@iyulab/components/dist/components/form/UForm.js';
 
 export declare const UForm: React.ForwardRefExoticComponent<
   Omit<Partial<UFormElement>, keyof React.HTMLAttributes<UFormElement>>

package/dist/react/UForm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UForm as UFormElement } from '../components/form/UForm.js';
+import { UForm as UFormElement } from '@iyulab/components/dist/components/form/UForm.js';
 
 export const UForm = createComponent({
   react: React,

package/dist/react/UIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UIcon as UIconElement } from '../components/icon/UIcon';
+import { UIcon as UIconElement } from '@iyulab/components/dist/components/icon/UIcon.js';
 
 export declare const UIcon: React.ForwardRefExoticComponent<
   Omit<Partial<UIconElement>, keyof React.HTMLAttributes<UIconElement>>