@iyulab/chat-components 0.4.0 → 0.5.0

package/dist/components/blocks/UTextBlock.js

@@ -1,5 +1,95 @@
-import { UTextBlock } from './UTextBlock.component.js';
-
-UTextBlock.define("u-text-block");
-
+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 "./UTextBlock.styles.js";
+import { html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+//#region src/components/blocks/UTextBlock.ts
+var _ref, _ref2;
+var UTextBlock = class UTextBlock extends UElement {
+	constructor(..._args) {
+		super(..._args);
+		this.editable = false;
+		this.spellcheck = false;
+		this.minRows = 1;
+		this.updateValueFrom = (event) => {
+			event.stopPropagation();
+			this.value = this.textareaEl.value;
+			this.dispatchEvent(new InputEvent("input", {
+				bubbles: true,
+				composed: true,
+				cancelable: true,
+				data: this.value,
+				inputType: event.inputType,
+				isComposing: event.isComposing,
+				dataTransfer: event.dataTransfer,
+				detail: event.detail,
+				targetRanges: event.getTargetRanges(),
+				view: event.view
+			}));
+		};
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	updated(changedProperties) {
+		super.updated(changedProperties);
+		if (changedProperties.has("minRows") && this.minRows > 0) {
+			const lineHeight = parseFloat(getComputedStyle(this.preEl).lineHeight);
+			this.preEl.style.minHeight = `${this.minRows * lineHeight}px`;
+		}
+		if (changedProperties.has("maxRows") && this.maxRows && this.maxRows > 0 && this.maxRows > this.minRows) {
+			const lineHeight = parseFloat(getComputedStyle(this.preEl).lineHeight);
+			this.preEl.style.maxHeight = `${this.maxRows * lineHeight}px`;
+		}
+		if (changedProperties.has("editable") && this.editable) requestAnimationFrame(() => {
+			this.textareaEl.focus();
+			this.textareaEl.setSelectionRange(this.value?.length || 0, this.value?.length || 0);
+		});
+	}
+	render() {
+		return html`
+      <div class="container">
+        <textarea
+          name="message"
+          placeholder=${this.placeholder || ""}
+          spellcheck=${this.spellcheck}
+          .readOnly=${!this.editable}
+          .value=${this.value || ""}
+          @input=${this.updateValueFrom}
+        ></textarea>
+        <pre
+          .textContent=${this.normalizeValue(this.value)}
+        ></pre>
+      </div>
+    `;
+	}
+	/**
+	* textarea에 포커스를 줍니다.
+	*/
+	focus(options) {
+		this.textareaEl.focus(options);
+	}
+	/**
+	* pre 엘리먼트에 주입될 값을 정규화합니다.
+	*/
+	normalizeValue(value) {
+		if (!value) return "​";
+		if (value.endsWith("\n")) return value + "​";
+		return value;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	reflect: true
+}), __decorateMetadata("design:type", Boolean)], UTextBlock.prototype, "editable", void 0);
+__decorate([property({ type: Boolean }), __decorateMetadata("design:type", Boolean)], UTextBlock.prototype, "spellcheck", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UTextBlock.prototype, "placeholder", void 0);
+__decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UTextBlock.prototype, "minRows", void 0);
+__decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UTextBlock.prototype, "maxRows", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UTextBlock.prototype, "value", void 0);
+__decorate([query("textarea"), __decorateMetadata("design:type", typeof (_ref = typeof HTMLTextAreaElement !== "undefined" && HTMLTextAreaElement) === "function" ? _ref : Object)], UTextBlock.prototype, "textareaEl", void 0);
+__decorate([query("pre"), __decorateMetadata("design:type", typeof (_ref2 = typeof HTMLPreElement !== "undefined" && HTMLPreElement) === "function" ? _ref2 : Object)], UTextBlock.prototype, "preEl", void 0);
+UTextBlock = __decorate([customElement("u-text-block")], UTextBlock);
+//#endregion
 export { UTextBlock };

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

@@ -1,6 +1,6 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/blocks/UTextBlock.styles.ts
+var styles = css`
   :host {
     display: block;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -67,5 +67,5 @@ const styles = css`
     min-height: 1.5em;
   }
 `;
-
+//#endregion
 export { styles };

package/dist/components/blocks/UThinkBlock.d.ts

@@ -1,7 +1,35 @@
-import { UThinkBlock } from './UThinkBlock.component.js';
+import { PropertyValues } from 'lit';
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+/**
+ * 추론 내용을 표시하는 블록입니다.
+ * 로딩 중일 때는 "Thinking..." 메시지를 표시하고, 내용 펼치기/접기 기능을 제공합니다.
+ */
+export declare class UThinkBlock extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    /** 컨텐츠가 로딩 중인지 여부 */
+    loading: boolean;
+    /** 컨텐츠가 접혀있는지 여부 */
+    collapsed: boolean;
+    /** 컨텐츠 업데이트 시 자동으로 스크롤할지 여부 */
+    autoScroll: boolean;
+    /** 추론 컨텐츠의 내용 */
+    value?: string;
+    bodyEl: HTMLDivElement;
+    protected updated(changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+    /**
+     * 컨텐츠 스크롤을 맨 아래로 이동
+     * @returns 스크롤 작업이 시작되었는지 여부 (bodyEl이 존재할 때만 true)
+     */
+    scrollToBottom(): boolean;
+    /**
+     * 사용자의 스크롤 인터럽트 처리
+     * 휠이나 터치 입력 시 자동 스크롤 중지
+     */
+    private handleUserInterrupt;
+}
 declare global {
     interface HTMLElementTagNameMap {
         "u-think-block": UThinkBlock;
     }
 }
-export { UThinkBlock };

package/dist/components/blocks/UThinkBlock.js

@@ -1,5 +1,87 @@
-import { UThinkBlock } from './UThinkBlock.component.js';
-
-UThinkBlock.define("u-think-block");
-
+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 "./UMarkedBlock.js";
+import { styles } from "./UThinkBlock.styles.js";
+import { html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import "@iyulab/components/dist/components/icon/UIcon.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+//#region src/components/blocks/UThinkBlock.ts
+var _ref;
+var UThinkBlock = class UThinkBlock extends UElement {
+	constructor(..._args) {
+		super(..._args);
+		this.loading = false;
+		this.collapsed = true;
+		this.autoScroll = false;
+		this.handleUserInterrupt = () => {
+			if (this.autoScroll) this.autoScroll = false;
+		};
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	updated(changedProperties) {
+		super.updated(changedProperties);
+		if (changedProperties.has("value") && this.autoScroll) this.scrollToBottom();
+	}
+	render() {
+		return html`
+      <div class="header" part="header"
+        @click=${() => this.collapsed = !this.collapsed}>
+        <u-icon class="prefix-icon"
+          ?loading=${this.loading}
+          lib="bootstrap"
+          name="lightbulb-fill"
+        ></u-icon>
+        <span class="title">
+          ${this.loading ? "Thinking..." : "Thought"}
+        </span>
+        <u-icon class="suffix-icon"
+          lib="internal" 
+          name=${this.collapsed ? "plus-lg" : "dash-lg"}
+        ></u-icon>
+      </div>
+      
+      <div class="body" part="body" scrollable 
+        ?hidden=${this.collapsed}
+        @wheel=${this.handleUserInterrupt}
+        @touchstart=${this.handleUserInterrupt}>
+        <u-marked-block
+          .value=${this.value}
+        ></u-marked-block>
+      </div>
+    `;
+	}
+	/**
+	* 컨텐츠 스크롤을 맨 아래로 이동
+	* @returns 스크롤 작업이 시작되었는지 여부 (bodyEl이 존재할 때만 true)
+	*/
+	scrollToBottom() {
+		if (!this.bodyEl) return false;
+		requestAnimationFrame(() => {
+			this.bodyEl.scrollTo({
+				top: this.bodyEl.scrollHeight,
+				behavior: "smooth"
+			});
+		});
+		return true;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	reflect: true
+}), __decorateMetadata("design:type", Boolean)], UThinkBlock.prototype, "loading", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+}), __decorateMetadata("design:type", Boolean)], UThinkBlock.prototype, "collapsed", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: "auto-scroll"
+}), __decorateMetadata("design:type", Boolean)], UThinkBlock.prototype, "autoScroll", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UThinkBlock.prototype, "value", void 0);
+__decorate([query(".body"), __decorateMetadata("design:type", typeof (_ref = typeof HTMLDivElement !== "undefined" && HTMLDivElement) === "function" ? _ref : Object)], UThinkBlock.prototype, "bodyEl", void 0);
+UThinkBlock = __decorate([customElement("u-think-block")], UThinkBlock);
+//#endregion
 export { UThinkBlock };

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

@@ -1,6 +1,6 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/blocks/UThinkBlock.styles.ts
+var styles = css`
   :host {
     display: flex;
     flex-direction: column;
@@ -70,5 +70,5 @@ const styles = css`
     }
   }
 `;
-
+//#endregion
 export { styles };

package/dist/components/blocks/UToolBlock.d.ts

@@ -1,7 +1,24 @@
-import { UToolBlock } from './UToolBlock.component.js';
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+import { JsonNode } from '../../types/JsonNode.js';
+/**
+ * 툴 사용 블록 컴포넌트입니다.
+ */
+export declare class UToolBlock extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    /** 로딩 상태 */
+    loading: boolean;
+    /** 블록 접힘 여부 */
+    collapsed: boolean;
+    /** 헤딩 텍스트 */
+    title: string;
+    /** 입력 데이터 (JSON Object) */
+    input?: JsonNode;
+    /** 출력 데이터 (JSON Object) */
+    output?: JsonNode;
+    render(): import('lit-html').TemplateResult<1>;
+}
 declare global {
     interface HTMLElementTagNameMap {
         "u-tool-block": UToolBlock;
     }
 }
-export { UToolBlock };

package/dist/components/blocks/UToolBlock.js

@@ -1,5 +1,70 @@
-import { UToolBlock } from './UToolBlock.component.js';
-
-UToolBlock.define("u-tool-block");
+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 "./UJsonBlock.js";
+import { styles } from "./UToolBlock.styles.js";
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "@iyulab/components/dist/components/icon/UIcon.js";
+import "@iyulab/components/dist/components/spinner/USpinner.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+import { jsonAttrConverter } from "@iyulab/components/dist/utilities/converters.js";
+//#region src/components/blocks/UToolBlock.ts
+var UToolBlock = class UToolBlock extends UElement {
+	constructor(..._args) {
+		super(..._args);
+		this.loading = false;
+		this.collapsed = true;
+		this.title = "";
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	render() {
+		return html`
+      <div class="header"  @click=${() => this.collapsed = !this.collapsed}>
+        ${this.loading ? html`<u-spinner></u-spinner>` : html`<u-icon lib="bootstrap" name="tools"></u-icon>`}
+        <div class="title">
+          ${this.title || "Tool Usage"}
+        </div>
+        <u-icon
+          lib="internal"
+          name=${this.collapsed ? "plus-lg" : "dash-lg"}
+        ></u-icon>
+      </div>
 
+      <div class="body" part="body" scrollable ?hidden=${this.collapsed}>
+        <div class="input-view" ?hidden=${!this.input}>
+          <u-json-block
+            .value=${this.input || {}}
+          ></u-json-block>
+        </div>
+        <div class="output-view" ?hidden=${!this.output}>
+          <u-icon lib="internal" name="chevron-down"></u-icon>
+          <u-json-block
+            .value=${this.output || {}}
+          ></u-json-block>
+        </div>
+      </div>
+    `;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	reflect: true
+}), __decorateMetadata("design:type", Boolean)], UToolBlock.prototype, "loading", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+}), __decorateMetadata("design:type", Boolean)], UToolBlock.prototype, "collapsed", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UToolBlock.prototype, "title", void 0);
+__decorate([property({
+	type: Object,
+	converter: jsonAttrConverter()
+}), __decorateMetadata("design:type", Object)], UToolBlock.prototype, "input", void 0);
+__decorate([property({
+	type: Object,
+	converter: jsonAttrConverter()
+}), __decorateMetadata("design:type", Object)], UToolBlock.prototype, "output", void 0);
+UToolBlock = __decorate([customElement("u-tool-block")], UToolBlock);
+//#endregion
 export { UToolBlock };

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

@@ -1,6 +1,6 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/blocks/UToolBlock.styles.ts
+var styles = css`
   :host {
     display: flex;
     flex-direction: column;
@@ -62,5 +62,5 @@ const styles = css`
     flex-direction: column;
   }
 `;
-
+//#endregion
 export { styles };

package/dist/components/buttons/UAttachButton.d.ts

@@ -1,7 +1,26 @@
-import { UAttachButton } from './UAttachButton.component.js';
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+/**
+ * 파일 첨부 버튼 컴포넌트입니다.
+ */
+export declare class UAttachButton extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    /** 첨부 파일 유형 제한, 컴마로 구분된 MIME 타입 문자열 (예: "image/*,application/pdf") */
+    accept?: string;
+    /** 다중 파일 선택 가능 여부 */
+    multiple: boolean;
+    input?: HTMLInputElement;
+    render(): import('lit-html').TemplateResult<1>;
+    /**
+     * 버튼 클릭 핸들러
+     */
+    private handleButtonClick;
+    /**
+     * 파일 선택 이벤트 핸들러
+     */
+    private handleInputChange;
+}
 declare global {
     interface HTMLElementTagNameMap {
         "u-attach-button": UAttachButton;
     }
 }
-export { UAttachButton };

package/dist/components/buttons/UAttachButton.js

@@ -1,5 +1,63 @@
-import { UAttachButton } from './UAttachButton.component.js';
-
-UAttachButton.define("u-attach-button");
+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 "./UAttachButton.styles.js";
+import { html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import "@iyulab/components/dist/components/icon/UIcon.js";
+import "@iyulab/components/dist/components/button/UButton.js";
+import "@iyulab/components/dist/components/tooltip/UTooltip.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+//#region src/components/buttons/UAttachButton.ts
+var _ref;
+var UAttachButton = class UAttachButton extends UElement {
+	constructor(..._args) {
+		super(..._args);
+		this.multiple = false;
+		this.handleButtonClick = () => {
+			if (!this.input) return;
+			this.input.click();
+		};
+		this.handleInputChange = (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			const target = e.target;
+			const files = target.files;
+			if (!files || files.length === 0) return;
+			this.fire("attach", { detail: { files: Array.from(files) } });
+			target.value = "";
+		};
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	render() {
+		return html`
+      <u-button part="base"
+        variant="ghost"
+        @click=${this.handleButtonClick}>
+        <u-icon part="icon" 
+          lib="bootstrap" 
+          name="paperclip"
+        ></u-icon>
+      </u-button>
 
+      <u-tooltip for="u-button" placement="bottom" distance="8">
+        <slot></slot>
+      </u-tooltip>
+      
+      <input 
+        hidden
+        type="file"
+        ?multiple=${this.multiple}
+        .accept=${this.accept || "*"}
+        @change=${this.handleInputChange}
+      />
+    `;
+	}
+};
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UAttachButton.prototype, "accept", void 0);
+__decorate([property({ type: Boolean }), __decorateMetadata("design:type", Boolean)], UAttachButton.prototype, "multiple", void 0);
+__decorate([query("input[type=\"file\"]"), __decorateMetadata("design:type", typeof (_ref = typeof HTMLInputElement !== "undefined" && HTMLInputElement) === "function" ? _ref : Object)], UAttachButton.prototype, "input", void 0);
+UAttachButton = __decorate([customElement("u-attach-button")], UAttachButton);
+//#endregion
 export { UAttachButton };

package/dist/components/buttons/UAttachButton.styles.js

@@ -1,6 +1,6 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/buttons/UAttachButton.styles.ts
+var styles = css`
   :host(:empty) u-tooltip {
     display: none;
   }
@@ -10,5 +10,5 @@ const styles = css`
     font-size: 16px;
   }
 `;
-
+//#endregion
 export { styles };

package/dist/components/buttons/UCopyButton.d.ts

@@ -1,7 +1,24 @@
-import { UCopyButton } from './UCopyButton.component.js';
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+/**
+ * 클릭 시 클립보드에 텍스트를 복사하는 버튼입니다. 복사 상태를 표시하기 위해 아이콘이 변경됩니다.
+ */
+export declare class UCopyButton extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    /** 클립보드 복사 후 재사용 대기 시간 (ms) */
+    delay: number;
+    /** 복사할 텍스트를 설정합니다. */
+    value?: string;
+    /** 클립보드 복사 상태를 나타내는 플래그입니다. */
+    isCopied: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+    /**
+     * 클립보드에 텍스트를 복사하는 메서드입니다.
+     * 복사 후 재사용 대기 시간이 설정되어 있으면, 일정 시간 후에 복사 가능 상태로 되돌립니다.
+     */
+    private copyToClipboard;
+}
 declare global {
     interface HTMLElementTagNameMap {
         "u-copy-button": UCopyButton;
     }
 }
-export { UCopyButton };

package/dist/components/buttons/UCopyButton.js

@@ -1,5 +1,59 @@
-import { UCopyButton } from './UCopyButton.component.js';
-
-UCopyButton.define("u-copy-button");
+import { styles } from "./UCopyButton.styles.js";
+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 { html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import "@iyulab/components/dist/components/icon/UIcon.js";
+import "@iyulab/components/dist/components/icon-button/UIconButton.js";
+import "@iyulab/components/dist/components/button/UButton.js";
+import "@iyulab/components/dist/components/tooltip/UTooltip.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+//#region src/components/buttons/UCopyButton.ts
+var UCopyButton = class UCopyButton extends UElement {
+	constructor(..._args) {
+		super(..._args);
+		this.delay = 1e3;
+		this.isCopied = false;
+		this.copyToClipboard = async () => {
+			if (!this.value) return;
+			if (this.isCopied) return;
+			try {
+				await window.navigator.clipboard.writeText(this.value);
+				if (this.delay <= 0) return;
+				this.isCopied = true;
+				setTimeout(() => {
+					this.isCopied = false;
+				}, this.delay);
+			} catch (error) {
+				console.error("Failed to copy text to clipboard:", error);
+				this.isCopied = false;
+			}
+		};
+	}
+	static {
+		this.styles = [super.styles, styles];
+	}
+	render() {
+		return html`
+      <u-button part="base" 
+        variant="ghost"
+        ?disabled=${this.isCopied}
+        @click=${this.copyToClipboard}>
+        <u-icon part="icon"
+          lib="bootstrap"
+          name=${this.isCopied ? "check-lg" : "copy"}
+        ></u-icon>
+      </u-button>
 
+      <u-tooltip for="u-button" placement="bottom" distance="8">
+        <slot></slot>
+      </u-tooltip>
+    `;
+	}
+};
+__decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UCopyButton.prototype, "delay", void 0);
+__decorate([property({ type: String }), __decorateMetadata("design:type", String)], UCopyButton.prototype, "value", void 0);
+__decorate([state(), __decorateMetadata("design:type", Boolean)], UCopyButton.prototype, "isCopied", void 0);
+UCopyButton = __decorate([customElement("u-copy-button")], UCopyButton);
+//#endregion
 export { UCopyButton };

package/dist/components/buttons/UCopyButton.styles.js

@@ -1,6 +1,6 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/buttons/UCopyButton.styles.ts
+var styles = css`
   :host(:empty) u-tooltip {
     display: none;
   }
@@ -14,5 +14,5 @@ const styles = css`
     color: var(--u-green-500);
   }
 `;
-
+//#endregion
 export { styles };

package/dist/components/buttons/UVoteButton.d.ts

@@ -1,8 +1,19 @@
-import { UVoteButton } from './UVoteButton.component.js';
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+/** 투표 상태 타입 */
+export type VoteValue = 'none' | 'up' | 'down';
+/**
+ * 투표 버튼 컴포넌트입니다.
+ */
+export declare class UVoteButton extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    /** 현재 투표 상태 */
+    value: VoteValue;
+    render(): import('lit-html').TemplateResult<1>;
+    private handleUpButtonClick;
+    private handleDownButtonClick;
+}
 declare global {
     interface HTMLElementTagNameMap {
         'u-vote-button': UVoteButton;
     }
 }
-export { UVoteButton };
-export type { VoteValue } from './UVoteButton.component.js';