@iyulab/chat-components 0.6.0 → 0.7.1

package/dist/components/blocks/UTableBlock.js

@@ -1,14 +1,15 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import { UDataElement } from "../UDataElement.js";
 import { styles } from "./UTableBlock.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
+import "@iyulab/components/dist/components/skeleton/USkeleton.js";
 import "@iyulab/components/dist/components/button/UButton.js";
-import { UDataElement } from "@iyulab/components/dist/components/UDataElement.js";
 import { repeat } from "lit/directives/repeat.js";
-import "@iyulab/components/dist/components/skeleton/USkeleton.js";
 //#region src/components/blocks/UTableBlock.ts
 var UTableBlock = class UTableBlock extends UDataElement {
 	constructor(..._args) {
@@ -47,11 +48,11 @@ var UTableBlock = class UTableBlock extends UDataElement {
         <div class="toolbar-right">
           <u-button @click=${this.handleDownloadXLS} title="Excel Download">
             XLS
-            <u-icon slot="suffix" lib="bootstrap" name="download"></u-icon>
+            <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>
           <u-button @click=${this.handleDownloadCSV} title="CSV Download">
             CSV
-            <u-icon slot="suffix" lib="bootstrap" name="download"></u-icon>
+            <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>
         </div>
       </div>
@@ -70,8 +71,8 @@ var UTableBlock = class UTableBlock extends UDataElement {
                     ${unsafeHTML(h.text)}
                     <u-icon
                       class="sort-icon"
-                      lib="bootstrap"
-                      name=${isActive ? this.sort.dir === "asc" ? "sort-alpha-up" : "sort-alpha-down" : "arrow-down-up"}
+                      lib="internal-chat"
+                      name=${isActive ? this.sort.dir === "asc" ? "sort-ascending-letters" : "sort-descending-letters" : "arrows-sort"}
                     ></u-icon>
                   </th>
                 `;

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

@@ -89,7 +89,7 @@ var styles = css`
     opacity: 0.7;
   }
   th[active] {
-    color: var(--u-primary, #4a90e2);
+    color: var(--u-primary-color, #4a90e2);
   }
   th[active] .sort-icon {
     opacity: 1;

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

@@ -2,6 +2,8 @@ import { PropertyValues } from 'lit';
 import { UElement } from '@iyulab/components/dist/components/UElement.js';
 /**
  * 텍스트를 표시하거나 편집할 수 있는 블록 컴포넌트입니다.
+ *
+ * @event input - 텍스트가 변경될 때 발생하는 이벤트입니다. 이벤트의 `data` 속성에 변경된 텍스트가 포함됩니다.
  */
 export declare class UTextBlock extends UElement {
     static styles: import('lit').CSSResultGroup[];

package/dist/components/blocks/UTextBlock.js

@@ -1,11 +1,10 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/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);
@@ -88,8 +87,8 @@ __decorate([property({ type: String }), __decorateMetadata("design:type", String
 __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);
+__decorate([query("textarea"), __decorateMetadata("design:type", typeof HTMLTextAreaElement === "undefined" ? Object : HTMLTextAreaElement)], UTextBlock.prototype, "textareaEl", void 0);
+__decorate([query("pre"), __decorateMetadata("design:type", typeof HTMLPreElement === "undefined" ? Object : HTMLPreElement)], UTextBlock.prototype, "preEl", void 0);
 UTextBlock = __decorate([customElement("u-text-block")], UTextBlock);
 //#endregion
 export { UTextBlock };

package/dist/components/message/UMessage.js

@@ -1,5 +1,5 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { styles } from "./UMessage.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/prompt/UPrompt.d.ts

@@ -25,11 +25,6 @@ export declare class UPrompt extends UElement {
      * 텍스트 또는 첨부 파일이 없는 경우에는 아무런 동작도 하지 않습니다.
      */
     submit(): void;
-    /**
-     * 0.4.x 호환을 위한 legacy 이벤트를 함께 발행합니다.
-     * `u-submit`/`u-cancel`은 0.6.0에서 제거 예정.
-     */
-    private dispatchLegacy;
     private handleRemoveFile;
     private handleTextBlockInput;
     private handleTextBlockKeydown;

package/dist/components/prompt/UPrompt.js

@@ -1,12 +1,13 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import "../blocks/UFileBlock.js";
 import { styles } from "./UPrompt.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/button/UButton.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
+import "@iyulab/components/dist/components/button/UButton.js";
 import { repeat } from "lit/directives/repeat.js";
 //#region src/components/prompt/UPrompt.ts
 var UPrompt = class UPrompt extends UElement {
@@ -38,7 +39,6 @@ var UPrompt = class UPrompt extends UElement {
           <u-file-block
             data-index=${index}
             .removable=${true}
-            .status=${file.status}
             .name=${file.name}
             .type=${file.mimeType}
             .size=${file.size}
@@ -63,11 +63,12 @@ var UPrompt = class UPrompt extends UElement {
         <slot name="right-actions"></slot>
         
         <u-button class="send-btn" part="send-btn"
+          variant="ghost"
           ?disabled=${!this.loading && !this.value}
           @click=${this.handleSendButtonClick}>
           <u-icon
-            lib="bootstrap"
-            name=${this.loading ? "stop-circle" : "arrow-up"}
+            lib="internal-chat"
+            name=${this.loading ? "player-stop-fill" : "send"}
           ></u-icon>
         </u-button>
       </div>
@@ -81,33 +82,23 @@ var UPrompt = class UPrompt extends UElement {
 	*/
 	submit() {
 		if (this.loading) {
-			const stopDetail = {};
-			this.fire("stop", { detail: stopDetail });
-			this.dispatchLegacy("u-cancel", stopDetail);
+			this.fire("stop", {
+				bubbles: false,
+				composed: false,
+				detail: {}
+			});
 			return;
 		}
 		const hasValue = this.value && this.value.trim() !== "";
 		const hasFiles = this.files && this.files.length > 0;
-		if (hasValue || hasFiles) {
-			const sendDetail = {
+		if (hasValue || hasFiles) this.fire("send", {
+			bubbles: false,
+			composed: false,
+			detail: {
 				value: this.value?.trim() ?? "",
 				files: this.files ? [...this.files] : void 0
-			};
-			this.fire("send", { detail: sendDetail });
-			this.dispatchLegacy("u-submit", sendDetail);
-		}
-	}
-	/**
-	* 0.4.x 호환을 위한 legacy 이벤트를 함께 발행합니다.
-	* `u-submit`/`u-cancel`은 0.6.0에서 제거 예정.
-	*/
-	dispatchLegacy(name, detail) {
-		this.dispatchEvent(new CustomEvent(name, {
-			bubbles: true,
-			composed: true,
-			cancelable: true,
-			detail
-		}));
+			}
+		});
 	}
 	handleRemoveFile(e) {
 		e.stopPropagation();

package/dist/components/prompt/UPrompt.styles.js

@@ -6,14 +6,14 @@ var styles = css`
     display: flex;
     flex-direction: column;
     padding: 12px;
-    border: 1px solid var(--u-border-color, #e0e0e0);
+    border: 1px solid var(--u-border-color);
     border-radius: 8px;
     background-color: var(--u-bg-color);
   }
   :host(:focus-within) {
     outline: none;
-    border-color: var(--u-neutral-400, #9ca3af);
-    box-shadow: 0 0 0 1px var(--u-neutral-200, #9ca3af);
+    border-color: var(--u-border-color-strong);
+    box-shadow: 0 0 0 1px var(--u-border-color-weak);
   }
   :host([loading])::before {
     content: '';
@@ -60,15 +60,14 @@ var styles = css`
     justify-content: space-between;
     gap: 8px;
   }
-  
+
   .send-btn {
+    flex-shrink: 0;
+    width: 32px;
+    height: 32px;
+    padding: 0;
     font-size: 16px;
-    color: var(--u-neutral-0);
-    background-color: var(--u-neutral-800);
-  }
-  .send-btn[disabled] {
-    opacity: 0.5;
-    cursor: not-allowed;
+    border-radius: 50%;
   }
 
   @keyframes border-shimmer {

package/dist/components/references/URefCard.d.ts

@@ -1,10 +1,10 @@
-import { UDataElement } from '@iyulab/components/dist/components/UDataElement.js';
+import { UDataElement } from '../UDataElement.js';
 /**
  * 참조 소스를 카드 형태로 표시하는 공통 컴포넌트입니다.
  * Web과 Document 타입 모두 지원합니다.
  */
 export declare class URefCard extends UDataElement {
-    static styles: (import('lit').CSSResult | import('lit').CSSResultGroup[])[];
+    static styles: import('lit').CSSResultGroup[];
     /** 카드 타입 (web 또는 document) */
     type: 'web' | 'document';
     /** 외부 링크 URL */
@@ -17,10 +17,11 @@ export declare class URefCard extends UDataElement {
     tags?: string[];
     render(): import('lit-html').TemplateResult<1>;
     /**
-     * UDataElement의 기본 동작을 오버라이드하여 에러를 처리합니다.
-     * 콘솔 출력만 수행합니다.
+     * script-payload(UMarkedBlock 툴팁)와 property 바인딩(URefBlock) 두 사용
+     * 패턴을 모두 지원합니다. script 자식이 없으면 property 기반 렌더로
+     * 간주하고 조용히 건너뜁니다.
      */
-    protected error(error: unknown): Promise<void>;
+    protected load(data?: object): Promise<void>;
     /** 링크 클릭 핸들러 */
     private handleAnchorClick;
     /** URL에서 Google의 파비콘 URL을 반환합니다. */

package/dist/components/references/URefCard.js

@@ -1,12 +1,13 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import { UDataElement } from "../UDataElement.js";
 import { styles } from "./URefCard.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
-import { arrayAttrConverter } from "@iyulab/components/dist/utilities/converters.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { UDataElement } from "@iyulab/components/dist/components/UDataElement.js";
+import { arrayAttrConverter } from "@iyulab/components/dist/utilities/converters.js";
 //#region src/components/references/URefCard.ts
 var URefCard = class URefCard extends UDataElement {
 	constructor(..._args) {
@@ -33,9 +34,9 @@ var URefCard = class URefCard extends UDataElement {
           <div style="flex: 1;"></div>
 
           <div class="badge" type=${this.type}>
-            <u-icon 
-              lib="bootstrap" 
-              name=${this.type === "web" ? "globe" : "file-earmark"}
+            <u-icon
+              lib="internal-chat"
+              name=${this.type === "web" ? "world" : "file"}
             ></u-icon>
             ${this.type.toUpperCase()}
           </div>
@@ -52,11 +53,13 @@ var URefCard = class URefCard extends UDataElement {
     `;
 	}
 	/**
-	* UDataElement의 기본 동작을 오버라이드하여 에러를 처리합니다.
-	* 콘솔 출력만 수행합니다.
+	* script-payload(UMarkedBlock 툴팁)와 property 바인딩(URefBlock) 두 사용
+	* 패턴을 모두 지원합니다. script 자식이 없으면 property 기반 렌더로
+	* 간주하고 조용히 건너뜁니다.
 	*/
-	error(error) {
-		return Promise.resolve(console.error("Error in URefCard:", error));
+	async load(data) {
+		if (!data && !this.querySelector("script[type=\"application/json\"]")) return;
+		return super.load(data);
 	}
 	/** 링크 클릭 핸들러 */
 	handleAnchorClick(e) {

package/dist/components/references/URefCardGroup.js

@@ -1,5 +1,5 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { URefCard } from "./URefCard.js";
 import { styles } from "./URefCardGroup.styles.js";
 import { html } from "lit";

package/dist/components/references/URefTag.js

@@ -1,12 +1,13 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { styles } from "./URefTag.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/tooltip/UTooltip.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import "@iyulab/components/dist/components/tooltip/UTooltip.js";
 //#region src/components/references/URefTag.ts
 var URefTag = class URefTag extends UElement {
 	static {
@@ -19,7 +20,7 @@ var URefTag = class URefTag extends UElement {
         <slot></slot>
       </a>
 
-      <u-icon lib="bootstrap" name="box-arrow-up-right"></u-icon>
+      <u-icon lib="internal-chat" name="external-link"></u-icon>
 
       <u-tooltip interactive placement="bottom" distance="4">
         <slot name="tooltip"></slot>

package/dist/{components/views/UChartView.d.ts → components-extra/UChartBlock.d.ts}

@@ -2,9 +2,9 @@ import { nothing, PropertyValues } from 'lit';
 import { ChartType, ChartData, ChartOptions } from 'chart.js/auto';
 import { UElement } from '@iyulab/components/dist/components/UElement.js';
 /**
- * Chart.js를 사용하여 다양한 차트를 렌더링하는 뷰 컴포넌트입니다.
+ * Chart.js를 사용하여 다양한 차트를 렌더링하는 블록 컴포넌트입니다.
  */
-export declare class UChartView extends UElement {
+export declare class UChartBlock extends UElement {
     static styles: import('lit').CSSResultGroup[];
     /** 차트 유형 (bar, line, pie 등) */
     type?: ChartType;
@@ -21,7 +21,7 @@ export declare class UChartView extends UElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(changedProperties: PropertyValues): void;
-    render(): import('lit-html').TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
     /** Chart.js로 차트 생성 */
     private createChart;
     /** 기존 차트 인스턴스 제거 */
@@ -34,6 +34,6 @@ export declare class UChartView extends UElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "u-chart-view": UChartView;
+        "u-chart-block": UChartBlock;
     }
 }

package/dist/{components/views/UChartView.js → components-extra/UChartBlock.js}

@@ -1,20 +1,15 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { styles } from "./UChartView.styles.js";
+import "../utilities/icons.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import { styles } from "./UChartBlock.styles.js";
 import { html, nothing } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
-import "@iyulab/components/dist/components/button/UButton.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
-//#region src/components/views/UChartView.ts
-var _ref, _ref2;
-/** chart.js lazy load */
-var ChartCtor;
-async function loadChartJS() {
-	if (!ChartCtor) ChartCtor = (await import("chart.js/auto")).Chart;
-	return ChartCtor;
-}
-var UChartView = class UChartView extends UElement {
+import "@iyulab/components/dist/components/button/UButton.js";
+import { Chart } from "chart.js/auto";
+//#region src/components-extra/UChartBlock.ts
+var UChartBlock = class UChartBlock extends UElement {
 	constructor(..._args) {
 		super(..._args);
 		this.error = null;
@@ -54,21 +49,21 @@ var UChartView = class UChartView extends UElement {
         <div class="toolbar-right">
           <u-button title="PNG Download" @click=${this.handleDownloadPNG}>
             PNG
-            <u-icon slot="suffix" lib="bootstrap" name="download"></u-icon>
+            <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>
           <u-button title="JSON Download" @click=${this.handleDownloadJSON}>
             JSON
-            <u-icon slot="suffix" lib="bootstrap" name="download"></u-icon>
+            <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>
           <u-button title="Full Screen" @click=${this.handleFullscreen}>
-            <u-icon lib="bootstrap" name="box-arrow-up-right"></u-icon>
+            <u-icon lib="internal-chat" name="external-link"></u-icon>
           </u-button>
         </div>
       </div>
       <div class="viewport">
         <canvas></canvas>
         <div class="error-overlay" ?hidden=${!this.error}>
-          <u-icon lib="bootstrap" name="exclamation-triangle-fill"></u-icon>
+          <u-icon lib="internal-chat" name="alert-triangle-fill"></u-icon>
           <span>${this.error}</span>
         </div>
       </div>
@@ -80,20 +75,13 @@ var UChartView = class UChartView extends UElement {
 		if (!this.type || !this.data) return;
 		this.destroyChart();
 		this.error = null;
-		let Chart;
-		try {
-			Chart = await loadChartJS();
-		} catch {
-			this.error = "chart.js를 로드할 수 없습니다. chart.js 패키지가 설치되어 있는지 확인하세요.";
-			return;
-		}
 		const ctx = this.canvas.getContext("2d");
 		if (!ctx) {
 			this.error = "Canvas 2D context를 가져올 수 없습니다.";
 			return;
 		}
 		try {
-			this.applyTheme(Chart);
+			this.applyTheme();
 			this.chartjs = new Chart(ctx, {
 				type: this.type,
 				data: this.data,
@@ -115,7 +103,7 @@ var UChartView = class UChartView extends UElement {
 		}
 	}
 	/** 현재 테마의 CSS 변수를 읽어 Chart.defaults에 전역 적용 */
-	applyTheme(Chart) {
+	applyTheme() {
 		const css = (v) => getComputedStyle(this).getPropertyValue(v).trim();
 		const textColor = css("--u-txt-color");
 		const weakColor = css("--u-txt-color-weak");
@@ -156,12 +144,12 @@ var UChartView = class UChartView extends UElement {
 		else target.requestFullscreen?.();
 	}
 };
-__decorate([property({ type: String }), __decorateMetadata("design:type", Object)], UChartView.prototype, "type", void 0);
-__decorate([property({ type: Object }), __decorateMetadata("design:type", Object)], UChartView.prototype, "data", void 0);
-__decorate([property({ type: Object }), __decorateMetadata("design:type", Object)], UChartView.prototype, "options", void 0);
-__decorate([query("canvas"), __decorateMetadata("design:type", typeof (_ref = typeof HTMLCanvasElement !== "undefined" && HTMLCanvasElement) === "function" ? _ref : Object)], UChartView.prototype, "canvas", void 0);
-__decorate([query(".viewport"), __decorateMetadata("design:type", typeof (_ref2 = typeof HTMLElement !== "undefined" && HTMLElement) === "function" ? _ref2 : Object)], UChartView.prototype, "viewport", void 0);
-__decorate([state(), __decorateMetadata("design:type", Object)], UChartView.prototype, "error", void 0);
-UChartView = __decorate([customElement("u-chart-view")], UChartView);
+__decorate([property({ type: String }), __decorateMetadata("design:type", Object)], UChartBlock.prototype, "type", void 0);
+__decorate([property({ type: Object }), __decorateMetadata("design:type", Object)], UChartBlock.prototype, "data", void 0);
+__decorate([property({ type: Object }), __decorateMetadata("design:type", Object)], UChartBlock.prototype, "options", void 0);
+__decorate([query("canvas"), __decorateMetadata("design:type", typeof HTMLCanvasElement === "undefined" ? Object : HTMLCanvasElement)], UChartBlock.prototype, "canvas", void 0);
+__decorate([query(".viewport"), __decorateMetadata("design:type", typeof HTMLElement === "undefined" ? Object : HTMLElement)], UChartBlock.prototype, "viewport", void 0);
+__decorate([state(), __decorateMetadata("design:type", Object)], UChartBlock.prototype, "error", void 0);
+UChartBlock = __decorate([customElement("u-chart-block")], UChartBlock);
 //#endregion
-export { UChartView };
+export { UChartBlock };

package/dist/components-extra/UChartBlock.schema.d.ts

@@ -0,0 +1,3 @@
+import { ElementSchema } from '../types/Schema.js';
+declare const schema: ElementSchema;
+export default schema;

package/dist/components-extra/UChartBlock.schema.js

@@ -0,0 +1,34 @@
+//#region src/components-extra/UChartBlock.schema.ts
+var schema = {
+	tag: "u-chart-block",
+	description: "Display charts using Chart.js v4 format. Use standard Chart.js configuration (type, data, options). The block accepts the exact same structure as Chart.js - no conversion needed.",
+	properties: {
+		type: {
+			type: "string",
+			enum: [
+				"bar",
+				"line",
+				"pie",
+				"doughnut",
+				"radar",
+				"polarArea",
+				"bubble",
+				"scatter"
+			],
+			description: "Chart.js chart type"
+		},
+		data: {
+			type: "object",
+			description: "Chart.js data configuration",
+			additionalProperties: true
+		},
+		options: {
+			type: "object",
+			description: "Chart.js options configuration (optional)",
+			additionalProperties: true
+		}
+	},
+	required: ["type", "data"]
+};
+//#endregion
+export { schema as default };

package/dist/{components/views/UChartView.styles.js → components-extra/UChartBlock.styles.js}

@@ -1,5 +1,5 @@
 import { css } from "lit";
-//#region src/components/views/UChartView.styles.ts
+//#region src/components-extra/UChartBlock.styles.ts
 var styles = css`
   :host {
     margin: 0.75em auto;

package/dist/{components/views/UImagesView.d.ts → components-extra/UImagesBlock.d.ts}

@@ -6,9 +6,9 @@ export interface ImageSlide {
     caption?: string;
 }
 /**
- * u-carousel 기반 가로 슬라이드 + 슬라이딩 라이트박스 형태의 이미지 뷰어입니다.
+ * u-carousel 기반 가로 슬라이드 + 슬라이딩 라이트박스 형태의 이미지 블록입니다.
  */
-export declare class UImagesView extends UElement {
+export declare class UImagesBlock extends UElement {
     static styles: import('lit').CSSResultGroup[];
     /** 이미지 슬라이드 배열 */
     items: ImageSlide[];
@@ -16,7 +16,7 @@ export declare class UImagesView extends UElement {
     private index;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    render(): import('lit-html').TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
     private renderLightbox;
     open: (i: number) => void;
     close: () => void;
@@ -28,6 +28,6 @@ export declare class UImagesView extends UElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "u-images-view": UImagesView;
+        "u-images-block": UImagesBlock;
     }
 }

package/dist/{components/views/UImagesView.js → components-extra/UImagesBlock.js}

@@ -1,14 +1,14 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { styles } from "./UImagesView.styles.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import { styles } from "./UImagesBlock.styles.js";
 import { html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
 import { repeat } from "lit/directives/repeat.js";
 import "@iyulab/components/dist/components/carousel/UCarousel.js";
-//#region src/components/views/UImagesView.ts
-var UImagesView = class UImagesView extends UElement {
+//#region src/components-extra/UImagesBlock.ts
+var UImagesBlock = class UImagesBlock extends UElement {
 	constructor(..._args) {
 		super(..._args);
 		this.items = [];
@@ -64,12 +64,12 @@ var UImagesView = class UImagesView extends UElement {
         .gap=${8}
       >
         ${repeat(this.items, (item, i) => html`
-          <div class="slide" 
+          <div class="slide"
             @click=${() => this.open(i)}>
-            <img 
-              src=${item.src} 
-              alt=${item.alt || ""} 
-              loading="lazy" 
+            <img
+              src=${item.src}
+              alt=${item.alt || ""}
+              loading="lazy"
             />
             <div class="caption"
               ?hidden=${!item.caption}>
@@ -99,7 +99,7 @@ var UImagesView = class UImagesView extends UElement {
             ${idx + 1} / ${total}
           </div>
           <button class="lb-close" @click=${this.close}>
-            <u-icon lib="internal" name="x-lg"></u-icon>
+            <u-icon lib="internal" name="x"></u-icon>
           </button>
         </header>
 
@@ -137,8 +137,8 @@ var UImagesView = class UImagesView extends UElement {
     `;
 	}
 };
-__decorate([property({ type: Array }), __decorateMetadata("design:type", Array)], UImagesView.prototype, "items", void 0);
-__decorate([state(), __decorateMetadata("design:type", Object)], UImagesView.prototype, "index", void 0);
-UImagesView = __decorate([customElement("u-images-view")], UImagesView);
+__decorate([property({ type: Array }), __decorateMetadata("design:type", Array)], UImagesBlock.prototype, "items", void 0);
+__decorate([state(), __decorateMetadata("design:type", Object)], UImagesBlock.prototype, "index", void 0);
+UImagesBlock = __decorate([customElement("u-images-block")], UImagesBlock);
 //#endregion
-export { UImagesView };
+export { UImagesBlock };

package/dist/components-extra/UImagesBlock.schema.d.ts

@@ -0,0 +1,3 @@
+import { ElementSchema } from '../types/Schema.js';
+declare const schema: ElementSchema;
+export default schema;