@iyulab/chat-components 0.4.0 → 0.5.0

package/dist/components/{widgets/UVideoWidget.component.d.ts → views/UVideoView.d.ts}

@@ -1,11 +1,10 @@
 import { nothing, PropertyValues } from 'lit';
 import { UElement } from '@iyulab/components/dist/components/UElement.js';
 /**
- * 비디오 플레이어 위젯 컴포넌트
+ * 비디오 플레이어 뷰 컴포넌트
  */
-export declare class UVideoWidget extends UElement {
+export declare class UVideoView extends UElement {
     static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
     /** 비디오 URL (YouTube, Vimeo, 직접 파일) */
     src?: string;
     /** 포스터 이미지 URL */
@@ -19,3 +18,8 @@ export declare class UVideoWidget extends UElement {
     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/{widgets/UVideoWidget.styles.js → views/UVideoView.styles.js}

@@ -1,6 +1,6 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/views/UVideoView.styles.ts
+var styles = css`
   :host {
     --video-ratio: 16 / 9;
   }
@@ -32,5 +32,5 @@ const styles = css`
     border-radius: 8px;
   }
 `;
-
+//#endregion
 export { styles };

package/dist/components/{widgets/UWidget.component.d.ts → views/UView.d.ts}

@@ -1,12 +1,10 @@
 import { nothing, PropertyValues } from 'lit';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { UJsonElement } from '@iyulab/components/dist/components/UJsonElement.js';
+import { UDataElement } from '@iyulab/components/dist/components/UDataElement.js';
 /**
- * 위젯 파싱/렌더링 오류를 표시하는 컴포넌트입니다.
+ * 뷰 컴포넌트를 렌더링 또는 오류를 표시하는 컴포넌트입니다.
  */
-export declare class UWidget extends UJsonElement {
+export declare class UView extends UDataElement {
     static styles: (import('lit').CSSResult | import('lit').CSSResultGroup[])[];
-    static dependencies: Record<string, typeof UElement>;
     /** 로딩 상태입니다. `true`인 경우, 위젯이 로딩 중임을 나타냅니다. */
     loading: boolean;
     /** `tag` 프로퍼티에 등록된 커스텀 엘리먼트를 렌더링하는 컴포넌트입니다. */
@@ -41,3 +39,8 @@ export declare class UWidget extends UJsonElement {
      */
     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/{widgets/UWidget.styles.js → views/UView.styles.js}

@@ -1,6 +1,6 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/views/UView.styles.ts
+var styles = css`
   :host {
     display: contents;
   }
@@ -29,5 +29,5 @@ const styles = css`
     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,5 +1,5 @@
 export * from './components/blocks/UCodeBlock.js';
-export * from './components/blocks/UFilesBlock.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';
@@ -10,27 +10,24 @@ 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/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/actions/UQuestionAction.js';
-export * from './components/widgets/UImagesWidget.js';
-export * from './components/widgets/UVideoWidget.js';
-export * from './components/widgets/UMapWidget.js';
-export * from './components/widgets/UChartWidget.js';
-export * from './components/widgets/UWidget.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 * from './types/Actions';
-export * from './types/Widgets';
-export type * from './events/UCancelEvent';
-export type * from './events/USubmitEvent';
-export * from './utilities/ActionPromptBuilder.js';
-export * from './utilities/WidgetPromptBuilder.js';
+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,56 +1,28 @@
-import './components/blocks/UCodeBlock.js';
-import './components/blocks/UFilesBlock.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/blocks/UTableBlock.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/message/UMessage.js';
-import './components/prompt/UPrompt.js';
-import './components/references/URefTag.js';
-import './components/references/URefCard.js';
-import './components/references/URefCardGroup.js';
-import './components/actions/UQuestionAction.js';
-import './components/widgets/UImagesWidget.js';
-import './components/widgets/UVideoWidget.js';
-import './components/widgets/UMapWidget.js';
-import './components/widgets/UChartWidget.js';
-import './components/widgets/UWidget.js';
-export { PRESET_ACTION_DEFINITIONS, PRESET_ACTION_LIST, PresetAction } from './types/Actions.js';
-export { PRESET_WIDGET_DEFINITIONS, PRESET_WIDGET_LIST, PresetWidget } from './types/Widgets.js';
-export { ActionPromptBuilder } from './utilities/ActionPromptBuilder.js';
-export { WidgetPromptBuilder } from './utilities/WidgetPromptBuilder.js';
-export { UAttachButton } from './components/buttons/UAttachButton.component.js';
-export { UChartWidget } from './components/widgets/UChartWidget.component.js';
-export { UCodeBlock } from './components/blocks/UCodeBlock.component.js';
-export { UCopyButton } from './components/buttons/UCopyButton.component.js';
-export { UFilesBlock } from './components/blocks/UFilesBlock.component.js';
-export { UImagesWidget } from './components/widgets/UImagesWidget.component.js';
-export { UJsonBlock } from './components/blocks/UJsonBlock.component.js';
-export { UMapWidget } from './components/widgets/UMapWidget.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 { UQuestionAction } from './components/actions/UQuestionAction.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 { UTableBlock } from './components/blocks/UTableBlock.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 { UVideoWidget } from './components/widgets/UVideoWidget.component.js';
-export { UVoteButton } from './components/buttons/UVoteButton.component.js';
-export { UWidget } from './components/widgets/UWidget.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>;

package/dist/react/UChartView.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UChartView } from '../components/views/UChartView.js';
+
+export const UChartView = createComponent({
+  react: React,
+  tagName: 'u-chart-view',
+  elementClass: UChartView,
+  events: {},
+});

package/dist/react/UCodeBlock.d.ts

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

package/dist/react/UCodeBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UCodeBlock } from '../components/blocks/UCodeBlock.js';
+
+export const UCodeBlock = createComponent({
+  react: React,
+  tagName: 'u-code-block',
+  elementClass: UCodeBlock,
+  events: {},
+});

package/dist/react/UCopyButton.d.ts

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

package/dist/react/UCopyButton.js

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

package/dist/react/UFileBlock.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UFileBlock as UFileBlockElement } from '../components/blocks/UFileBlock';
+import { type RemoveEventDetail } from '../components/blocks/@iyulab/components/dist/events/RemoveEvent';
+
+export declare const UFileBlock: React.ForwardRefExoticComponent<
+  Partial<UFileBlockElement> & React.HTMLAttributes<UFileBlockElement> & {
+  onRemove?: (event: CustomEvent<RemoveEventDetail>) => void;
+  }
+>;
+
+export type UFileBlockProps = React.ComponentProps<typeof UFileBlock>;

package/dist/react/UFileBlock.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UFileBlock } from '../components/blocks/UFileBlock.js';
+
+export const UFileBlock = createComponent({
+  react: React,
+  tagName: 'u-file-block',
+  elementClass: UFileBlock,
+  events: {
+    onRemove: 'remove',
+  },
+});

package/dist/react/UImagesView.d.ts

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

package/dist/react/UImagesView.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UImagesView } from '../components/views/UImagesView.js';
+
+export const UImagesView = createComponent({
+  react: React,
+  tagName: 'u-images-view',
+  elementClass: UImagesView,
+  events: {},
+});

package/dist/react/UJsonBlock.d.ts

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

package/dist/react/UJsonBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UJsonBlock } from '../components/blocks/UJsonBlock.js';
+
+export const UJsonBlock = createComponent({
+  react: React,
+  tagName: 'u-json-block',
+  elementClass: UJsonBlock,
+  events: {},
+});

package/dist/react/UMapView.d.ts

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

package/dist/react/UMapView.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UMapView } from '../components/views/UMapView.js';
+
+export const UMapView = createComponent({
+  react: React,
+  tagName: 'u-map-view',
+  elementClass: UMapView,
+  events: {},
+});