@iyulab/chat-components 0.16.0 → 0.16.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [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 {
@@ -174,7 +174,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

@@ -30,7 +30,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 +61,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

@@ -127,7 +127,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

@@ -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;
   }
 
   /* 상단 헤더: 카운터(중앙) + 닫기(우측) */
@@ -112,7 +112,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 +147,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 +159,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 +192,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 +218,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/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/package.json

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