@iyulab/chat-components 0.16.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.17.0] - 2026-10-05
+
+### Added
+
+- **Press targets follow `--u-target-size`** (the host's minimum target size from `@iyulab/components`).
+  When it is set, the reference block header, reference card navigation, table sort buttons, the map
+  caption link and the image/file preview close buttons are at least that size. Unset, nothing changes.
+  Inline citation markers keep their size — they sit in a line of text.
+
+## [0.16.1] - 2026-10-03
+
+### Changed
+
+- **Transitions follow the motion tokens, so reduced motion stops them.** Hover, expand and fade
+  transitions in the blocks, reference cards and image gallery took fixed durations and kept moving for
+  users who prefer reduced motion. They now read `--u-duration-*` from `@iyulab/components`, which drops
+  to zero under `prefers-reduced-motion: reduce`. Some speeds move to the nearest step of the scale.
+- **`u-prompt[loading]`'s sweeping border holds still under reduced motion** — the coloured band stays,
+  so the busy state is still visible.
+
 ## [0.16.0] - 2026-09-30
 
 ### Added

package/dist/_virtual/{_@oxc-project_runtime@0.151.0 → _@oxc-project_runtime@0.152.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.151.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/_virtual/{_@oxc-project_runtime@0.151.0 → _@oxc-project_runtime@0.152.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.151.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorateMetadata.js
 function __decorateMetadata(k, v) {
 	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 }

package/dist/components/blocks/UCodeBlock.js

@@ -1,7 +1,7 @@
 import "../../utilities/icons.js";
 import { styles } from "./UCodeBlock.styles.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";

package/dist/components/blocks/UElementBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { UDataElement } from "../UDataElement.js";
 import { getElementBlockProperties } from "../../utilities/ElementRegistry.js";
 import { styles } from "./UElementBlock.styles.js";

package/dist/components/blocks/UFileBlock.js

@@ -1,6 +1,6 @@
 import "../../utilities/icons.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import { styles } from "./UFileBlock.styles.js";
 import { html, nothing } from "lit";

package/dist/components/blocks/UFileBlock.styles.js

@@ -19,7 +19,7 @@ var styles = css`
     border-radius: 8px;
     background-color: var(--u-neutral-50);
     overflow: visible;
-    transition: background-color 0.12s ease, border-color 0.12s ease;
+    transition: background-color var(--u-duration-fast, 140ms) ease, border-color var(--u-duration-fast, 140ms) ease;
   }
   .card[previewable]:hover {
     background-color: var(--u-neutral-100);
@@ -60,7 +60,7 @@ var styles = css`
     font-size: 16px;
     border-radius: 6px;
     background-color: var(--u-neutral-200);
-    transition: background 0.15s ease;
+    transition: background var(--u-duration-fast, 140ms) ease;
     overflow: hidden;
   }
   .thumbnail img,
@@ -123,7 +123,7 @@ var styles = css`
     color: var(--u-neutral-0);
     opacity: 0;
     pointer-events: none;
-    transition: opacity 0.12s ease, background-color 0.12s ease;
+    transition: opacity var(--u-duration-fast, 140ms) ease, background-color var(--u-duration-fast, 140ms) ease;
   }
   .card:hover .remove-btn {
     opacity: 1;
@@ -143,7 +143,7 @@ var styles = css`
     flex-direction: column;
     background: rgba(0, 0, 0, 0.92);
     cursor: default;
-    animation: preview-fadeIn 0.2s ease;
+    animation: preview-fadeIn var(--u-duration-normal, 220ms) ease;
   }
 
   .preview-header {
@@ -165,8 +165,9 @@ var styles = css`
 
   .preview-close {
     flex-shrink: 0;
-    width: 36px;
-    height: 36px;
+    /* 호스트 하한(--u-target-size)이 더 크면 그 값. */
+    width: max(36px, var(--u-target-size, 0px));
+    height: max(36px, var(--u-target-size, 0px));
     border: none;
     border-radius: 12px;
     background: transparent;
@@ -174,7 +175,7 @@ var styles = css`
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    transition: background 0.2s;
+    transition: background var(--u-duration-normal, 220ms);
   }
   .preview-close:hover  { background: rgba(255, 255, 255, 0.18); }
   .preview-close:active { background: rgba(255, 255, 255, 0.28); }

package/dist/components/blocks/UMarkedBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import "./UCodeBlock.js";
 import { escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, stripZeroWidth } from "../../utilities/sanitizers.js";
 import { HtmlBuilder } from "../../utilities/HtmlBuilder.js";

package/dist/components/blocks/URefBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import "../references/URefCard.js";
 import { styles } from "./URefBlock.styles.js";
 import { html } from "lit";

package/dist/components/blocks/URefBlock.styles.js

@@ -15,6 +15,9 @@ var styles = css`
     align-items: center;
     justify-content: space-between;
     gap: 0.5em;
+    /* 호스트 하한(--u-target-size, 미설정 = 0). */
+    box-sizing: border-box;
+    min-height: var(--u-target-size, 0px);
     color: var(--u-txt-color-strong);
     user-select: none;
     cursor: pointer;
@@ -30,7 +33,7 @@ var styles = css`
   u-icon {
     color: inherit;
     font-size: 1em;
-    transition: transform 0.2s ease-in-out;
+    transition: transform var(--u-duration-normal, 220ms) ease-in-out;
   }
   u-icon[collapsed] {
     transform: rotate(-90deg);
@@ -61,7 +64,7 @@ var styles = css`
     flex-direction: column;
     gap: 0.75em;
     margin-top: 0.75em;
-    transition: all 0.3s ease-in-out;
+    transition: all var(--u-duration-slow, 320ms) ease-in-out;
   }
   .body[collapsed] {
     height: 0;

package/dist/components/blocks/UTableBlock.js

@@ -1,6 +1,6 @@
 import "../../utilities/icons.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { UDataElement } from "../UDataElement.js";
 import { messages } from "../../utilities/messages.js";
 import { styles } from "./UTableBlock.styles.js";

package/dist/components/blocks/UTableBlock.styles.js

@@ -99,6 +99,7 @@ var styles = css`
     align-items: center;
     inline-size: 100%;
     padding: 8px 12px;
+    min-block-size: var(--u-target-size, 0px);
     font: inherit;
     color: inherit;
     cursor: pointer;
@@ -127,7 +128,7 @@ var styles = css`
     margin-left: 4px;
     font-size: 12px;
     opacity: 0.3;
-    transition: opacity 0.15s;
+    transition: opacity var(--u-duration-fast, 140ms);
   }
 
   tbody tr {

package/dist/components/blocks/UTextBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { styles } from "./UTextBlock.styles.js";
 import { html } from "lit";
 import { customElement, property, query } from "lit/decorators.js";

package/dist/components/message/UMessage.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { styles } from "./UMessage.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/prompt/UPrompt.js

@@ -1,6 +1,6 @@
 import "../../utilities/icons.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import "../blocks/UFileBlock.js";
 import { styles } from "./UPrompt.styles.js";

package/dist/components/prompt/UPrompt.styles.js

@@ -70,6 +70,14 @@ var styles = css`
     border-radius: 50%;
   }
 
+  /* 동작 줄이기 — 흐르는 테두리를 멈춘다. 색 띠는 그대로 남아 «응답 중» 은 계속 보인다(메시지의 점 로더와 같은 처리). */
+  @media (prefers-reduced-motion: reduce) {
+    :host([loading])::before {
+      animation: none;
+      background-position: 50% 0;
+    }
+  }
+
   @keyframes border-shimmer {
     0%   { background-position: 100% 0; }
     100% { background-position: 0% 0; }

package/dist/components/references/URefCard.js

@@ -1,6 +1,6 @@
 import "../../utilities/icons.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { sanitizeHref } from "../../utilities/sanitizers.js";
 import { UDataElement } from "../UDataElement.js";
 import { messages } from "../../utilities/messages.js";

package/dist/components/references/URefCard.styles.js

@@ -16,7 +16,7 @@ var styles = css`
     padding: 6px;
     color: inherit;
     text-decoration: none;
-    transition: all 0.2s ease;
+    transition: all var(--u-duration-normal, 220ms) ease;
   }
   a:hover {
     color: var(--u-txt-color-hover, #1565C0);

package/dist/components/references/URefCardGroup.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import { URefCard } from "./URefCard.js";
 import { styles } from "./URefCardGroup.styles.js";

package/dist/components/references/URefCardGroup.styles.js

@@ -36,8 +36,8 @@ var styles = css`
     /* WCAG 2.2 SC 2.5.8 — 실측 16x16 이라 포인터 타깃이 모자랐다. 배경도 테두리도 없는
        아이콘 버튼이라 상자를 키워도 **보이는 것은 그대로**다: 아이콘 치수는 위 font-size 가
        정하고 여기서 늘어나는 것은 잡히는 영역뿐이다. */
-    min-inline-size: 24px;
-    min-block-size: 24px;
+    min-inline-size: max(24px, var(--u-target-size, 0px));
+    min-block-size: max(24px, var(--u-target-size, 0px));
   }
   .nav-button:hover u-icon {
     opacity: 0.6;
@@ -61,7 +61,7 @@ var styles = css`
     flex-direction: row;
     width: 100%;
     will-change: transform;
-    transition: transform 260ms ease;
+    transition: transform var(--u-duration-normal, 220ms) ease;
   }
 
   /* slot 안의 각 카드가 한 페이지(100%)를 차지하도록 */

package/dist/components/references/URefTag.js

@@ -1,6 +1,6 @@
 import "../../utilities/icons.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { sanitizeHref } from "../../utilities/sanitizers.js";
 import { messages } from "../../utilities/messages.js";
 import { styles } from "./URefTag.styles.js";

package/dist/components/references/URefTag.styles.js

@@ -12,7 +12,7 @@ var styles = css`
     border-radius: 9999px;
     background-color: var(--u-neutral-100);
     padding: 2px 6px;
-    transition: background-color 0.2s ease-in-out;
+    transition: background-color var(--u-duration-normal, 220ms) ease-in-out;
     cursor: pointer;
   }
   :host(:hover) {

package/dist/components-extra/UChartBlock.js

@@ -1,6 +1,6 @@
 import "../utilities/icons.js";
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { messages } from "../utilities/messages.js";
 import { styles } from "./UChartBlock.styles.js";

package/dist/components-extra/UImagesBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { messages } from "../utilities/messages.js";
 import { resolveImageSource } from "../utilities/imageSources.js";

package/dist/components-extra/UImagesBlock.styles.js

@@ -33,7 +33,7 @@ var styles = css`
     height: 100%;
     object-fit: cover;
     pointer-events: none;
-    transition: transform 0.3s ease, filter 0.3s ease;
+    transition: transform var(--u-duration-slow, 320ms) ease, filter var(--u-duration-slow, 320ms) ease;
   }
   .slide:hover img {
     transform: scale(1.05);
@@ -75,7 +75,7 @@ var styles = css`
     display: flex;
     flex-direction: column;
     background: rgba(0, 0, 0, 0.92);
-    animation: overlay-fadeIn 0.2s ease;
+    animation: overlay-fadeIn var(--u-duration-normal, 220ms) ease;
   }
 
   /* 상단 헤더: 카운터(중앙) + 닫기(우측) */
@@ -103,8 +103,9 @@ var styles = css`
     right: 16px;
     top: 50%;
     transform: translateY(-50%);
-    width: 36px;
-    height: 36px;
+    /* 호스트 하한(--u-target-size)이 더 크면 그 값. */
+    width: max(36px, var(--u-target-size, 0px));
+    height: max(36px, var(--u-target-size, 0px));
     border: none;
     border-radius: 12px;
     background: transparent;
@@ -112,7 +113,7 @@ var styles = css`
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    transition: background 0.2s;
+    transition: background var(--u-duration-normal, 220ms);
   }
   .lb-close:hover  {
     background: rgba(255, 255, 255, 0.18);
@@ -147,7 +148,7 @@ var styles = css`
     flex-direction: row;
     align-items: center;
     gap: 16px;
-    transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
+    transition: transform var(--u-duration-slow, 320ms) cubic-bezier(0.25, 0.1, 0.25, 1);
     will-change: transform;
   }
 
@@ -159,7 +160,7 @@ var styles = css`
     justify-content: center;
     opacity: 0.5;
     transform: scale(0.9);
-    transition: opacity 0.4s ease, transform 0.4s ease;
+    transition: opacity var(--u-duration-slow, 320ms) ease, transform var(--u-duration-slow, 320ms) ease;
   }
   .lb-slide[active] {
     opacity: 1;
@@ -192,7 +193,7 @@ var styles = css`
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    transition: background 0.25s;
+    transition: background var(--u-duration-normal, 220ms);
   }
   .lb-nav.prev {
     left: 0;
@@ -218,7 +219,7 @@ var styles = css`
     padding: 12px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.15);
-    transition: background 0.2s, transform 0.15s;
+    transition: background var(--u-duration-normal, 220ms), transform var(--u-duration-fast, 140ms);
   }
   .lb-nav:hover u-icon {
     background: rgba(255, 255, 255, 0.3);

package/dist/components-extra/UMapBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { messages } from "../utilities/messages.js";
 import { styles } from "./UMapBlock.styles.js";

package/dist/components-extra/UMapBlock.styles.js

@@ -37,6 +37,10 @@ var styles = css`
     flex-direction: column;
     gap: 0.25em;
     padding: 0.25em 0.5em;
+    /* 호스트 하한(--u-target-size, 미설정 = 0) — 상자는 border-box(기반 스타일)라 여백을 포함한다. */
+    min-height: var(--u-target-size, 0px);
+    min-width: var(--u-target-size, 0px);
+    justify-content: center;
     color: #fff;
     background: rgba(0, 0, 0, 0.6);
     border-radius: 6px;

package/dist/components-extra/UVideoBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { sanitizeHref } from "../utilities/sanitizers.js";
 import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { styles } from "./UVideoBlock.styles.js";

package/dist/node_modules/katex/dist/katex.js

@@ -26276,7 +26276,7 @@ var renderToHTMLTree = function renderToHTMLTree(expression, options) {
 		return renderError(error, expression, settings);
 	}
 };
-var version = "0.18.9";
+var version = "0.18.10";
 var __domTree = {
 	Span,
 	Anchor,

package/dist/react/UCodeBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UCodeBlock as UCodeBlockElement } from '@iyulab/chat-components/dist/components/blocks/UCodeBlock.js';
 
+type UCodeBlockOwnProps = Omit<UCodeBlockElement, keyof HTMLElement>;
+
 export declare const UCodeBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UCodeBlockElement>, keyof React.HTMLAttributes<UCodeBlockElement>>
-    & Omit<React.HTMLAttributes<UCodeBlockElement>, never>
+  Partial<Omit<UCodeBlockElement, Exclude<keyof React.HTMLAttributes<UCodeBlockElement>, keyof UCodeBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UCodeBlockElement>, keyof UCodeBlockOwnProps | never>
     & React.RefAttributes<UCodeBlockElement>
     & {
   }

package/dist/react/UElementBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UElementBlock as UElementBlockElement } from '@iyulab/chat-components/dist/components/blocks/UElementBlock.js';
 
+type UElementBlockOwnProps = Omit<UElementBlockElement, keyof HTMLElement>;
+
 export declare const UElementBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UElementBlockElement>, keyof React.HTMLAttributes<UElementBlockElement>>
-    & Omit<React.HTMLAttributes<UElementBlockElement>, never>
+  Partial<Omit<UElementBlockElement, Exclude<keyof React.HTMLAttributes<UElementBlockElement>, keyof UElementBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UElementBlockElement>, keyof UElementBlockOwnProps | never>
     & React.RefAttributes<UElementBlockElement>
     & {
   }

package/dist/react/UFileBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UFileBlock as UFileBlockElement } from '@iyulab/chat-components/dist/components/blocks/UFileBlock.js';
 
+type UFileBlockOwnProps = Omit<UFileBlockElement, keyof HTMLElement>;
+
 export declare const UFileBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UFileBlockElement>, keyof React.HTMLAttributes<UFileBlockElement>>
-    & Omit<React.HTMLAttributes<UFileBlockElement>, 'onRemove'>
+  Partial<Omit<UFileBlockElement, Exclude<keyof React.HTMLAttributes<UFileBlockElement>, keyof UFileBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UFileBlockElement>, keyof UFileBlockOwnProps | 'onRemove'>
     & React.RefAttributes<UFileBlockElement>
     & {
   onRemove?: (event: CustomEvent<RemoveEventDetail>) => void;

package/dist/react/UImagesBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UImagesBlock as UImagesBlockElement } from '@iyulab/chat-components/dist/components-extra/UImagesBlock.js';
 
+type UImagesBlockOwnProps = Omit<UImagesBlockElement, keyof HTMLElement>;
+
 export declare const UImagesBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UImagesBlockElement>, keyof React.HTMLAttributes<UImagesBlockElement>>
-    & Omit<React.HTMLAttributes<UImagesBlockElement>, never>
+  Partial<Omit<UImagesBlockElement, Exclude<keyof React.HTMLAttributes<UImagesBlockElement>, keyof UImagesBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UImagesBlockElement>, keyof UImagesBlockOwnProps | never>
     & React.RefAttributes<UImagesBlockElement>
     & {
   }

package/dist/react/UMapBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UMapBlock as UMapBlockElement } from '@iyulab/chat-components/dist/components-extra/UMapBlock.js';
 
+type UMapBlockOwnProps = Omit<UMapBlockElement, keyof HTMLElement>;
+
 export declare const UMapBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UMapBlockElement>, keyof React.HTMLAttributes<UMapBlockElement>>
-    & Omit<React.HTMLAttributes<UMapBlockElement>, never>
+  Partial<Omit<UMapBlockElement, Exclude<keyof React.HTMLAttributes<UMapBlockElement>, keyof UMapBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UMapBlockElement>, keyof UMapBlockOwnProps | never>
     & React.RefAttributes<UMapBlockElement>
     & {
   }

package/dist/react/UMarkedBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UMarkedBlock as UMarkedBlockElement } from '@iyulab/chat-components/dist/components/blocks/UMarkedBlock.js';
 
+type UMarkedBlockOwnProps = Omit<UMarkedBlockElement, keyof HTMLElement>;
+
 export declare const UMarkedBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UMarkedBlockElement>, keyof React.HTMLAttributes<UMarkedBlockElement>>
-    & Omit<React.HTMLAttributes<UMarkedBlockElement>, never>
+  Partial<Omit<UMarkedBlockElement, Exclude<keyof React.HTMLAttributes<UMarkedBlockElement>, keyof UMarkedBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UMarkedBlockElement>, keyof UMarkedBlockOwnProps | never>
     & React.RefAttributes<UMarkedBlockElement>
     & {
   }

package/dist/react/UMessage.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UMessage as UMessageElement } from '@iyulab/chat-components/dist/components/message/UMessage.js';
 
+type UMessageOwnProps = Omit<UMessageElement, keyof HTMLElement>;
+
 export declare const UMessage: React.ForwardRefExoticComponent<
-  Omit<Partial<UMessageElement>, keyof React.HTMLAttributes<UMessageElement>>
-    & Omit<React.HTMLAttributes<UMessageElement>, never>
+  Partial<Omit<UMessageElement, Exclude<keyof React.HTMLAttributes<UMessageElement>, keyof UMessageOwnProps>>>
+    & Omit<React.HTMLAttributes<UMessageElement>, keyof UMessageOwnProps | never>
     & React.RefAttributes<UMessageElement>
     & {
   }

package/dist/react/UPrompt.d.ts

@@ -3,9 +3,11 @@ import { UPrompt as UPromptElement } from '@iyulab/chat-components/dist/componen
 import { type StopEventDetail } from '@iyulab/chat-components/dist/events/StopEvent.js';
 import { type SendEventDetail } from '@iyulab/chat-components/dist/events/SendEvent.js';
 
+type UPromptOwnProps = Omit<UPromptElement, keyof HTMLElement>;
+
 export declare const UPrompt: React.ForwardRefExoticComponent<
-  Omit<Partial<UPromptElement>, keyof React.HTMLAttributes<UPromptElement>>
-    & Omit<React.HTMLAttributes<UPromptElement>, 'onStop' | 'onSend'>
+  Partial<Omit<UPromptElement, Exclude<keyof React.HTMLAttributes<UPromptElement>, keyof UPromptOwnProps>>>
+    & Omit<React.HTMLAttributes<UPromptElement>, keyof UPromptOwnProps | 'onStop' | 'onSend'>
     & React.RefAttributes<UPromptElement>
     & {
   onStop?: (event: CustomEvent<StopEventDetail>) => void;

package/dist/react/URefBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { URefBlock as URefBlockElement } from '@iyulab/chat-components/dist/components/blocks/URefBlock.js';
 
+type URefBlockOwnProps = Omit<URefBlockElement, keyof HTMLElement>;
+
 export declare const URefBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<URefBlockElement>, keyof React.HTMLAttributes<URefBlockElement>>
-    & Omit<React.HTMLAttributes<URefBlockElement>, never>
+  Partial<Omit<URefBlockElement, Exclude<keyof React.HTMLAttributes<URefBlockElement>, keyof URefBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<URefBlockElement>, keyof URefBlockOwnProps | never>
     & React.RefAttributes<URefBlockElement>
     & {
   }

package/dist/react/URefCard.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { URefCard as URefCardElement } from '@iyulab/chat-components/dist/components/references/URefCard.js';
 
+type URefCardOwnProps = Omit<URefCardElement, keyof HTMLElement>;
+
 export declare const URefCard: React.ForwardRefExoticComponent<
-  Omit<Partial<URefCardElement>, keyof React.HTMLAttributes<URefCardElement>>
-    & Omit<React.HTMLAttributes<URefCardElement>, never>
+  Partial<Omit<URefCardElement, Exclude<keyof React.HTMLAttributes<URefCardElement>, keyof URefCardOwnProps>>>
+    & Omit<React.HTMLAttributes<URefCardElement>, keyof URefCardOwnProps | never>
     & React.RefAttributes<URefCardElement>
     & {
   }

package/dist/react/URefCardGroup.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { URefCardGroup as URefCardGroupElement } from '@iyulab/chat-components/dist/components/references/URefCardGroup.js';
 
+type URefCardGroupOwnProps = Omit<URefCardGroupElement, keyof HTMLElement>;
+
 export declare const URefCardGroup: React.ForwardRefExoticComponent<
-  Omit<Partial<URefCardGroupElement>, keyof React.HTMLAttributes<URefCardGroupElement>>
-    & Omit<React.HTMLAttributes<URefCardGroupElement>, never>
+  Partial<Omit<URefCardGroupElement, Exclude<keyof React.HTMLAttributes<URefCardGroupElement>, keyof URefCardGroupOwnProps>>>
+    & Omit<React.HTMLAttributes<URefCardGroupElement>, keyof URefCardGroupOwnProps | never>
     & React.RefAttributes<URefCardGroupElement>
     & {
   }

package/dist/react/URefTag.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { URefTag as URefTagElement } from '@iyulab/chat-components/dist/components/references/URefTag.js';
 
+type URefTagOwnProps = Omit<URefTagElement, keyof HTMLElement>;
+
 export declare const URefTag: React.ForwardRefExoticComponent<
-  Omit<Partial<URefTagElement>, keyof React.HTMLAttributes<URefTagElement>>
-    & Omit<React.HTMLAttributes<URefTagElement>, never>
+  Partial<Omit<URefTagElement, Exclude<keyof React.HTMLAttributes<URefTagElement>, keyof URefTagOwnProps>>>
+    & Omit<React.HTMLAttributes<URefTagElement>, keyof URefTagOwnProps | never>
     & React.RefAttributes<URefTagElement>
     & {
   }

package/dist/react/UTableBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UTableBlock as UTableBlockElement } from '@iyulab/chat-components/dist/components/blocks/UTableBlock.js';
 
+type UTableBlockOwnProps = Omit<UTableBlockElement, keyof HTMLElement>;
+
 export declare const UTableBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UTableBlockElement>, keyof React.HTMLAttributes<UTableBlockElement>>
-    & Omit<React.HTMLAttributes<UTableBlockElement>, never>
+  Partial<Omit<UTableBlockElement, Exclude<keyof React.HTMLAttributes<UTableBlockElement>, keyof UTableBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UTableBlockElement>, keyof UTableBlockOwnProps | never>
     & React.RefAttributes<UTableBlockElement>
     & {
   }

package/dist/react/UTextBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UTextBlock as UTextBlockElement } from '@iyulab/chat-components/dist/components/blocks/UTextBlock.js';
 
+type UTextBlockOwnProps = Omit<UTextBlockElement, keyof HTMLElement>;
+
 export declare const UTextBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UTextBlockElement>, keyof React.HTMLAttributes<UTextBlockElement>>
-    & Omit<React.HTMLAttributes<UTextBlockElement>, 'onInput'>
+  Partial<Omit<UTextBlockElement, Exclude<keyof React.HTMLAttributes<UTextBlockElement>, keyof UTextBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UTextBlockElement>, keyof UTextBlockOwnProps | 'onInput'>
     & React.RefAttributes<UTextBlockElement>
     & {
   onInput?: (event: CustomEvent) => void;

package/dist/react/UVideoBlock.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UVideoBlock as UVideoBlockElement } from '@iyulab/chat-components/dist/components-extra/UVideoBlock.js';
 
+type UVideoBlockOwnProps = Omit<UVideoBlockElement, keyof HTMLElement>;
+
 export declare const UVideoBlock: React.ForwardRefExoticComponent<
-  Omit<Partial<UVideoBlockElement>, keyof React.HTMLAttributes<UVideoBlockElement>>
-    & Omit<React.HTMLAttributes<UVideoBlockElement>, never>
+  Partial<Omit<UVideoBlockElement, Exclude<keyof React.HTMLAttributes<UVideoBlockElement>, keyof UVideoBlockOwnProps>>>
+    & Omit<React.HTMLAttributes<UVideoBlockElement>, keyof UVideoBlockOwnProps | never>
     & React.RefAttributes<UVideoBlockElement>
     & {
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/chat-components",
   "description": "llm chat components for building chat interfaces",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "author": "iyulab",
   "license": "MIT",
   "keywords": [

package/skills/iyulab-chat-components/SKILL.md

@@ -4,7 +4,6 @@ description: LLM chat UI component library. Covers all u-* custom elements for b
 license: MIT
 metadata:
   author: iyulab
-  version: "0.7.0"
 ---
 
 # @iyulab/chat-components