@iyulab/chat-components 0.16.1 → 0.17.0

package/CHANGELOG.md

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

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

@@ -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;

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;

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;

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;

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

@@ -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;

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/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.1",
+  "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