@iyulab/chat-components 0.11.2 → 0.11.4

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [0.11.4] - 2026-08-27
+
+### Fixed
+
+- **`u-ref-card-group`'s previous/next buttons and `u-file-block`'s preview
+  close button had no accessible name.** All three are icon-only controls;
+  without an explicit label a screen reader announced them as unnamed
+  buttons. They now carry a localized `aria-label` (English and Korean).
+
+## [0.11.3] - 2026-08-25
+
+### Fixed
+
+- **Pin `marked-katex-extension` to `5.1.10`.** Versions `5.1.11`/`5.1.12` publish their `types`
+  field pointing at raw TypeScript source instead of compiled declarations (`./src/index.ts`
+  instead of `./src/index.d.ts`). Under a strict `tsconfig.json` (`noImplicitReturns`,
+  `noUnusedParameters`) with `moduleResolution: "bundler"`, that source file itself fails
+  typecheck — for this package's own CI, and for any downstream project that installs it fresh
+  and typechecks with similarly strict settings. No newer patched release exists yet, so the
+  range is pinned exact instead of `^5.1.10`; it will widen again once upstream fixes the
+  regression.
+
 ## [0.11.2] - 2026-08-07
 
 ### Fixed

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

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.143.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.147.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.143.0 → _@oxc-project_runtime@0.147.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.143.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.147.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,6 +1,6 @@
 import { styles } from "./UCodeBlock.styles.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { UDataElement } from "../UDataElement.js";
 import { styles } from "./UElementBlock.styles.js";
 import { html, nothing } from "lit";

package/dist/components/blocks/UFileBlock.js

@@ -1,5 +1,6 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import { messages } from "../../utilities/messages.js";
 import { styles } from "./UFileBlock.styles.js";
 import { html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -80,7 +81,7 @@ var UFileBlock = class UFileBlock extends UElement {
         <div class="preview-overlay" @click=${this.closePreview}>
           <header class="preview-header">
             <span class="preview-name">${this.name}</span>
-            <button class="preview-close" @click=${this.closePreview}>
+            <button class="preview-close" aria-label=${messages.text("closePreview")} @click=${this.closePreview}>
               <u-icon lib="internal" name="x"></u-icon>
             </button>
           </header>

package/dist/components/blocks/UMarkedBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import "./UCodeBlock.js";
 import { 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.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import "../references/URefCard.js";
 import { styles } from "./URefBlock.styles.js";
 import { html } from "lit";

package/dist/components/blocks/UTableBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { UDataElement } from "../UDataElement.js";
 import { styles } from "./UTableBlock.styles.js";
 import { html } from "lit";

package/dist/components/blocks/UTextBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.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,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import "../blocks/UFileBlock.js";
 import { styles } from "./UPrompt.styles.js";
 import { html } from "lit";

package/dist/components/references/URefCard.js

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

package/dist/components/references/URefCardGroup.js

@@ -1,5 +1,6 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import { messages } from "../../utilities/messages.js";
 import { URefCard } from "./URefCard.js";
 import { styles } from "./URefCardGroup.styles.js";
 import { html } from "lit";
@@ -20,15 +21,17 @@ var URefCardGroup = class URefCardGroup extends UElement {
 		return html`
       <div class="header" ?hidden=${this.cards.length <= 1}>
         <button class="nav-button"
+          aria-label=${messages.text("previousReference")}
           @click=${this.handlePreviousButtonClick}>
           <u-icon lib="internal" name="chevron-left"></u-icon>
         </button>
-        
+
         <span class="page-indicator">
           ${this.currentIndex + 1} / ${this.cards.length}
         </span>
-        
+
         <button class="nav-button"
+          aria-label=${messages.text("nextReference")}
           @click=${this.handleNextButtonClick}>
           <u-icon lib="internal" name="chevron-right"></u-icon>
         </button>

package/dist/components/references/URefTag.js

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

package/dist/components-extra/UChartBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { messages } from "../utilities/messages.js";
 import { styles } from "./UChartBlock.styles.js";
 import { html, nothing } from "lit";

package/dist/components-extra/UImagesBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { styles } from "./UImagesBlock.styles.js";
 import { html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components-extra/UMapBlock.js

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

package/dist/components-extra/UVideoBlock.js

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

package/dist/utilities/messages.d.ts

@@ -5,5 +5,5 @@
  * 이 리포가 채택한 표준이 *"영어 기본 **+ 레지스트리**"* 이기 때문이다 — 영어 리터럴만으로는
  * 한국어 앱이 그 문구를 되돌릴 방법이 없다. 다음 문자열은 여기로 온다.
  */
-export type ChatMessageKey = 'canvasUnavailable';
-export declare const messages: import('@iyulab/components/dist/utilities/Locale.js').LocaleNamespace<"canvasUnavailable">;
+export type ChatMessageKey = 'canvasUnavailable' | 'previousReference' | 'nextReference' | 'closePreview';
+export declare const messages: import('@iyulab/components/dist/utilities/Locale.js').LocaleNamespace<ChatMessageKey>;

package/dist/utilities/messages.js

@@ -1,7 +1,17 @@
 import { Locale } from "@iyulab/components/dist/utilities/Locale.js";
 //#region src/utilities/messages.ts
 var messages = Locale.namespace("@iyulab/chat-components");
-messages.register("en", { canvasUnavailable: "Canvas 2D context is unavailable." });
-messages.register("ko", { canvasUnavailable: "Canvas 2D context를 가져올 수 없습니다." });
+messages.register("en", {
+	canvasUnavailable: "Canvas 2D context is unavailable.",
+	previousReference: "Previous reference",
+	nextReference: "Next reference",
+	closePreview: "Close preview"
+});
+messages.register("ko", {
+	canvasUnavailable: "Canvas 2D context를 가져올 수 없습니다.",
+	previousReference: "이전 참조",
+	nextReference: "다음 참조",
+	closePreview: "미리보기 닫기"
+});
 //#endregion
 export { messages };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/chat-components",
   "description": "llm chat components for building chat interfaces",
-  "version": "0.11.2",
+  "version": "0.11.4",
   "author": "iyulab",
   "license": "MIT",
   "keywords": [
@@ -65,7 +65,7 @@
     "katex": "^0.17.0",
     "lit": "^3.3.3",
     "marked": "^18.0.6",
-    "marked-katex-extension": "^5.1.10"
+    "marked-katex-extension": "5.1.10"
   },
   "peerDependencies": {
     "@lit/react": ">=1.0.8",

package/skills/iyulab-chat-components/references/components/code-block.md

@@ -36,3 +36,23 @@ Syntax-highlighted code block powered by Highlight.js. Shows a language label an
 | Name | Description |
 |------|-------------|
 | *(default, hidden)* | Code text injected directly as content; updates `value` on `slotchange` |
+
+## CSS Custom Properties
+
+Highlight.js syntax theme — light values shown, dark auto-applies via `light-dark()`.
+
+| Property | Description |
+|----------|-------------|
+| `--hljs-background-color` | Code block background |
+| `--hljs-text-color` | Default text color |
+| `--hljs-keyword-color` | Keywords |
+| `--hljs-string-color` | Strings |
+| `--hljs-comment-color` | Comments |
+| `--hljs-entity-color` | Function/class names |
+| `--hljs-entity-tag-color` | HTML/XML tag names |
+| `--hljs-constant-color` | Constants and numbers |
+| `--hljs-variable-color` | Variables and template literals |
+| `--hljs-markup-heading-color` | Markdown headings |
+| `--hljs-markup-list-color` | Markdown list bullets |
+| `--hljs-addition-color` / `--hljs-addition-bg-color` | Diff addition text / background |
+| `--hljs-deletion-color` / `--hljs-deletion-bg-color` | Diff deletion text / background |

package/skills/iyulab-chat-components/references/components/marked-block.md

@@ -42,6 +42,21 @@ Tracks a `streaming` state internally (resets a 1500ms idle timer on every `valu
 | `value` | `string` | `undefined` | Markdown text to render |
 | `refs` | `ReferenceCitation[]` | `undefined` | Citation list. `u-ref-tag` elements are automatically inserted at `startIndex`/`endIndex` positions |
 
+## CSS Custom Properties
+
+Vendored from GitHub's markdown theme — light values shown, dark auto-applies via
+`light-dark()`.
+
+| Property | Description |
+|----------|-------------|
+| `--fgColor-default` / `--fgColor-muted` / `--fgColor-accent` | Body text / secondary text / link color |
+| `--bgColor-default` / `--bgColor-muted` / `--bgColor-neutral-muted` / `--bgColor-attention-muted` | Body / code+table-stripe / hr+badge / warning-callout background |
+| `--borderColor-default` / `--borderColor-muted` / `--borderColor-neutral-muted` | Table and blockquote border weights |
+| `--focus-outlineColor` | Link focus outline |
+| `--fontStack-monospace` | Inline code and code-fence font stack |
+| `--base-size-4` / `-8` / `-16` / `-24` / `-40` | Spacing scale used throughout (margins, padding, gaps) |
+| `--base-text-weight-normal` / `-medium` / `-semibold` | Font-weight scale (body / table header / heading) |
+
 ## ReferenceCitation Type
 
 ```ts