@iyulab/chat-components 0.4.0 → 0.5.1

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

@@ -1,22 +0,0 @@
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { FileItem } from '../../types/BlockItem.js';
-/**
- * 여러 파일을 그리드 형태로 표시하는 블록 컴포넌트입니다.
- */
-export declare class UFilesBlock extends UElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
-    /** 파일 목록 */
-    files: FileItem[];
-    /** 삭제 버튼 표시 여부 */
-    removable: boolean;
-    render(): unknown;
-    private handleDownloadClick;
-    private handleRemoveClick;
-    /** MIME 타입 → Bootstrap Icon 이름 */
-    private resolveIcon;
-    /** 파일명 또는 MIME 타입에서 확장자를 추출합니다. */
-    private resolveExt;
-    /** bytes → 읽기 좋은 크기 문자열 */
-    private formatSize;
-}

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

@@ -1,192 +0,0 @@
-import { nothing, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { repeat } from 'lit/directives/repeat.js';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { UButton } from '@iyulab/components/dist/components/button/UButton.component.js';
-import { UProgressBar } from '@iyulab/components/dist/components/progress-bar/UProgressBar.component.js';
-import { styles } from './UFilesBlock.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 UFilesBlock extends UElement {
-  constructor() {
-    super(...arguments);
-    this.files = [];
-    this.removable = false;
-    this.handleDownloadClick = (e) => {
-      e.stopPropagation();
-      const index = e.currentTarget.dataset.index;
-      if (index == null) return;
-      const file = this.files.at(Number(index));
-      if (!file?.downloadUrl) return;
-      const a = document.createElement("a");
-      a.href = file.downloadUrl;
-      a.download = file.name;
-      a.target = "_blank";
-      a.rel = "noopener noreferrer";
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-    };
-    this.handleRemoveClick = (e) => {
-      e.stopPropagation();
-      const index = e.currentTarget.dataset.index;
-      if (index == null) return;
-      const file = this.files.at(Number(index));
-      if (!file) return;
-      this.emit("u-remove", { index, file });
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-progress-bar": UProgressBar
-    };
-  }
-  render() {
-    if (!this.files?.length) return nothing;
-    return repeat(this.files, (_, i) => i, (f, i) => {
-      const phase = f.upload?.phase ?? "done";
-      const isUploading = phase === "uploading";
-      const isError = phase === "error";
-      return html`
-        <div class="item" phase=${phase}>
-          <div class="thumbnail">
-            <u-icon lib="bootstrap" name=${this.resolveIcon(f.type)}></u-icon>
-            <div class="thumbnail-overlay" ?hidden=${!isUploading}>
-              <u-icon lib="bootstrap" name="cloud-arrow-up"></u-icon>
-            </div>
-            <div class="thumbnail-overlay" ?hidden=${!isError}>
-              <u-icon lib="bootstrap" name="exclamation-circle-fill"></u-icon>
-            </div>
-            <u-button class="download-btn"
-              ?hidden=${!f.downloadUrl || isUploading}
-              data-index=${i}
-              title="Download"
-              variant="borderless"
-              @click=${this.handleDownloadClick}>
-              <u-icon lib="bootstrap" name="download"></u-icon>
-            </u-button>
-          </div>
-          <div class="info">
-            <div class="name" title=${f.name}>${f.name}</div>
-            <div class="meta">
-              <span class="type" ?hidden=${!f.type || isError}>
-                ${this.resolveExt(f.name, f.type)}
-              </span>
-              <span class="size" ?hidden=${f.size == null || isError}>
-                ${this.formatSize(f.size || 0)}
-              </span>
-              <span class="error-msg" ?hidden=${!isError}>
-                <u-icon lib="bootstrap" name="exclamation-triangle"></u-icon>
-                ${f.upload?.message ?? "File upload failed"}
-              </span>
-            </div>
-          </div>
-          <u-progress-bar class="upload-progress"
-            ?hidden=${!isUploading}
-            ?indeterminate=${f.upload?.progress == null}
-            value=${f.upload?.progress ?? 0}
-          ></u-progress-bar>
-          <u-button class="remove-btn"
-            ?hidden=${!this.removable}
-            data-index=${i}
-            title="Remove"
-            variant="borderless"
-            @click=${this.handleRemoveClick}>
-            <u-icon lib="bootstrap" name="x-lg"></u-icon>
-          </u-button>
-        </div>
-      `;
-    });
-  }
-  /** MIME 타입 → Bootstrap Icon 이름 */
-  resolveIcon(mimeType) {
-    if (!mimeType) return "file-earmark";
-    if (mimeType.startsWith("image/")) return "file-earmark-image";
-    if (mimeType.startsWith("video/")) return "file-earmark-play";
-    if (mimeType.startsWith("audio/")) return "file-earmark-music";
-    if (mimeType === "application/pdf") return "file-earmark-pdf";
-    const codeTypes = [
-      "application/json",
-      "application/javascript",
-      "application/typescript",
-      "application/xml",
-      "text/html",
-      "text/css",
-      "text/javascript",
-      "text/x-python",
-      "text/x-java-source"
-    ];
-    if (codeTypes.includes(mimeType) || mimeType.startsWith("text/x-"))
-      return "file-earmark-code";
-    if ([
-      "application/vnd.ms-excel",
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-      "text/csv"
-    ].includes(mimeType))
-      return "file-earmark-spreadsheet";
-    if ([
-      "application/zip",
-      "application/x-zip-compressed",
-      "application/x-tar",
-      "application/x-rar-compressed",
-      "application/gzip",
-      "application/x-7z-compressed"
-    ].includes(mimeType))
-      return "file-earmark-zip";
-    if (mimeType.startsWith("text/")) return "file-earmark-text";
-    return "file-earmark";
-  }
-  /** 파일명 또는 MIME 타입에서 확장자를 추출합니다. */
-  resolveExt(name, mimeType) {
-    if (name) {
-      const dot = name.lastIndexOf(".");
-      if (dot !== -1 && dot < name.length - 1)
-        return name.slice(dot + 1).toLowerCase();
-    }
-    const map = {
-      "image/jpeg": "jpg",
-      "image/png": "png",
-      "image/gif": "gif",
-      "image/webp": "webp",
-      "image/svg+xml": "svg",
-      "application/pdf": "pdf",
-      "text/plain": "txt",
-      "text/csv": "csv",
-      "application/json": "json",
-      "application/zip": "zip"
-    };
-    return mimeType ? map[mimeType] ?? mimeType.split("/").pop() ?? "" : "";
-  }
-  /** bytes → 읽기 좋은 크기 문자열 */
-  formatSize(bytes) {
-    if (bytes < 1024)
-      return `${bytes} B`;
-    if (bytes < 1024 ** 2)
-      return `${(bytes / 1024).toFixed(1)} KB`;
-    if (bytes < 1024 ** 3)
-      return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
-    return `${(bytes / 1024 ** 3).toFixed(2)} GB`;
-  }
-}
-__decorateClass([
-  property({ type: Array })
-], UFilesBlock.prototype, "files");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UFilesBlock.prototype, "removable");
-
-export { UFilesBlock };

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

@@ -1,7 +0,0 @@
-import { UFilesBlock } from './UFilesBlock.component.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        "u-files-block": UFilesBlock;
-    }
-}
-export { UFilesBlock };

package/dist/components/blocks/UFilesBlock.js

@@ -1,5 +0,0 @@
-import { UFilesBlock } from './UFilesBlock.component.js';
-
-UFilesBlock.define("u-files-block");
-
-export { UFilesBlock };

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

@@ -1,45 +0,0 @@
-import { PropertyValues, TemplateResult } from 'lit';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { JsonNode } from '../../types/JsonNode.js';
-/**
- * json 데이터를 트리 형태로 시각화하는 컴포넌트입니다.
- */
-export declare class UJsonBlock extends UElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
-    state: Record<string, boolean>;
-    /** 초기 확장 상태를 관리하는 속성입니다. */
-    expanded: boolean;
-    /** JSON 데이터 (속성으로 전달 가능) */
-    value: JsonNode;
-    connectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-    /**
-     * JsonNode를 렌더링합니다.
-     * @param value - JsonNode (JsonObject, JsonArray, 또는 JsonValue)
-     * @param parent - 부모 노드의 경로
-     */
-    private renderNode;
-    /**
-     * JsonValue를 렌더링합니다.
-     * @param node - JsonValue (string, number, boolean, null 등)
-     */
-    private renderValue;
-    /**
-     * JsonObject 또는 JsonArray를 렌더링합니다.
-     * @param node - JsonObject 또는 JsonArray
-     * @param depth - 현재 깊이
-     */
-    private renderObject;
-    /**
-     * 노드의 미리보기를 렌더링합니다.
-     * @param node - JsonObject 또는 JsonArray
-     */
-    private renderPreview;
-    /** JSON 데이터를 순회하며 각 경로의 확장 상태를 설정합니다. */
-    private setState;
-    private isValueType;
-    /** 노드 확장/축소 클릭 핸들러 */
-    private handlePropertyKeyClick;
-}

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

@@ -1,140 +0,0 @@
-import { html } from 'lit';
-import { state, property } from 'lit/decorators.js';
-import { map } from 'lit/directives/map.js';
-import { when } from 'lit/directives/when.js';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { jsonAttrConverter } from '../../utilities/converters.js';
-import { styles } from './UJsonBlock.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 UJsonBlock extends UElement {
-  constructor() {
-    super(...arguments);
-    this.state = {};
-    this.expanded = true;
-    this.value = {};
-    this.isValueType = (value) => {
-      return value !== Object(value);
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {};
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("tabindex", "0");
-  }
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    if (changedProperties.has("value") || changedProperties.has("expanded")) {
-      this.state = this.setState(this.value);
-    }
-  }
-  render() {
-    return html`
-      <div part="base">
-        ${this.renderNode(this.value)}
-      </div>
-    `;
-  }
-  /**
-   * JsonNode를 렌더링합니다.
-   * @param value - JsonNode (JsonObject, JsonArray, 또는 JsonValue)
-   * @param parent - 부모 노드의 경로
-   */
-  renderNode(value, parent = "") {
-    return this.isValueType(value) ? this.renderValue(value) : this.renderObject(value, parent);
-  }
-  /**
-   * JsonValue를 렌더링합니다.
-   * @param node - JsonValue (string, number, boolean, null 등)
-   */
-  renderValue(node) {
-    const type = node === null ? "null" : Array.isArray(node) ? "array" : typeof node === "object" ? "object" : typeof node;
-    return html`
-      <span part="${type}" class="${type}" role="treeitem">
-        ${JSON.stringify(node)}
-      </span>
-    `;
-  }
-  /**
-   * JsonObject 또는 JsonArray를 렌더링합니다.
-   * @param node - JsonObject 또는 JsonArray
-   * @param depth - 현재 깊이
-   */
-  renderObject(node, parent) {
-    return html`
-      <ul part="object" role="group">
-        ${map(Object.entries(node), ([key, value]) => {
-      const path = parent ? `${parent}.${key}` : key;
-      const isValue = this.isValueType(value);
-      const isExpanded = this.state[path] ?? this.expanded;
-      return html`
-            <li part="property" role="treeitem"
-                data-path="${path}"
-                aria-expanded="${isExpanded ? "true" : "false"}">
-              <span part="key"
-                    class="key"
-                    ?collapsable="${!isValue}"
-                    ?collapsed="${!isValue && !isExpanded}"
-                    @click=${!isValue ? () => this.handlePropertyKeyClick(path) : null}>
-                ${key}:
-                ${when(!isValue && !isExpanded, () => this.renderPreview(value))}
-              </span>
-
-              ${when(isValue || isExpanded, () => this.renderNode(value, path))}
-            </li>`;
-    })}
-      </ul>
-    `;
-  }
-  /**
-   * 노드의 미리보기를 렌더링합니다.
-   * @param node - JsonObject 또는 JsonArray
-   */
-  renderPreview(node) {
-    return html`
-      <span part="preview" class="preview">
-        ${Array.isArray(node) ? node.length === 0 ? "[ ]" : `[ ${node.length} items ]` : Object.keys(node).length === 0 ? "{ }" : `{ ${Object.keys(node).length} properties }`}
-      </span>
-    `;
-  }
-  /** JSON 데이터를 순회하며 각 경로의 확장 상태를 설정합니다. */
-  setState(value, parent = "") {
-    if (typeof value !== "object" || value === null) return {};
-    const state2 = {};
-    Object.entries(value).forEach(([key, item]) => {
-      const path = parent ? `${parent}.${key}` : key;
-      state2[path] = this.expanded;
-      Object.assign(state2, this.setState(item, path));
-    });
-    return state2;
-  }
-  /** 노드 확장/축소 클릭 핸들러 */
-  handlePropertyKeyClick(path) {
-    const isExpanded = this.state[path] ?? false;
-    this.state = { ...this.state, [path]: !isExpanded };
-  }
-}
-__decorateClass([
-  state()
-], UJsonBlock.prototype, "state");
-__decorateClass([
-  property({ type: Boolean })
-], UJsonBlock.prototype, "expanded");
-__decorateClass([
-  property({ type: Object, converter: jsonAttrConverter })
-], UJsonBlock.prototype, "value");
-
-export { UJsonBlock };

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

@@ -1,40 +0,0 @@
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { ReferenceCitation } from '../../types/References.js';
-/**
- * 마크다운 컨텐츠를 렌더링하는 컴포넌트입니다.
- *
- * 주의:
- * - refs로 삽입되는 커스텀 태그(u-ref-*)는 속성/내용을 모두 escape하여 XSS를 방지합니다.
- * - 코드블록 내부는 HTML을 전부 텍스트로 취급(escape)하며, refs 태그는 통째 제거합니다.
- * - 인덱스 기반 삽입(ref.endIndex)이 깨지지 않도록 "normalize(제로폭 제거)"를 insertRefs 전에 1회 수행합니다.
- */
-export declare class UMarkedBlock extends UElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
-    /** 마크다운 컨텐츠를 렌더링할 때 사용할 값입니다. */
-    value?: string;
-    /** 컨텐츠의 인용 출처들입니다. */
-    refs?: ReferenceCitation[];
-    /** Marked 인스턴스: 커스텀 렌더러와 KaTeX 확장 포함 */
-    private parser;
-    /** Marked 파싱 중 ref HTML을 임시 보관하는 플레이스홀더 */
-    private placeholder;
-    render(): import('lit-html/directive.js').DirectiveResult<typeof import('lit-html/directives/unsafe-html.js').UnsafeHTMLDirective>;
-    /**
-     * 코드블록은 별도의 컴포넌트로 렌더링 합니다.
-     */
-    private renderCode;
-    /**
-     * 테이블은 JSON 데이터로 변환하여 별도의 컴포넌트로 렌더링합니다.
-     */
-    private renderTable;
-    /**
-     * 인용/출처 참조객체가 있을때 ref 태그 HTML을 this.placeholder에 보관하고
-     * 마크다운 문자열의 해당 위치에 주석 플레이스홀더를 삽입합니다.
-     */
-    private insertRefs;
-    /**
-     * 코드블록 내부의 <!--ref:idx--> 플레이스홀더와 그 외 refs 태그를 모두 제거하여 HTML이 코드로 렌더링되도록 합니다.
-     */
-    private removeRefs;
-}

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

@@ -1,159 +0,0 @@
-import { nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { Marked } from 'marked';
-import markedKatex from 'marked-katex-extension';
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { UJsonElement } from '@iyulab/components/dist/components/UJsonElement.js';
-import { stripZeroWidth, escapeHtmlText } from '@iyulab/components/dist/utilities/sanitizers.js';
-import { buildElementHTML } from '@iyulab/components/dist/utilities/elements.js';
-import { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { UCodeBlock } from './UCodeBlock.component.js';
-import { UTableBlock } from './UTableBlock.component.js';
-import { URefTag } from '../references/URefTag.component.js';
-import { URefCard } from '../references/URefCard.component.js';
-import { URefCardGroup } from '../references/URefCardGroup.component.js';
-import { UWidget } from '../widgets/UWidget.component.js';
-import { styles } from './UMarkedBlock.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 UMarkedBlock extends UElement {
-  constructor() {
-    super(...arguments);
-    /** Marked 인스턴스: 커스텀 렌더러와 KaTeX 확장 포함 */
-    this.parser = new Marked({
-      pedantic: false,
-      gfm: true,
-      breaks: true,
-      silent: true,
-      renderer: {
-        code: (token) => this.renderCode(token),
-        table: (token) => this.renderTable(token)
-      }
-    }).use(markedKatex({ output: "mathml" }));
-    /** Marked 파싱 중 ref HTML을 임시 보관하는 플레이스홀더 */
-    this.placeholder = new HtmlPlaceholder();
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-tooltip": UTooltip,
-      "u-code-block": UCodeBlock,
-      "u-table-block": UTableBlock,
-      "u-ref-tag": URefTag,
-      "u-ref-card": URefCard,
-      "u-ref-card-group": URefCardGroup,
-      "u-widget": UWidget
-    };
-  }
-  render() {
-    if (!this.value) return nothing;
-    this.placeholder.reset();
-    let value = stripZeroWidth(this.value);
-    if (this.refs?.length) {
-      value = this.insertRefs(value, this.refs);
-    }
-    let html = this.parser.parse(value, { async: false });
-    return unsafeHTML(this.placeholder.restore(html));
-  }
-  /** 
-   * 코드블록은 별도의 컴포넌트로 렌더링 합니다.
-   */
-  renderCode(token) {
-    const lang = token.lang ?? "plaintext";
-    const trimmed = token.raw.trimEnd();
-    const isClosed = trimmed.endsWith("```") || trimmed.endsWith("~~~");
-    if (lang === "widget-json") {
-      return UJsonElement.buildHTML("u-widget", token.text, { loading: !isClosed });
-    }
-    if (lang === "action-json") {
-      return "";
-    }
-    const safeText = this.removeRefs(token.text);
-    return buildElementHTML("u-code-block", { lang, loading: !isClosed }, safeText);
-  }
-  /** 
-   * 테이블은 JSON 데이터로 변환하여 별도의 컴포넌트로 렌더링합니다. 
-   */
-  renderTable(token) {
-    const headers = token.header.map((h) => ({
-      text: h.text,
-      align: h.align
-    }));
-    const rows = token.rows.map(
-      (row) => row.map((cell) => ({
-        text: cell.text,
-        align: cell.align
-      }))
-    );
-    return UJsonElement.buildHTML("u-table-block", { headers, rows });
-  }
-  /**
-   * 인용/출처 참조객체가 있을때 ref 태그 HTML을 this.placeholder에 보관하고
-   * 마크다운 문자열의 해당 위치에 주석 플레이스홀더를 삽입합니다.
-   */
-  insertRefs(value, refs) {
-    const sorted = [...refs].sort((a, b) => b.endIndex - a.endIndex);
-    for (const ref of sorted) {
-      const sources = ref.sources ?? [];
-      const label = escapeHtmlText(ref.label ?? `[${refs.indexOf(ref) + 1}]`);
-      const link = sources.at(0)?.url;
-      let tooltip = "";
-      if (sources.length > 0) {
-        const cards = sources.map((s) => UJsonElement.buildHTML("u-ref-card", s)).join("");
-        tooltip = buildElementHTML("u-ref-card-group", { slot: "tooltip" }, cards);
-      }
-      const html = buildElementHTML("u-ref-tag", { href: link }, label + tooltip);
-      const key = this.placeholder.store(html);
-      value = value.slice(0, ref.endIndex) + key + value.slice(ref.endIndex);
-    }
-    return value;
-  }
-  /**
-   * 코드블록 내부의 <!--ref:idx--> 플레이스홀더와 그 외 refs 태그를 모두 제거하여 HTML이 코드로 렌더링되도록 합니다.   
-   */
-  removeRefs(value) {
-    value = value.replace(/<u-ref-tag\b[^>]*>[\s\S]*?<\/u-ref-tag>/gi, "");
-    value = value.replace(/<!--ref:\d+-->/g, "");
-    return value;
-  }
-}
-__decorateClass([
-  property({ type: String })
-], UMarkedBlock.prototype, "value");
-__decorateClass([
-  property({ type: Array })
-], UMarkedBlock.prototype, "refs");
-class HtmlPlaceholder {
-  constructor() {
-    this.map = {};
-    this.idx = 0;
-  }
-  reset() {
-    this.map = {};
-    this.idx = 0;
-  }
-  /** html을 저장하고 대응하는 플레이스홀더 키를 반환합니다. */
-  store(html) {
-    const key = `<!--ref:${this.idx++}-->`;
-    this.map[key] = html;
-    return key;
-  }
-  /** html 안의 등록된 모든 플레이스홀더를 원래 HTML로 복원합니다. */
-  restore(html) {
-    if (this.idx === 0) return html;
-    return html.replace(/<!--ref:\d+-->/g, (key) => this.map[key] ?? "");
-  }
-}
-
-export { UMarkedBlock };

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

@@ -1,17 +0,0 @@
-import { UElement } from '@iyulab/components/dist/components/UElement.js';
-import { ReferenceSource } from '../../types/References.js';
-/**
- * 레퍼런스 정보를 블록 형태로 표시하는 컴포넌트입니다.
- * 단일 또는 다중 레퍼런스 카드를 그리드 레이아웃으로 표시합니다.
- */
-export declare class URefBlock extends UElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
-    /** 접힘 상태 @default: true */
-    collapsed: boolean;
-    /** 블록 제목 */
-    heading?: string;
-    /** 출처 목록 */
-    sources?: ReferenceSource[];
-    render(): import('lit-html').TemplateResult<1>;
-}