@iyulab/chat-components 0.3.0 → 0.5.0

package/dist/components/views/UMapView.d.ts

@@ -0,0 +1,24 @@
+import { nothing } from 'lit';
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+/**
+ * 지도 뷰 컴포넌트 (OpenStreetMap embed)
+ */
+export declare class UMapView extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    /** 위도 (latitude) */
+    lat?: number;
+    /** 경도 (longitude) */
+    lng?: number;
+    /** 지도 확대 레벨 (zoom level, 기본값: 15) */
+    zoom: number;
+    /** 지도 마커 라벨 */
+    label?: string;
+    /** 지도 마커 설명 */
+    description?: string;
+    render(): import('lit-html').TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "u-map-view": UMapView;
+    }
+}

package/dist/components/views/UMapView.js

@@ -0,0 +1,45 @@
+import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { styles } from "./UMapView.styles.js";
+import { html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+//#region src/components/views/UMapView.ts
+var UMapView = class UMapView extends UElement {
+	constructor(..._args) {
+		super(..._args);
+		this.zoom = 15;
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	render() {
+		if (this.lat == null || this.lng == null) return nothing;
+		const offset = 360 / Math.pow(2, this.zoom);
+		const embedUrl = `https://www.openstreetmap.org/export/embed.html?bbox=${`${this.lng - offset},${this.lat - offset},${this.lng + offset},${this.lat + offset}`}&layer=mapnik&marker=${this.lat},${this.lng}`;
+		const linkUrl = `https://www.openstreetmap.org/?mlat=${this.lat}&mlon=${this.lng}#map=${this.zoom}/${this.lat}/${this.lng}`;
+		return html`
+      <iframe 
+        src="${embedUrl}" 
+        loading="lazy"
+      ></iframe>
+      <a class="caption" 
+        ?hidden=${!this.label && !this.description}  
+        href="${linkUrl}" 
+        target="_blank" 
+        rel="noopener"
+      >
+        <strong>${this.label}</strong>
+        <span>${this.description}</span>
+      </a>
+    `;
+	}
+};
+__decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UMapView.prototype, "lat", void 0);
+__decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UMapView.prototype, "lng", void 0);
+__decorate([property({ type: Number }), __decorateMetadata("design:type", Object)], UMapView.prototype, "zoom", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UMapView.prototype, "label", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UMapView.prototype, "description", void 0);
+UMapView = __decorate([customElement("u-map-view")], UMapView);
+//#endregion
+export { UMapView };

package/dist/components/views/UMapView.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import('lit').CSSResult;

package/dist/components/views/UMapView.styles.js

@@ -0,0 +1,47 @@
+import { css } from "lit";
+//#region src/components/views/UMapView.styles.ts
+var styles = css`
+  :host {
+    position: relative;
+    display: block;
+    width: 100%;
+    border-radius: 8px;
+    overflow: hidden;
+    margin: 0.75em 0;
+  }
+
+  iframe {
+    width: 100%;
+    height: 300px;
+    display: block;
+    border: none;
+  }
+
+  .caption {
+    text-decoration: none;
+    max-width: 60%;
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25em;
+    padding: 0.25em 0.5em;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 6px;
+    backdrop-filter: blur(4px);
+  }
+  .caption:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
+  .caption strong {
+    font-size: 0.8em;
+  }
+  .caption span {
+    font-size: 0.7em;
+    opacity: 0.8;
+  }
+`;
+//#endregion
+export { styles };

package/dist/components/views/UVideoView.d.ts

@@ -0,0 +1,25 @@
+import { nothing, PropertyValues } from 'lit';
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+/**
+ * 비디오 플레이어 뷰 컴포넌트
+ */
+export declare class UVideoView extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    /** 비디오 URL (YouTube, Vimeo, 직접 파일) */
+    src?: string;
+    /** 포스터 이미지 URL */
+    poster?: string;
+    /** 비디오 비율 */
+    ratio: '16:9' | '4:3' | '1:1';
+    protected updated(changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1> | typeof nothing;
+    private isYouTube;
+    private isVimeo;
+    private extractYouTubeId;
+    private extractVimeoId;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "u-video-view": UVideoView;
+    }
+}

package/dist/components/views/UVideoView.js

@@ -0,0 +1,81 @@
+import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { styles } from "./UVideoView.styles.js";
+import { html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+//#region src/components/views/UVideoView.ts
+var UVideoView = class UVideoView extends UElement {
+	constructor(..._args) {
+		super(..._args);
+		this.ratio = "16:9";
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	updated(changedProperties) {
+		super.updated(changedProperties);
+		if (changedProperties.has("ratio")) this.style.setProperty("--video-ratio", this.ratio.replace(":", " / "));
+	}
+	render() {
+		if (!this.src) return nothing;
+		if (this.isYouTube(this.src)) {
+			const videoId = this.extractYouTubeId(this.src);
+			if (videoId) return html`
+          <div class="video-wrapper">
+            <iframe
+              src="https://www.youtube.com/embed/${videoId}"
+              loading="lazy"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen
+            ></iframe>
+          </div>
+        `;
+		}
+		if (this.isVimeo(this.src)) {
+			const videoId = this.extractVimeoId(this.src);
+			if (videoId) return html`
+          <div class="video-wrapper">
+            <iframe
+              src="https://player.vimeo.com/video/${videoId}"
+              loading="lazy"
+              allow="autoplay; fullscreen; picture-in-picture"
+              allowfullscreen
+            ></iframe>
+          </div>
+        `;
+		}
+		return html`
+      <video
+        src=${this.src}
+        poster=${ifDefined(this.poster)}
+        controls
+        playsinline
+      ></video>
+    `;
+	}
+	isYouTube(url) {
+		return /youtube\.com|youtu\.be/i.test(url);
+	}
+	isVimeo(url) {
+		return /vimeo\.com/i.test(url);
+	}
+	extractYouTubeId(url) {
+		for (const pattern of [/(?:youtube\.com\/watch\?v=|youtu\.be\/)([^&\s]+)/, /youtube\.com\/embed\/([^&\s]+)/]) {
+			const match = url.match(pattern);
+			if (match && match[1]) return match[1];
+		}
+		return null;
+	}
+	extractVimeoId(url) {
+		const match = url.match(/vimeo\.com\/(\d+)/);
+		return match ? match[1] : null;
+	}
+};
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UVideoView.prototype, "src", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UVideoView.prototype, "poster", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UVideoView.prototype, "ratio", void 0);
+UVideoView = __decorate([customElement("u-video-view")], UVideoView);
+//#endregion
+export { UVideoView };

package/dist/components/views/UVideoView.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import('lit').CSSResult;

package/dist/components/views/UVideoView.styles.js

@@ -0,0 +1,36 @@
+import { css } from "lit";
+//#region src/components/views/UVideoView.styles.ts
+var styles = css`
+  :host {
+    --video-ratio: 16 / 9;
+  }
+
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    max-width: 800px;
+    margin: 0.75em auto;
+  }
+
+  video {
+    width: 100%;
+    aspect-ratio: var(--video-ratio);
+    border-radius: 8px;
+    background: #000;
+  }
+
+  .video-wrapper {
+    width: 100%;
+    aspect-ratio: var(--video-ratio);
+  }
+
+  .video-wrapper iframe {
+    width: 100%;
+    height: 100%;
+    border: none;
+    border-radius: 8px;
+  }
+`;
+//#endregion
+export { styles };

package/dist/components/views/UView.d.ts

@@ -0,0 +1,46 @@
+import { nothing, PropertyValues } from 'lit';
+import { UDataElement } from '@iyulab/components/dist/components/UDataElement.js';
+/**
+ * 뷰 컴포넌트를 렌더링 또는 오류를 표시하는 컴포넌트입니다.
+ */
+export declare class UView extends UDataElement {
+    static styles: (import('lit').CSSResult | import('lit').CSSResultGroup[])[];
+    /** 로딩 상태입니다. `true`인 경우, 위젯이 로딩 중임을 나타냅니다. */
+    loading: boolean;
+    /** `tag` 프로퍼티에 등록된 커스텀 엘리먼트를 렌더링하는 컴포넌트입니다. */
+    tag?: string;
+    /** `properties` 객체의 키가 렌더링된 엘리먼트의 프로퍼티 이름과 일치하면 자동으로 할당됩니다. */
+    properties?: Record<string, unknown>;
+    /** `properties` 객체에서 위험한 프로퍼티 이름을 지정하여 차단할 수 있습니다. */
+    blacklist: string[];
+    /** 실제 렌더링된 엘리먼트입니다. `tag` 프로퍼티가 변경될 때마다 업데이트됩니다. */
+    private element;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    render(): HTMLElement | import('lit-html').TemplateResult<1> | typeof nothing;
+    /**
+     * `loading`이 `true`인 경우, 에러 UI로 대체하지 않습니다.
+     */
+    protected error(error: Error): Promise<void>;
+    /**
+     * `tag` 프로퍼티에 등록된 커스텀 엘리먼트를 렌더링하는 컴포넌트입니다.
+     * `tag`가 변경될 때마다 등록된 커스텀 엘리먼트를 새로 생성하여 렌더링합니다.
+     * `tag`가 유효하지 않거나 등록된 커스텀 엘리먼트가 아닌 경우, 에러 처리합니다.
+     */
+    private updateElement;
+    /**
+     * `properties` 객체의 키가 렌더링된 엘리먼트의 프로퍼티 이름과 일치하면 자동으로 할당됩니다.
+     * `properties` 객체에 위험한 프로퍼티가 포함되어 있는지 검증하여, 유효한 경우에만 할당합니다.
+     * 할당 중 오류가 발생한 경우, 에러 처리합니다.
+     */
+    private updateProperties;
+    /**
+     * `properties` 객체에 위험한 프로퍼티가 포함되어 있는지 검증합니다.
+     * DOM 조작이나 이벤트 핸들러로 악용될 수 있는 프로퍼티를 최소한으로 차단합니다.
+     */
+    private validateProperties;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "u-view": UView;
+    }
+}

package/dist/components/views/UView.js

@@ -0,0 +1,113 @@
+import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { styles } from "./UView.styles.js";
+import { html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { UDataElement } from "@iyulab/components/dist/components/UDataElement.js";
+import "@iyulab/components/dist/components/skeleton/USkeleton.js";
+//#region src/components/views/UView.ts
+var _ref;
+var DEFAULT_BLACKLIST = [
+	"innerHTML",
+	"outerHTML",
+	"textContent",
+	"innerText",
+	"outerText",
+	"srcdoc"
+];
+var UView = class UView extends UDataElement {
+	constructor(..._args) {
+		super(..._args);
+		this.loading = false;
+		this.blacklist = DEFAULT_BLACKLIST;
+		this.element = null;
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	willUpdate(changedProperties) {
+		super.willUpdate(changedProperties);
+		if (changedProperties.has("tag")) this.updateElement(this.tag);
+		if (changedProperties.has("properties") && this.element) this.updateProperties(this.element, this.properties);
+		if (changedProperties.has("blacklist") && this.element && this.properties) this.updateProperties(this.element, this.properties);
+	}
+	render() {
+		if (this.loading === true) return html`
+        <div class="sk-container">
+          <div class="sk-card">
+            <u-skeleton effect="shimmer" width="100%" height="5em"   shape="rectangle"></u-skeleton>
+            <u-skeleton effect="shimmer" width="80%"  height="0.8em" shape="rounded"></u-skeleton>
+            <u-skeleton effect="shimmer" width="40%"  height="0.75em" shape="rounded"></u-skeleton>
+          </div>
+          <div class="sk-doc">
+            <u-skeleton effect="shimmer" width="40%"  height="0.75em" shape="rounded"></u-skeleton>
+            <u-skeleton effect="shimmer" width="80%"  height="0.75em" shape="rounded"></u-skeleton>
+            <u-skeleton effect="shimmer" width="60%" height="0.8em"  shape="rounded"></u-skeleton>
+            <u-skeleton effect="shimmer" width="100%" height="0.8em"  shape="rounded"></u-skeleton>
+            <u-skeleton effect="shimmer" width="80%"  height="0.8em"  shape="rounded"></u-skeleton>
+          </div>
+        </div>`;
+		if (this.element != null) return this.element;
+		return nothing;
+	}
+	/** 
+	* `loading`이 `true`인 경우, 에러 UI로 대체하지 않습니다. 
+	*/
+	async error(error) {
+		if (this.loading) return;
+		await super.error(error);
+	}
+	/**
+	* `tag` 프로퍼티에 등록된 커스텀 엘리먼트를 렌더링하는 컴포넌트입니다.
+	* `tag`가 변경될 때마다 등록된 커스텀 엘리먼트를 새로 생성하여 렌더링합니다.
+	* `tag`가 유효하지 않거나 등록된 커스텀 엘리먼트가 아닌 경우, 에러 처리합니다.
+	*/
+	updateElement(tag) {
+		tag = tag?.trim();
+		if (!tag) {
+			this.element = null;
+			super.error(/* @__PURE__ */ new Error("Tag is required"));
+			return;
+		}
+		if (!customElements.get(tag)) {
+			this.element = null;
+			super.error(/* @__PURE__ */ new Error(`Unknown tag: ${tag}`));
+			return;
+		}
+		this.element = document.createElement(tag);
+	}
+	/**
+	* `properties` 객체의 키가 렌더링된 엘리먼트의 프로퍼티 이름과 일치하면 자동으로 할당됩니다.
+	* `properties` 객체에 위험한 프로퍼티가 포함되어 있는지 검증하여, 유효한 경우에만 할당합니다.
+	* 할당 중 오류가 발생한 경우, 에러 처리합니다.
+	*/
+	updateProperties(element, props) {
+		if (this.validateProperties(props)) try {
+			Object.assign(element, props);
+		} catch (error) {
+			super.error(error);
+		}
+		else super.error(/* @__PURE__ */ new Error(`Not allowed properties: ${JSON.stringify(props)}`));
+	}
+	/**
+	* `properties` 객체에 위험한 프로퍼티가 포함되어 있는지 검증합니다.
+	* DOM 조작이나 이벤트 핸들러로 악용될 수 있는 프로퍼티를 최소한으로 차단합니다.
+	*/
+	validateProperties(props) {
+		if (typeof props !== "object" || props === null || Array.isArray(props)) return false;
+		const obj = props;
+		for (const key of Object.keys(obj)) if (this.blacklist.includes(key)) return false;
+		return true;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	reflect: true
+}), __decorateMetadata("design:type", Object)], UView.prototype, "loading", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UView.prototype, "tag", void 0);
+__decorate([property({ type: Object }), __decorateMetadata("design:type", typeof (_ref = typeof Record !== "undefined" && Record) === "function" ? _ref : Object)], UView.prototype, "properties", void 0);
+__decorate([property({ type: Array }), __decorateMetadata("design:type", Array)], UView.prototype, "blacklist", void 0);
+__decorate([state(), __decorateMetadata("design:type", Object)], UView.prototype, "element", void 0);
+UView = __decorate([customElement("u-view")], UView);
+//#endregion
+export { UView };

package/dist/components/views/UView.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import('lit').CSSResult;

package/dist/components/views/UView.styles.js

@@ -0,0 +1,33 @@
+import { css } from "lit";
+//#region src/components/views/UView.styles.ts
+var styles = css`
+  :host {
+    display: contents;
+  }
+
+  /* ── 스켈레톤: 카드(좌) + 문서(우) ── */
+  .sk-container {
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    gap: 1em;
+    margin: 0.75em 0;
+    width: 100%;
+  }
+
+  .sk-card {
+    flex: 0 0 40%;
+    display: flex;
+    flex-direction: column;
+    gap: 0.55em;
+  }
+
+  .sk-doc {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+`;
+//#endregion
+export { styles };

package/dist/events/AttachEvent.d.ts

@@ -0,0 +1,9 @@
+export interface AttachEventDetail {
+    files: File[];
+}
+export type AttachEvent = CustomEvent<AttachEventDetail>;
+declare global {
+    interface HTMLElementEventMap {
+        'attach': AttachEvent;
+    }
+}

package/dist/events/ChoiceEvent.d.ts

@@ -0,0 +1,9 @@
+export interface ChoiceEventDetail {
+    value: string;
+}
+export type ChoiceEvent = CustomEvent<ChoiceEventDetail>;
+declare global {
+    interface HTMLElementEventMap {
+        'choice': ChoiceEvent;
+    }
+}

package/dist/events/SendEvent.d.ts

@@ -0,0 +1,7 @@
+export type SendEventDetail = unknown;
+export type SendEvent = CustomEvent<SendEventDetail>;
+declare global {
+    interface HTMLElementEventMap {
+        'send': SendEvent;
+    }
+}

package/dist/events/StopEvent.d.ts

@@ -0,0 +1,7 @@
+export type StopEventDetail = unknown;
+export type StopEvent = CustomEvent<StopEventDetail>;
+declare global {
+    interface HTMLElementEventMap {
+        'stop': StopEvent;
+    }
+}

package/dist/index.d.ts

@@ -1,24 +1,33 @@
 export * from './components/blocks/UCodeBlock.js';
+export * from './components/blocks/UFileBlock.js';
 export * from './components/blocks/UJsonBlock.js';
 export * from './components/blocks/UMarkedBlock.js';
 export * from './components/blocks/UTextBlock.js';
 export * from './components/blocks/UThinkBlock.js';
 export * from './components/blocks/UToolBlock.js';
 export * from './components/blocks/URefBlock.js';
+export * from './components/blocks/UTableBlock.js';
 export * from './components/buttons/UAttachButton.js';
 export * from './components/buttons/UCopyButton.js';
 export * from './components/buttons/UVoteButton.js';
-export * from './components/buttons/UReportButton.js';
-export * from './components/buttons/URetryButton.js';
-export * from './components/buttons/UShareButton.js';
-export * from './components/loaders/UDotLoader.js';
 export * from './components/message/UMessage.js';
 export * from './components/prompt/UPrompt.js';
 export * from './components/references/URefTag.js';
 export * from './components/references/URefCard.js';
 export * from './components/references/URefCardGroup.js';
+export * from './components/intents/UQuestionIntent.js';
+export * from './components/views/UImagesView.js';
+export * from './components/views/UVideoView.js';
+export * from './components/views/UMapView.js';
+export * from './components/views/UChartView.js';
+export * from './components/views/UView.js';
 export type * from './types/BlockItem';
 export type * from './types/JsonNode';
+export type * from './types/JsonSchema';
 export type * from './types/References';
-export type * from './events/UCancelEvent';
-export type * from './events/USubmitEvent';
+export * from './types/Intents';
+export * from './types/Views';
+export type * from './events/SendEvent';
+export type * from './events/StopEvent';
+export * from './utilities/IntentPromptBuilder.js';
+export * from './utilities/ViewPromptBuilder.js';

package/dist/index.js

@@ -1,38 +1,28 @@
-import './components/blocks/UCodeBlock.js';
-import './components/blocks/UJsonBlock.js';
-import './components/blocks/UMarkedBlock.js';
-import './components/blocks/UTextBlock.js';
-import './components/blocks/UThinkBlock.js';
-import './components/blocks/UToolBlock.js';
-import './components/blocks/URefBlock.js';
-import './components/buttons/UAttachButton.js';
-import './components/buttons/UCopyButton.js';
-import './components/buttons/UVoteButton.js';
-import './components/buttons/UReportButton.js';
-import './components/buttons/URetryButton.js';
-import './components/buttons/UShareButton.js';
-import './components/loaders/UDotLoader.js';
-import './components/message/UMessage.js';
-import './components/prompt/UPrompt.js';
-import './components/references/URefTag.js';
-import './components/references/URefCard.js';
-import './components/references/URefCardGroup.js';
-export { UAttachButton } from './components/buttons/UAttachButton.component.js';
-export { UCodeBlock } from './components/blocks/UCodeBlock.component.js';
-export { UCopyButton } from './components/buttons/UCopyButton.component.js';
-export { UDotLoader } from './components/loaders/UDotLoader.component.js';
-export { UJsonBlock } from './components/blocks/UJsonBlock.component.js';
-export { UMarkedBlock } from './components/blocks/UMarkedBlock.component.js';
-export { UMessage } from './components/message/UMessage.component.js';
-export { UPrompt } from './components/prompt/UPrompt.component.js';
-export { URefBlock } from './components/blocks/URefBlock.component.js';
-export { URefCard } from './components/references/URefCard.component.js';
-export { URefCardGroup } from './components/references/URefCardGroup.component.js';
-export { URefTag } from './components/references/URefTag.component.js';
-export { UReportButton } from './components/buttons/UReportButton.component.js';
-export { URetryButton } from './components/buttons/URetryButton.component.js';
-export { UShareButton } from './components/buttons/UShareButton.component.js';
-export { UTextBlock } from './components/blocks/UTextBlock.component.js';
-export { UThinkBlock } from './components/blocks/UThinkBlock.component.js';
-export { UToolBlock } from './components/blocks/UToolBlock.component.js';
-export { UVoteButton } from './components/buttons/UVoteButton.component.js';
+import { UCopyButton } from "./components/buttons/UCopyButton.js";
+import { UCodeBlock } from "./components/blocks/UCodeBlock.js";
+import { UFileBlock } from "./components/blocks/UFileBlock.js";
+import { UJsonBlock } from "./components/blocks/UJsonBlock.js";
+import { URefTag } from "./components/references/URefTag.js";
+import { URefCard } from "./components/references/URefCard.js";
+import { URefCardGroup } from "./components/references/URefCardGroup.js";
+import { UTableBlock } from "./components/blocks/UTableBlock.js";
+import { UView } from "./components/views/UView.js";
+import { UMarkedBlock } from "./components/blocks/UMarkedBlock.js";
+import { UTextBlock } from "./components/blocks/UTextBlock.js";
+import { UThinkBlock } from "./components/blocks/UThinkBlock.js";
+import { UToolBlock } from "./components/blocks/UToolBlock.js";
+import { URefBlock } from "./components/blocks/URefBlock.js";
+import { UAttachButton } from "./components/buttons/UAttachButton.js";
+import { UVoteButton } from "./components/buttons/UVoteButton.js";
+import { UMessage } from "./components/message/UMessage.js";
+import { UPrompt } from "./components/prompt/UPrompt.js";
+import { UQuestionIntent } from "./components/intents/UQuestionIntent.js";
+import { UImagesView } from "./components/views/UImagesView.js";
+import { UVideoView } from "./components/views/UVideoView.js";
+import { UMapView } from "./components/views/UMapView.js";
+import { UChartView } from "./components/views/UChartView.js";
+import { PRESET_INTENT_DEFINITIONS, PRESET_INTENT_LIST, PresetIntent } from "./types/Intents.js";
+import { PRESET_VIEW_DEFINITIONS, PRESET_VIEW_LIST, PresetView } from "./types/Views.js";
+import { IntentPromptBuilder } from "./utilities/IntentPromptBuilder.js";
+import { ViewPromptBuilder } from "./utilities/ViewPromptBuilder.js";
+export { IntentPromptBuilder, PRESET_INTENT_DEFINITIONS, PRESET_INTENT_LIST, PRESET_VIEW_DEFINITIONS, PRESET_VIEW_LIST, PresetIntent, PresetView, UAttachButton, UChartView, UCodeBlock, UCopyButton, UFileBlock, UImagesView, UJsonBlock, UMapView, UMarkedBlock, UMessage, UPrompt, UQuestionIntent, URefBlock, URefCard, URefCardGroup, URefTag, UTableBlock, UTextBlock, UThinkBlock, UToolBlock, UVideoView, UView, UVoteButton, ViewPromptBuilder };

package/dist/react/UAttachButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UAttachButton as UAttachButtonElement } from '../components/buttons/UAttachButton';
+import { type AttachEventDetail } from '../events/AttachEvent';
+
+export declare const UAttachButton: React.ForwardRefExoticComponent<
+  Partial<UAttachButtonElement> & React.HTMLAttributes<UAttachButtonElement> & {
+  onAttach?: (event: CustomEvent<AttachEventDetail>) => void;
+  }
+>;
+
+export type UAttachButtonProps = React.ComponentProps<typeof UAttachButton>;

package/dist/react/UAttachButton.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UAttachButton } from '../components/buttons/UAttachButton.js';
+
+export const UAttachButton = createComponent({
+  react: React,
+  tagName: 'u-attach-button',
+  elementClass: UAttachButton,
+  events: {
+    onAttach: 'attach',
+  },
+});

package/dist/react/UChartView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UChartView as UChartViewElement } from '../components/views/UChartView';
+
+export declare const UChartView: React.ForwardRefExoticComponent<
+  Partial<UChartViewElement> & React.HTMLAttributes<UChartViewElement> & {
+  }
+>;
+
+export type UChartViewProps = React.ComponentProps<typeof UChartView>;