@iyulab/components 1.37.0 → 1.37.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # 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

package/dist/components/UFloatingElement.d.ts

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

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/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>>

package/dist/react/UIcon.js

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

package/dist/react/UIconButton.d.ts

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

package/dist/react/UIconButton.js

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

package/dist/react/UInput.d.ts

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

package/dist/react/UInput.js

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

package/dist/react/UMenu.d.ts

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

package/dist/react/UMenu.js

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

package/dist/react/UMenuItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { UMenuItem as UMenuItemElement } from '../components/menu-item/UMenuItem';
-import { type PickEventDetail } from '../events/PickEvent';
+import { UMenuItem as UMenuItemElement } from '@iyulab/components/dist/components/menu-item/UMenuItem.js';
+import { type PickEventDetail } from '@iyulab/components/dist/events/PickEvent.js';
 
 export declare const UMenuItem: React.ForwardRefExoticComponent<
   Omit<Partial<UMenuItemElement>, keyof React.HTMLAttributes<UMenuItemElement>>

package/dist/react/UMenuItem.js

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

package/dist/react/UOption.d.ts

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

package/dist/react/UOption.js

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

package/dist/react/UPanel.d.ts

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

package/dist/react/UPanel.js

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

package/dist/react/UPopover.d.ts

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

package/dist/react/UPopover.js

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

package/dist/react/UProgressBar.d.ts

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

package/dist/react/UProgressBar.js

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

package/dist/react/UProgressRing.d.ts

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

package/dist/react/UProgressRing.js

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

package/dist/react/URadio.d.ts

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

package/dist/react/URadio.js

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

package/dist/react/URating.d.ts

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

package/dist/react/URating.js

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

package/dist/react/USelect.d.ts

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

package/dist/react/USelect.js

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

package/dist/react/USkeleton.d.ts

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

package/dist/react/USkeleton.js

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

package/dist/react/USlider.d.ts

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

package/dist/react/USlider.js

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

package/dist/react/USpinner.d.ts

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

package/dist/react/USpinner.js

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

package/dist/react/USplitPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { USplitPanel as USplitPanelElement } from '../components/split-panel/USplitPanel';
-import { type ShiftEventDetail } from '../events/ShiftEvent';
+import { USplitPanel as USplitPanelElement } from '@iyulab/components/dist/components/split-panel/USplitPanel.js';
+import { type ShiftEventDetail } from '@iyulab/components/dist/events/ShiftEvent.js';
 
 export declare const USplitPanel: React.ForwardRefExoticComponent<
   Omit<Partial<USplitPanelElement>, keyof React.HTMLAttributes<USplitPanelElement>>

package/dist/react/USplitPanel.js

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

package/dist/react/USwitch.d.ts

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

package/dist/react/USwitch.js

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

package/dist/react/UTab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { UTab as UTabElement } from '../components/tab/UTab';
-import { type RemoveEventDetail } from '../events/RemoveEvent';
+import { UTab as UTabElement } from '@iyulab/components/dist/components/tab/UTab.js';
+import { type RemoveEventDetail } from '@iyulab/components/dist/events/RemoveEvent.js';
 
 export declare const UTab: React.ForwardRefExoticComponent<
   Omit<Partial<UTabElement>, keyof React.HTMLAttributes<UTabElement>>

package/dist/react/UTab.js

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

package/dist/react/UTabPanel.d.ts

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

package/dist/react/UTabPanel.js

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

package/dist/react/UTag.d.ts

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

package/dist/react/UTag.js

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

package/dist/react/UText.d.ts

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

package/dist/react/UText.js

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

package/dist/react/UTextarea.d.ts

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

package/dist/react/UTextarea.js

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

package/dist/react/UTooltip.d.ts

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

package/dist/react/UTooltip.js

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

package/dist/react/UTree.d.ts

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

package/dist/react/UTree.js

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

package/dist/react/UTreeItem.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { UTreeItem as UTreeItemElement } from '../components/tree-item/UTreeItem';
-import { type ExpandEventDetail } from '../events/ExpandEvent';
-import { type CollapseEventDetail } from '../events/CollapseEvent';
-import { type PickEventDetail } from '../events/PickEvent';
-import { type CheckEventDetail } from '../events/CheckEvent';
+import { UTreeItem as UTreeItemElement } from '@iyulab/components/dist/components/tree-item/UTreeItem.js';
+import { type ExpandEventDetail } from '@iyulab/components/dist/events/ExpandEvent.js';
+import { type CollapseEventDetail } from '@iyulab/components/dist/events/CollapseEvent.js';
+import { type PickEventDetail } from '@iyulab/components/dist/events/PickEvent.js';
+import { type CheckEventDetail } from '@iyulab/components/dist/events/CheckEvent.js';
 
 export declare const UTreeItem: React.ForwardRefExoticComponent<
   Omit<Partial<UTreeItemElement>, keyof React.HTMLAttributes<UTreeItemElement>>

package/dist/react/UTreeItem.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.37.0",
+  "version": "1.37.1",
   "keywords": [
     "iyulab",
     "components",
@@ -90,6 +90,7 @@
     "eslint": "^9.39.4",
     "eslint-plugin-lit": "^2.3.1",
     "globals": "^17.7.0",
+    "happy-dom": "^20.10.6",
     "react": "^19.2.7",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.64.0",

package/skills/iyulab-components/references/components/popover.md

@@ -49,7 +49,11 @@ Inherits all `UFloatingElement` properties (see [floating.md](../extensions/floa
 | `autofocus` | `boolean` | `false` | ✓ | Focus first focusable element on open |
 
 > **Placement fallback**: whenever `placement` is set, floating-ui's `flip` middleware is
-> always applied — if the placed side has no room, the element switches to the opposite side.
+> always applied — if the placed side has no room, the element switches to another side.
+> The opposite side on the same axis is tried first; only when that is also out of room does
+> it move to the perpendicular axis, so `right-end` falls back through `left-end` to
+> `top-end`/`bottom-end`. That last step is what a full-width trigger needs — with room on
+> neither the left nor the right, staying on the horizontal axis means going off-screen.
 > `shift` is a separate, narrower correction: it nudges the element along the cross axis
 > *within* whichever side ended up being used. Neither can be turned off independently.
 

package/skills/iyulab-components/references/components/tooltip.md

@@ -51,7 +51,11 @@ Inherits all `UFloatingElement` properties (see [floating.md](../extensions/floa
 | `tracking` | `boolean` | `false` | ✓ | Follow mouse cursor position |
 
 > **Placement fallback**: whenever `placement` is set, floating-ui's `flip` middleware is
-> always applied — if the placed side has no room, the element switches to the opposite side.
+> always applied — if the placed side has no room, the element switches to another side.
+> The opposite side on the same axis is tried first; only when that is also out of room does
+> it move to the perpendicular axis, so `right-end` falls back through `left-end` to
+> `top-end`/`bottom-end`. That last step is what a full-width trigger needs — with room on
+> neither the left nor the right, staying on the horizontal axis means going off-screen.
 > `shift` is a separate, narrower correction: it nudges the element along the cross axis
 > *within* whichever side ended up being used. Neither can be turned off independently.