@iyulab/chat-components 0.4.0 → 0.5.0

package/dist/components/blocks/UTableBlock.component.d.ts

@@ -1,49 +0,0 @@
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { UJsonElement } from '@iyulab/components/dist/components/UJsonElement.js';
-/** 테이블 셀 데이터 타입 */
-export interface TableCell {
-    /** 셀에 표시할 텍스트 내용 */
-    text: string;
-    /** 셀 내용의 정렬 방식. 기본값은 "left" */
-    align: "left" | "center" | "right" | null;
-}
-/** 테이블 정렬 상태 */
-export interface SortState {
-    /** 현재 정렬 기준이 되는 컬럼 인덱스. -1이면 정렬 안 된 상태 */
-    index: number;
-    /** 정렬 방향. "asc"는 오름차순, "desc"는 내림차순 */
-    dir: "asc" | "desc";
-}
-/**
- * 마크다운 테이블 데이터를 렌더링하는 컴포넌트입니다.
- * 컬럼 정렬, CSV 다운로드 기능을 지원합니다.
- * light DOM 내 `<script type="application/json">` 에서 데이터를 자동으로 읽어냅니다.
- */
-export declare class UTableBlock extends UJsonElement {
-    static styles: (import('lit').CSSResult | import('lit').CSSResultGroup[])[];
-    static dependencies: Record<string, typeof UElement>;
-    /** 테이블 헤더 목록. 각 헤더는 { text, align } 형식입니다. */
-    headers: TableCell[];
-    /** 테이블 행 목록. 각 행은 셀 배열입니다. */
-    rows: TableCell[][];
-    private loading;
-    private sort;
-    private search;
-    private searchCache;
-    private searchTimer;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * 하이라이트 렌더링: search 기준으로 매칭되는 부분을 <mark>로 감쌉니다.
-     * 내부적으로 안전하게 escape한 뒤 매칭을 위해 RegExp를 사용합니다.
-     */
-    private renderHighlightedText;
-    /**
-     * 현재 검색어와 정렬 상태에 따라 필터링 및 정렬된 행 목록을 반환합니다.
-     */
-    private getFilteredSortedRows;
-    private handleSearchInput;
-    private handleSortColumn;
-    private handleDownloadCSV;
-    private handleDownloadXLS;
-    private triggerDownload;
-}

package/dist/components/blocks/UTableBlock.component.js

@@ -1,228 +0,0 @@
-import { html } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { repeat } from 'lit/directives/repeat.js';
-import { UJsonElement } from '@iyulab/components/dist/components/UJsonElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { UInput } from '@iyulab/components/dist/components/input/UInput.component.js';
-import { UButton } from '@iyulab/components/dist/components/button/UButton.component.js';
-import { USkeleton } from '@iyulab/components/dist/components/skeleton/USkeleton.component.js';
-import { styles } from './UTableBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UTableBlock extends UJsonElement {
-  constructor() {
-    super(...arguments);
-    this.headers = [];
-    this.rows = [];
-    this.loading = false;
-    this.sort = { index: -1, dir: "asc" };
-    this.search = "";
-    this.searchCache = "";
-    this.searchTimer = null;
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-input": UInput,
-      "u-button": UButton,
-      "u-skeleton": USkeleton
-    };
-  }
-  render() {
-    const rows = this.getFilteredSortedRows();
-    return html`
-      <div class="toolbar">
-        <div class="toolbar-left">
-          <u-input
-            class="toolbar-search"
-            type="search"
-            placeholder="Search..."
-            .value=${this.search}
-            @input=${this.handleSearchInput}
-          >
-            <u-icon slot="prefix" lib="internal" name="search"></u-icon>
-          </u-input>
-          <span class="toolbar-count">
-            ${rows.length} / ${this.rows.length} Rows
-          </span>
-        </div>
-        <div class="toolbar-right">
-          <u-button @click=${this.handleDownloadXLS} title="Excel Download">
-            XLS
-            <u-icon slot="suffix" lib="internal" name="download"></u-icon>
-          </u-button>
-          <u-button @click=${this.handleDownloadCSV} title="CSV Download">
-            CSV
-            <u-icon slot="suffix" lib="internal" name="download"></u-icon>
-          </u-button>
-        </div>
-      </div>
-      <div class="table-wrapper" scrollable>
-        <table>
-          <thead ?hidden=${!this.headers.length}>
-            <tr>
-              ${repeat(this.headers, (_, i) => i, (h, i) => {
-      const isActive = this.sort.index === i;
-      return html`
-                  <th
-                    ?active=${isActive}
-                    align=${h.align ?? "left"}
-                    @click=${() => this.handleSortColumn(i)}
-                  >
-                    ${h.text}
-                    <u-icon
-                      class="sort-icon"
-                      lib="internal"
-                      name=${isActive ? this.sort.dir === "asc" ? "sort-alpha-up" : "sort-alpha-down" : "arrow-down-up"}
-                    ></u-icon>
-                  </th>
-                `;
-    })}
-            </tr>
-          </thead>
-          <tbody>
-            ${this.loading ? html`
-                <tr>
-                  <td colspan=${this.headers.length || 1}>
-                    <u-skeleton width="80%" height="1.2em"></u-skeleton>
-                    <u-skeleton width="60%" height="1.2em"></u-skeleton>
-                    <u-skeleton width="70%" height="1.2em"></u-skeleton>
-                    <u-skeleton width="50%" height="1.2em"></u-skeleton>
-                  </td>
-                </tr>
-              ` : repeat(rows, (_, i) => i, (row) => html`
-                <tr>
-                  ${repeat(row, (_, j) => j, (cell) => html`
-                    <td align=${cell.align ?? "left"}>
-                      ${this.renderHighlightedText(cell.text)}
-                    </td>
-                  `)}
-                </tr>
-            `)}
-          </tbody>
-        </table>
-      </div>
-    `;
-  }
-  /**
-   * 하이라이트 렌더링: search 기준으로 매칭되는 부분을 <mark>로 감쌉니다.
-   * 내부적으로 안전하게 escape한 뒤 매칭을 위해 RegExp를 사용합니다.
-   */
-  renderHighlightedText(text) {
-    const q = this.search.trim();
-    if (!q) return text;
-    const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    const re = new RegExp(`(${escaped})`, "gi");
-    const parts = String(text).split(re);
-    if (parts.length === 1) return text;
-    return html`${parts.map(
-      (p, idx) => idx % 2 === 1 ? html`<mark>${p}</mark>` : p
-    )}`;
-  }
-  /**
-   * 현재 검색어와 정렬 상태에 따라 필터링 및 정렬된 행 목록을 반환합니다.
-   */
-  getFilteredSortedRows() {
-    let rows = this.rows;
-    const q = this.search.trim();
-    if (q) {
-      const qLower = q.toLowerCase();
-      rows = rows.filter((row) => row.some((cell) => cell.text.toLowerCase().includes(qLower)));
-    }
-    const { index, dir } = this.sort;
-    if (index < 0) return rows;
-    return [...rows].sort((a, b) => {
-      const av = a[index]?.text ?? "";
-      const bv = b[index]?.text ?? "";
-      const an = Number(av);
-      const bn = Number(bv);
-      const cmp = !isNaN(an) && !isNaN(bn) ? an - bn : av.localeCompare(bv, void 0, { sensitivity: "base" });
-      return dir === "asc" ? cmp : -cmp;
-    });
-  }
-  /* 250ms 디바운스되어 검색어가 업데이트되는 핸들러. */
-  handleSearchInput(e) {
-    const input = e.target;
-    this.searchCache = input.value;
-    if (this.searchTimer !== null) window.clearTimeout(this.searchTimer);
-    this.loading = true;
-    this.searchTimer = window.setTimeout(() => {
-      this.search = this.searchCache;
-      this.loading = false;
-      this.searchTimer = null;
-    }, 250);
-  }
-  /* 컬럼 헤더 클릭 시 정렬 상태를 토글하는 핸들러 */
-  handleSortColumn(index) {
-    if (this.sort.index === index) {
-      this.sort = { ...this.sort, dir: this.sort.dir === "asc" ? "desc" : "asc" };
-    } else {
-      this.sort = { index, dir: "asc" };
-    }
-  }
-  /* CSV 다운로드 핸들러 */
-  handleDownloadCSV() {
-    const escCsv = (v) => v.includes(",") || v.includes('"') || v.includes("\n") ? `"${v.replace(/"/g, '""')}"` : v;
-    const lines = [
-      this.headers.map((h) => escCsv(h.text)).join(","),
-      ...this.rows.map((row) => row.map((cell) => escCsv(cell.text)).join(","))
-    ];
-    const blob = new Blob([lines.join("\n")], { type: "text/csv;charset=utf-8;" });
-    this.triggerDownload("table.csv", blob);
-  }
-  /* XLS 다운로드 핸들러 */
-  handleDownloadXLS() {
-    const escXml = (v) => v.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-    const cell = (v) => `<Cell><Data ss:Type="String">${escXml(v)}</Data></Cell>`;
-    const row = (cells) => `<Row>${cells.map(cell).join("")}</Row>`;
-    const xml = [
-      `<?xml version="1.0" encoding="UTF-8"?>`,
-      `<?mso-application progid="Excel.Sheet"?>`,
-      `<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"`,
-      ` xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">`,
-      `<Worksheet ss:Name="Sheet1"><Table>`,
-      row(this.headers.map((h) => h.text)),
-      ...this.rows.map((r) => row(r.map((c) => c.text))),
-      `</Table></Worksheet></Workbook>`
-    ].join("\n");
-    const blob = new Blob([xml], { type: "application/vnd.ms-excel;charset=utf-8;" });
-    this.triggerDownload("table.xls", blob);
-  }
-  /* 파일 다운로드 트리거 */
-  triggerDownload(filename, blob) {
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = filename;
-    a.click();
-    URL.revokeObjectURL(url);
-  }
-}
-__decorateClass([
-  property({ type: Array })
-], UTableBlock.prototype, "headers");
-__decorateClass([
-  property({ type: Array })
-], UTableBlock.prototype, "rows");
-__decorateClass([
-  state()
-], UTableBlock.prototype, "loading");
-__decorateClass([
-  state()
-], UTableBlock.prototype, "sort");
-__decorateClass([
-  state()
-], UTableBlock.prototype, "search");
-
-export { UTableBlock };

package/dist/components/blocks/UTextBlock.component.d.ts

@@ -1,37 +0,0 @@
-import { PropertyValues } from 'lit';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-/**
- * 텍스트를 표시하거나 편집할 수 있는 블록 컴포넌트입니다.
- */
-export declare class UTextBlock extends UElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
-    textareaEl: HTMLTextAreaElement;
-    preEl: HTMLPreElement;
-    /** 편집 가능 여부 */
-    editable: boolean;
-    /** 스펠체크 여부 */
-    spellcheck: boolean;
-    /** 플레이스홀더 텍스트 */
-    placeholder?: string;
-    /** 최소 행 수, 기본값은 1 */
-    minRows: number;
-    /** 최대 행 수 */
-    maxRows?: number;
-    /** 텍스트 블록의 내용 */
-    value?: string;
-    protected updated(changedProperties: PropertyValues): void;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * textarea에 포커스를 줍니다.
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * 텍스트 입력시 value를 업데이트하고 이벤트를 재전파합니다.
-     */
-    private updateValueFrom;
-    /**
-     * pre 엘리먼트에 주입될 값을 정규화합니다.
-     */
-    private normalizeValue;
-}

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

@@ -1,123 +0,0 @@
-import { html } from 'lit';
-import { query, property } from 'lit/decorators.js';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { styles } from './UTextBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UTextBlock extends UElement {
-  constructor() {
-    super(...arguments);
-    this.editable = false;
-    this.spellcheck = false;
-    this.minRows = 1;
-    /**
-     * 텍스트 입력시 value를 업데이트하고 이벤트를 재전파합니다.
-     */
-    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];
-  }
-  static {
-    this.dependencies = {};
-  }
-  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;
-  }
-}
-__decorateClass([
-  query("textarea")
-], UTextBlock.prototype, "textareaEl");
-__decorateClass([
-  query("pre")
-], UTextBlock.prototype, "preEl");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UTextBlock.prototype, "editable");
-__decorateClass([
-  property({ type: Boolean })
-], UTextBlock.prototype, "spellcheck");
-__decorateClass([
-  property({ type: String })
-], UTextBlock.prototype, "placeholder");
-__decorateClass([
-  property({ type: Number })
-], UTextBlock.prototype, "minRows");
-__decorateClass([
-  property({ type: Number })
-], UTextBlock.prototype, "maxRows");
-__decorateClass([
-  property({ type: String })
-], UTextBlock.prototype, "value");
-
-export { UTextBlock };

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

@@ -1,23 +0,0 @@
-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[];
-    static dependencies: Record<string, typeof UElement>;
-    bodyEl: HTMLDivElement;
-    /** 컨텐츠가 로딩 중인지 여부 */
-    loading: boolean;
-    /** 컨텐츠가 접혀있는지 여부 */
-    collapsed: boolean;
-    /** 추론 컨텐츠의 내용 */
-    value?: string;
-    protected updated(changedProperties: PropertyValues): void;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * 컨텐츠가 로딩 중일 때, 스크롤을 맨 아래로 이동
-     */
-    private scrollToBottom;
-}

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

@@ -1,90 +0,0 @@
-import { html } from 'lit';
-import { query, property } from 'lit/decorators.js';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { UMarkedBlock } from './UMarkedBlock.component.js';
-import { styles } from './UThinkBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UThinkBlock extends UElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-    this.collapsed = true;
-    /**
-     * 컨텐츠가 로딩 중일 때, 스크롤을 맨 아래로 이동
-     */
-    this.scrollToBottom = () => {
-      if (!this.bodyEl) return;
-      requestAnimationFrame(() => {
-        this.bodyEl.scrollTo({
-          top: this.bodyEl.scrollHeight,
-          behavior: "smooth"
-        });
-      });
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-marked-block": UMarkedBlock
-    };
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("value") && this.value) {
-      this.scrollToBottom();
-    }
-  }
-  render() {
-    return html`
-      <div class="header" part="header"
-        @click=${() => this.collapsed = !this.collapsed}>
-        <u-icon class="prefix-icon"
-          ?loading=${this.loading}
-          lib="internal"
-          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}>
-        <u-marked-block
-          .value=${this.value}
-        ></u-marked-block>
-      </div>
-    `;
-  }
-}
-__decorateClass([
-  query(".body")
-], UThinkBlock.prototype, "bodyEl");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UThinkBlock.prototype, "loading");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UThinkBlock.prototype, "collapsed");
-__decorateClass([
-  property({ type: String })
-], UThinkBlock.prototype, "value");
-
-export { UThinkBlock };

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

@@ -1,20 +0,0 @@
-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[];
-    static dependencies: Record<string, typeof UElement>;
-    /** 로딩 상태 */
-    loading: boolean;
-    /** 블록 접힘 여부 */
-    collapsed: boolean;
-    /** 헤딩 텍스트 */
-    heading?: string;
-    /** 입력 데이터 (JSON Object) */
-    input?: JsonNode;
-    /** 출력 데이터 (JSON Object) */
-    output?: JsonNode;
-    render(): import('lit-html').TemplateResult<1>;
-}

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

@@ -1,80 +0,0 @@
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { USpinner } from '@iyulab/components/dist/components/spinner/USpinner.component.js';
-import { UJsonBlock } from './UJsonBlock.component.js';
-import { jsonAttrConverter } from '../../utilities/converters.js';
-import { styles } from './UToolBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UToolBlock extends UElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-    this.collapsed = true;
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-spinner": USpinner,
-      "u-json-block": UJsonBlock
-    };
-  }
-  render() {
-    return html`
-      <div class="header"  @click=${() => this.collapsed = !this.collapsed}>
-        ${this.loading ? html`<u-spinner></u-spinner>` : html`<u-icon lib="internal" name="tools"></u-icon>`}
-        <div class="title">
-          ${this.heading || "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>
-    `;
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UToolBlock.prototype, "loading");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UToolBlock.prototype, "collapsed");
-__decorateClass([
-  property({ type: String })
-], UToolBlock.prototype, "heading");
-__decorateClass([
-  property({ type: Object, converter: jsonAttrConverter })
-], UToolBlock.prototype, "input");
-__decorateClass([
-  property({ type: Object, converter: jsonAttrConverter })
-], UToolBlock.prototype, "output");
-
-export { UToolBlock };

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

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