@iyulab/components 0.4.0 → 1.0.1

package/dist/utilities/Toast.js

@@ -0,0 +1,114 @@
+import { UAlert } from "../components/alert/UAlert.js";
+//#region src/utilities/Toast.ts
+/**
+* 토스트 알림 유틸리티 클래스입니다.
+*/
+var Toast = class {
+	static {
+		this.containers = /* @__PURE__ */ new Map();
+	}
+	static {
+		this.elements = /* @__PURE__ */ new Set();
+	}
+	/** 개별 인스턴스 생성을 방지합니다. */
+	constructor() {}
+	/** 기본 메시지 알림 */
+	static async message(content, options) {
+		return this.show(void 0, content, options);
+	}
+	/** 일반 알림 */
+	static async notice(content, options) {
+		return this.show("notice", content, options);
+	}
+	/** 정보 알림 */
+	static async info(content, options) {
+		return this.show("info", content, options);
+	}
+	/** 성공 알림 */
+	static async success(content, options) {
+		return this.show("success", content, options);
+	}
+	/** 경고 알림 */
+	static async warning(content, options) {
+		return this.show("warning", content, options);
+	}
+	/** 에러 알림 */
+	static async error(content, options) {
+		return this.show("error", content, options);
+	}
+	/** 토스트 알림을 생성합니다. */
+	static async show(status, content, options) {
+		const el = new UAlert();
+		el.status = status;
+		el.innerHTML = content || "";
+		el.variant = options?.variant || "solid";
+		el.title = options?.title || "";
+		el.closable = options?.closable ?? true;
+		el.duration = options?.duration && options.duration > 0 ? options.duration : 3e3;
+		this.elements.add(el);
+		const position = options?.position || "top-right";
+		const target = options?.target || document.body;
+		const container = this.getOrCreateContainer(position, target);
+		container.appendChild(el);
+		await el.updateComplete;
+		el.show();
+		el.addEventListener("u-hide", async () => {
+			await new Promise((resolve) => setTimeout(resolve, 200));
+			el.remove();
+			this.elements.delete(el);
+			if (!container.hasChildNodes()) {
+				const containerKey = this.getContainerKey(position, target);
+				container.remove();
+				this.containers.delete(containerKey);
+			}
+		});
+	}
+	/** 컨테이너 키를 생성합니다. */
+	static getContainerKey(position, target) {
+		return `${position}@${target === document.body ? "body" : target.id || `el-${Date.now()}`}`;
+	}
+	/** 위치에 맞는 컨테이너 엘리먼트를 가져오거나, 생성합니다. */
+	static getOrCreateContainer(position, target) {
+		const key = this.getContainerKey(position, target);
+		let container = this.containers.get(key);
+		if (container) return container;
+		container = document.createElement("div");
+		container.style.zIndex = "9999";
+		container.style.display = "flex";
+		container.style.gap = "10px";
+		const isTargeted = target !== document.body;
+		if (isTargeted) {
+			container.style.position = "absolute";
+			if (getComputedStyle(target).position === "static") target.style.position = "relative";
+		} else container.style.position = "fixed";
+		const transformParts = [];
+		if (position.startsWith("top")) {
+			container.style.top = isTargeted ? "8px" : "20px";
+			container.style.flexDirection = "column";
+		} else if (position.startsWith("bottom")) {
+			container.style.bottom = isTargeted ? "8px" : "20px";
+			container.style.flexDirection = "column-reverse";
+		} else {
+			container.style.top = "50%";
+			container.style.flexDirection = "column";
+			transformParts.push("translateY(-50%)");
+		}
+		if (position.endsWith("left")) {
+			container.style.left = isTargeted ? "8px" : "20px";
+			container.style.alignItems = "flex-start";
+		} else if (position.endsWith("right")) {
+			container.style.right = isTargeted ? "8px" : "20px";
+			container.style.alignItems = "flex-end";
+		} else {
+			container.style.left = "50%";
+			container.style.alignItems = "center";
+			transformParts.unshift("translateX(-50%)");
+		}
+		container.style.transform = transformParts.length ? transformParts.join(" ") : "";
+		target.appendChild(container);
+		this.containers.set(key, container);
+		return container;
+	}
+};
+//#endregion
+export { Toast };

package/dist/utilities/converters.d.ts

@@ -6,7 +6,50 @@
  * @param separator - 구분자 문자열 (default: `,`)
  * @returns lit 속성 컨버터 객체
  */
-export declare function arrayAttrConverter<T>(parser: (value: string) => T, separator?: string): {
+export declare function arrayAttrConverter<T>(parser?: (value: string) => T, separator?: string): {
     fromAttribute: (value: string | null) => T[] | undefined;
     toAttribute: (value: T[] | undefined) => string | null;
 };
+/**
+ * 문자열을 JSON 객체로, JSON 객체를 문자열로 변환하는 컨버터를 생성합니다.
+ * `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+ *
+ * @param parser - 문자열을 JSON 객체로 파싱하는 함수 (default: `JSON.parse`)
+ * @returns lit 속성 컨버터 객체
+ */
+export declare function jsonAttrConverter<T>(parser?: (value: string) => T): {
+    fromAttribute: (value: string | null) => T | undefined;
+    toAttribute: (value: T | undefined) => string | null;
+};
+/**
+ * 문자열을 불리언으로, 불리언을 문자열로 변환하는 컨버터를 생성합니다.
+ * `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+ *
+ * @returns lit 속성 컨버터 객체
+ */
+export declare function booleanAttrConverter(): {
+    fromAttribute: (value: string | null) => boolean;
+    toAttribute: (value: boolean) => string | null;
+};
+/**
+ * 문자열을 날짜 객체로, 날짜 객체를 문자열로 변환하는 컨버터를 생성합니다.
+ * `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+ *
+ * @param parser - 문자열을 날짜 객체로 파싱하는 함수 (default: `Date.parse`)
+ * @returns lit 속성 컨버터 객체
+ */
+export declare function dateAttrConverter(parser?: (value: string) => number): {
+    fromAttribute: (value: string | null) => Date | undefined;
+    toAttribute: (value: Date | undefined) => string | null;
+};
+/**
+ * 문자열을 URL 객체로, URL 객체를 문자열로 변환하는 컨버터를 생성합니다.
+ * `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+ *
+ * @param parser - 문자열을 URL 객체로 파싱하는 함수 (default: `new URL()`)
+ * @returns lit 속성 컨버터 객체
+ */
+export declare function urlAttrConverter(parser?: (value: string) => URL): {
+    fromAttribute: (value: string | null) => URL | undefined;
+    toAttribute: (value: URL | undefined) => string | null;
+};

package/dist/utilities/converters.js

@@ -1,14 +1,112 @@
-function arrayAttrConverter(parser, separator = ",") {
-  return {
-    fromAttribute: (value) => {
-      if (!value) return void 0;
-      return value.split(separator).map((v) => parser(v.trim()));
-    },
-    toAttribute: (value) => {
-      if (!value) return null;
-      return value.join(separator);
-    }
-  };
-}
-
-export { arrayAttrConverter };
+//#region src/utilities/converters.ts
+/**
+* 배열을 속성 문자열로, 속성 문자열을 배열로 변환하는 컨버터를 생성합니다.
+* `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+* 
+* @param parser - 문자열을 파싱하는 함수
+* @param separator - 구분자 문자열 (default: `,`)
+* @returns lit 속성 컨버터 객체
+*/
+function arrayAttrConverter(parser = (value) => value, separator = ",") {
+	return {
+		fromAttribute: (value) => {
+			if (!value) return void 0;
+			return value.split(separator).map((v) => parser(v.trim()));
+		},
+		toAttribute: (value) => {
+			if (!value) return null;
+			return value.join(separator);
+		}
+	};
+}
+/**
+* 문자열을 JSON 객체로, JSON 객체를 문자열로 변환하는 컨버터를 생성합니다.
+* `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+* 
+* @param parser - 문자열을 JSON 객체로 파싱하는 함수 (default: `JSON.parse`)
+* @returns lit 속성 컨버터 객체
+*/
+function jsonAttrConverter(parser = JSON.parse) {
+	return {
+		fromAttribute: (value) => {
+			if (!value) return void 0;
+			try {
+				return parser(value);
+			} catch {
+				console.warn(`Failed to parse JSON attribute: ${value}`);
+				return;
+			}
+		},
+		toAttribute: (value) => {
+			if (value === void 0) return null;
+			try {
+				return JSON.stringify(value);
+			} catch {
+				console.warn(`Failed to stringify JSON attribute:`, value);
+				return null;
+			}
+		}
+	};
+}
+/**
+* 문자열을 불리언으로, 불리언을 문자열로 변환하는 컨버터를 생성합니다.
+* `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+*
+* @returns lit 속성 컨버터 객체
+*/
+function booleanAttrConverter() {
+	return {
+		fromAttribute: (value) => {
+			return !value || value === "false" ? false : true;
+		},
+		toAttribute: (value) => {
+			return value ? "" : null;
+		}
+	};
+}
+/**
+* 문자열을 날짜 객체로, 날짜 객체를 문자열로 변환하는 컨버터를 생성합니다.
+* `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+*
+* @param parser - 문자열을 날짜 객체로 파싱하는 함수 (default: `Date.parse`)
+* @returns lit 속성 컨버터 객체
+*/
+function dateAttrConverter(parser = Date.parse) {
+	return {
+		fromAttribute: (value) => {
+			if (!value) return void 0;
+			const timestamp = parser(value);
+			return isNaN(timestamp) ? void 0 : new Date(timestamp);
+		},
+		toAttribute: (value) => {
+			if (!value) return null;
+			return value.toISOString();
+		}
+	};
+}
+/**
+* 문자열을 URL 객체로, URL 객체를 문자열로 변환하는 컨버터를 생성합니다.
+* `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+* 
+* @param parser - 문자열을 URL 객체로 파싱하는 함수 (default: `new URL()`)
+* @returns lit 속성 컨버터 객체
+*/
+function urlAttrConverter(parser = (value) => new URL(value)) {
+	return {
+		fromAttribute: (value) => {
+			if (!value) return void 0;
+			try {
+				return parser(value);
+			} catch {
+				console.warn(`Failed to parse URL attribute: ${value}`);
+				return;
+			}
+		},
+		toAttribute: (value) => {
+			if (!value) return null;
+			return value.href;
+		}
+	};
+}
+//#endregion
+export { arrayAttrConverter, booleanAttrConverter, dateAttrConverter, jsonAttrConverter, urlAttrConverter };

package/dist/utilities/elements.js

@@ -1,42 +1,71 @@
-import { escapeHtmlHref, escapeHtmlAttr } from './sanitizers.js';
-
+import { escapeHtmlAttr, escapeHtmlHref } from "./sanitizers.js";
+//#region src/utilities/elements.ts
+/**
+* 엘리먼트의 부모 엘리먼트를 반환합니다.
+* - Shadow DOM을 지원하는 경우, Shadow DOM의 호스트 엘리먼트를 반환합니다.
+* - 일반 DOM 엘리먼트인 경우, 해당 엘리먼트를 반환합니다.
+* - 찾을 수 없는 경우 undefined을 반환합니다.
+*/
 function getParentElement(element) {
-  if (element.parentElement) {
-    return element.parentElement;
-  } else {
-    const root = element.getRootNode({ composed: false });
-    return root instanceof Document ? root.documentElement : root instanceof ShadowRoot ? root.host : root instanceof HTMLElement ? root : void 0;
-  }
+	if (element.parentElement) return element.parentElement;
+	else {
+		const root = element.getRootNode({ composed: false });
+		return root instanceof Document ? root.documentElement : root instanceof ShadowRoot ? root.host : root instanceof HTMLElement ? root : void 0;
+	}
 }
+/**
+* element의 root를 기준으로 selector와 매치되는 첫번째 HTMLElement를 반환합니다.
+* - 탐색은 element가 존재하는 shadow DOM 또는 document 루트 범위에서 이루어집니다.
+*/
 function querySelectorWithin(element, selectors) {
-  if (!selectors) return null;
-  const rootNode = element.getRootNode({ composed: false });
-  if (rootNode instanceof ShadowRoot || rootNode instanceof Document) {
-    return rootNode.querySelector(selectors);
-  } else {
-    return null;
-  }
+	if (!selectors) return null;
+	const rootNode = element.getRootNode({ composed: false });
+	if (rootNode instanceof ShadowRoot || rootNode instanceof Document) return rootNode.querySelector(selectors);
+	else return null;
 }
+/**
+* element의 root를 기준으로 selector와 매치되는 모든 HTMLElement를 반환합니다.
+* - 탐색은 element가 존재하는 shadow DOM 또는 document 루트 범위에서 이루어집니다.
+*/
 function querySelectorAllWithin(element, selectors) {
-  if (!selectors) return [];
-  const rootNode = element.getRootNode({ composed: false });
-  if (rootNode instanceof ShadowRoot || rootNode instanceof Document) {
-    const nodeList = rootNode.querySelectorAll(selectors);
-    return Array.from(nodeList);
-  } else {
-    return [];
-  }
+	if (!selectors) return [];
+	const rootNode = element.getRootNode({ composed: false });
+	if (rootNode instanceof ShadowRoot || rootNode instanceof Document) {
+		const nodeList = rootNode.querySelectorAll(selectors);
+		return Array.from(nodeList);
+	} else return [];
 }
+/**
+* 지정한 태그, 속성, 내용으로 커스텀 엘리먼트 HTML 문자열을 생성합니다.
+*
+* 속성 값 처리 규칙:
+* - `null` / `undefined` → 해당 속성 생략
+* - `false` (boolean)   → 해당 속성 생략
+* - `true`  (boolean)   → 값 없이 키만 출력 (예: `disabled`)
+* - `object`            → `JSON.stringify` 후 `escapeHtmlAttr`
+* - `href` / `src` 키  → `escapeHtmlHref` 적용
+* - 그 외 string       → `escapeHtmlAttr` 적용
+*
+* `content`는 이미 안전한 HTML 문자열이라고 가정합니다 (내부 escape 없음).
+*
+* @param tag     - 커스텀 엘리먼트 태그 이름 (예: `"u-ref-tag"`)
+* @param attrs   - 속성 객체
+* @param content - 내부 HTML 문자열 (기본값: `""`)
+* @returns 생성된 HTML 문자열
+*
+* @example
+* buildElementHTML('u-ref-tag', { href: 'https://example.com', disabled: true }, 'Click');
+* // → '<u-ref-tag href="https://example.com" disabled>Click</u-ref-tag>'
+*/
 function buildElementHTML(tag, attrs = {}, content = "") {
-  const URL_ATTR = /* @__PURE__ */ new Set(["href", "src"]);
-  const attrStr = Object.entries(attrs).flatMap(([k, v]) => {
-    if (v === void 0 || v == null || v === false) return [];
-    if (v === true) return [k];
-    const raw = typeof v === "object" ? JSON.stringify(v) : String(v);
-    const escaped = URL_ATTR.has(k) ? escapeHtmlHref(raw) : escapeHtmlAttr(raw);
-    return [`${k}="${escaped}"`];
-  }).join(" ");
-  return attrStr ? `<${tag} ${attrStr}>${content}</${tag}>` : `<${tag}>${content}</${tag}>`;
+	const URL_ATTR = new Set(["href", "src"]);
+	const attrStr = Object.entries(attrs).flatMap(([k, v]) => {
+		if (v === void 0 || v == null || v === false) return [];
+		if (v === true) return [k];
+		const raw = typeof v === "object" ? JSON.stringify(v) : String(v);
+		return [`${k}="${URL_ATTR.has(k) ? escapeHtmlHref(raw) : escapeHtmlAttr(raw)}"`];
+	}).join(" ");
+	return attrStr ? `<${tag} ${attrStr}>${content}</${tag}>` : `<${tag}>${content}</${tag}>`;
 }
-
+//#endregion
 export { buildElementHTML, getParentElement, querySelectorAllWithin, querySelectorWithin };

package/dist/utilities/icons.d.ts

@@ -0,0 +1,67 @@
+/**
+ * 기본 라이브러리에서 아이콘을 로드할 때 사용할 기본 URL을 반환합니다.
+ */
+declare function getDefaultBaseUrl(): string;
+/**
+ * 기본 라이브러리에서 아이콘을 로드할 때 사용할 기본 URL을 설정합니다.
+ *
+ * @param url - 아이콘 리소스의 기본 URL (예: `/assets/icons/` 또는 `https://cdn.example.com/icons/`)
+ */
+declare function setDefaultBaseUrl(url: string): void;
+/**
+ * `name`으로 아이콘 리소스를 가져오는 함수입니다.
+ */
+type IconResolver = (name: string) => string | undefined | Promise<string | undefined>;
+/**
+ * 아이콘 리소스 캐시입니다.
+ * lib + name 조합으로 SVG 리소스를 저장/조회합니다.
+ */
+declare class IconCache {
+    private static cache;
+    /** 클래스 생성 방지 */
+    private constructor();
+    private static makeKey;
+    /**
+     * 지정된 lib, name 조합의 리소스가 존재하는지 확인합니다.
+     */
+    static has(lib: string, name: string): boolean;
+    /**
+     * 지정된 lib, name 조합의 리소스를 가져옵니다.
+     */
+    static get(lib: string, name: string): string | undefined;
+    /**
+     * 지정된 lib, name 조합의 리소스를 저장합니다.
+     */
+    static set(lib: string, name: string, resource: string): void;
+    /**
+     * 전체 캐시를 비웁니다.
+     */
+    static clear(): void;
+}
+/**
+ * 아이콘 레지스트리입니다.
+ * 아이콘 라이브러리를 등록하고, 아이콘을 조회하는 기능을 제공합니다.
+ */
+declare class IconRegistry {
+    private static libs;
+    /** 클래스 생성 방지 */
+    private constructor();
+    /**
+     * 지정된 아이콘 라이브러리가 등록되었는지 확인합니다.
+     */
+    static has(lib: string): boolean;
+    /**
+     * 지정된 아이콘 라이브러리를 등록합니다.
+     * 이미 등록된 라이브러리 이름인 경우, 경고 메시지를 출력합니다.
+     */
+    static register(lib: string, resolver: IconResolver): void;
+    /**
+     * 지정된 아이콘 라이브러리를 등록 해제합니다.
+     */
+    static unregister(lib: string): void;
+    /**
+     * 지정된 아이콘 라이브러리의 svg 아이콘 소스를 가져옵니다.
+     */
+    static resolve(lib: string, name: string): Promise<string | undefined>;
+}
+export { getDefaultBaseUrl, setDefaultBaseUrl, IconCache, IconRegistry, };

package/dist/utilities/icons.js

@@ -0,0 +1,200 @@
+import bell_fill_svg_default from "../_virtual/_glob-assets_raw/bell-fill.svg.d37c41d9.js";
+import check_circle_fill_svg_default from "../_virtual/_glob-assets_raw/check-circle-fill.svg.51c33a2a.js";
+import check_lg_svg_default from "../_virtual/_glob-assets_raw/check-lg.svg.371c5e78.js";
+import chevron_down_svg_default from "../_virtual/_glob-assets_raw/chevron-down.svg.0ccd06ea.js";
+import chevron_left_svg_default from "../_virtual/_glob-assets_raw/chevron-left.svg.b4601050.js";
+import chevron_right_svg_default from "../_virtual/_glob-assets_raw/chevron-right.svg.0711bb67.js";
+import chevron_up_svg_default from "../_virtual/_glob-assets_raw/chevron-up.svg.ed917211.js";
+import dash_lg_svg_default from "../_virtual/_glob-assets_raw/dash-lg.svg.b40b8b3a.js";
+import exclamation_circle_fill_svg_default from "../_virtual/_glob-assets_raw/exclamation-circle-fill.svg.dc8c523e.js";
+import exclamation_triangle_fill_svg_default from "../_virtual/_glob-assets_raw/exclamation-triangle-fill.svg.7949d2c7.js";
+import eye_slash_svg_default from "../_virtual/_glob-assets_raw/eye-slash.svg.240afafa.js";
+import eye_svg_default from "../_virtual/_glob-assets_raw/eye.svg.2e5e9c4c.js";
+import info_circle_fill_svg_default from "../_virtual/_glob-assets_raw/info-circle-fill.svg.6580071d.js";
+import plus_lg_svg_default from "../_virtual/_glob-assets_raw/plus-lg.svg.294e9073.js";
+import search_svg_default from "../_virtual/_glob-assets_raw/search.svg.0ba2012d.js";
+import star_fill_svg_default from "../_virtual/_glob-assets_raw/star-fill.svg.f24b5a2d.js";
+import star_svg_default from "../_virtual/_glob-assets_raw/star.svg.4af61468.js";
+import three_dots_vertical_svg_default from "../_virtual/_glob-assets_raw/three-dots-vertical.svg.9fee78c5.js";
+import three_dots_svg_default from "../_virtual/_glob-assets_raw/three-dots.svg.6a7a5b23.js";
+import x_lg_svg_default from "../_virtual/_glob-assets_raw/x-lg.svg.f34b882c.js";
+//#region src/utilities/icons.ts
+var defaultIconBaseUrl = "/assets/icons/";
+/**
+* 기본 라이브러리에서 아이콘을 로드할 때 사용할 기본 URL을 반환합니다.
+*/
+function getDefaultBaseUrl() {
+	return defaultIconBaseUrl;
+}
+/**
+* 기본 라이브러리에서 아이콘을 로드할 때 사용할 기본 URL을 설정합니다.
+*
+* @param url - 아이콘 리소스의 기본 URL (예: `/assets/icons/` 또는 `https://cdn.example.com/icons/`)
+*/
+function setDefaultBaseUrl(url) {
+	defaultIconBaseUrl = url;
+}
+/**
+* vite의 `import.meta.glob`을 사용하여 내부 경로상의 모든 SVG 파일을 빌드 시점에 한 번에 로드합니다.
+* 이 레지스트리는 런타임 동안 불변이며, 아이콘 조회 시 재사용됩니다.
+*/
+var internalIconBundle = new Map(Object.entries(/* @__PURE__ */ Object.assign({
+	"../assets/icons/bell-fill.svg": bell_fill_svg_default,
+	"../assets/icons/check-circle-fill.svg": check_circle_fill_svg_default,
+	"../assets/icons/check-lg.svg": check_lg_svg_default,
+	"../assets/icons/chevron-down.svg": chevron_down_svg_default,
+	"../assets/icons/chevron-left.svg": chevron_left_svg_default,
+	"../assets/icons/chevron-right.svg": chevron_right_svg_default,
+	"../assets/icons/chevron-up.svg": chevron_up_svg_default,
+	"../assets/icons/dash-lg.svg": dash_lg_svg_default,
+	"../assets/icons/exclamation-circle-fill.svg": exclamation_circle_fill_svg_default,
+	"../assets/icons/exclamation-triangle-fill.svg": exclamation_triangle_fill_svg_default,
+	"../assets/icons/eye-slash.svg": eye_slash_svg_default,
+	"../assets/icons/eye.svg": eye_svg_default,
+	"../assets/icons/info-circle-fill.svg": info_circle_fill_svg_default,
+	"../assets/icons/plus-lg.svg": plus_lg_svg_default,
+	"../assets/icons/search.svg": search_svg_default,
+	"../assets/icons/star-fill.svg": star_fill_svg_default,
+	"../assets/icons/star.svg": star_svg_default,
+	"../assets/icons/three-dots-vertical.svg": three_dots_vertical_svg_default,
+	"../assets/icons/three-dots.svg": three_dots_svg_default,
+	"../assets/icons/x-lg.svg": x_lg_svg_default
+})).map(([path, module]) => {
+	return [path.split("/").pop()?.replace(".svg", "") || "", module];
+}).filter(([name]) => name !== ""));
+/**
+* 아이콘 리소스 캐시입니다.
+* lib + name 조합으로 SVG 리소스를 저장/조회합니다.
+*/
+var IconCache = class {
+	static {
+		this.cache = /* @__PURE__ */ new Map();
+	}
+	/** 클래스 생성 방지 */
+	constructor() {}
+	static makeKey(lib, name) {
+		return `${lib}:${name}`;
+	}
+	/**
+	* 지정된 lib, name 조합의 리소스가 존재하는지 확인합니다.
+	*/
+	static has(lib, name) {
+		return this.cache.has(this.makeKey(lib, name));
+	}
+	/**
+	* 지정된 lib, name 조합의 리소스를 가져옵니다.
+	*/
+	static get(lib, name) {
+		return this.cache.get(this.makeKey(lib, name));
+	}
+	/**
+	* 지정된 lib, name 조합의 리소스를 저장합니다.
+	*/
+	static set(lib, name, resource) {
+		this.cache.set(this.makeKey(lib, name), resource);
+	}
+	/**
+	* 전체 캐시를 비웁니다.
+	*/
+	static clear() {
+		this.cache.clear();
+	}
+};
+/**
+* 아이콘 레지스트리입니다.
+* 아이콘 라이브러리를 등록하고, 아이콘을 조회하는 기능을 제공합니다.
+*/
+var IconRegistry = class {
+	static {
+		this.libs = /* @__PURE__ */ new Map();
+	}
+	/** 클래스 생성 방지 */
+	constructor() {}
+	/**
+	* 지정된 아이콘 라이브러리가 등록되었는지 확인합니다.
+	*/
+	static has(lib) {
+		return this.libs.has(lib);
+	}
+	/**
+	* 지정된 아이콘 라이브러리를 등록합니다.
+	* 이미 등록된 라이브러리 이름인 경우, 경고 메시지를 출력합니다.
+	*/
+	static register(lib, resolver) {
+		if (this.libs.has(lib)) console.warn(`Icon library "${lib}" is already registered`);
+		else this.libs.set(lib, resolver);
+	}
+	/**
+	* 지정된 아이콘 라이브러리를 등록 해제합니다.
+	*/
+	static unregister(lib) {
+		this.libs.delete(lib);
+	}
+	/**
+	* 지정된 아이콘 라이브러리의 svg 아이콘 소스를 가져옵니다.
+	*/
+	static async resolve(lib, name) {
+		const resolver = this.libs.get(lib);
+		if (!resolver) return void 0;
+		return (await resolver(name))?.trim();
+	}
+};
+IconRegistry.register("internal", (name) => {
+	return internalIconBundle.get(name);
+});
+IconRegistry.register("tabler", async (name) => {
+	if (IconCache.has("tabler", name)) return IconCache.get("tabler", name);
+	try {
+		const [iconName, style = "outline"] = name.split(":");
+		const url = `https://cdn.jsdelivr.net/npm/@tabler/icons@3.40.0/icons/${style}/${iconName}.svg`;
+		const response = await fetch(url);
+		if (!response.ok) return void 0;
+		const svg = await response.text();
+		IconCache.set("tabler", name, svg);
+		return svg;
+	} catch {
+		return;
+	}
+});
+IconRegistry.register("heroicons", async (name) => {
+	if (IconCache.has("heroicons", name)) return IconCache.get("heroicons", name);
+	try {
+		const [iconName, style = "outline", size = "24"] = name.split(":");
+		const url = `https://cdn.jsdelivr.net/npm/heroicons@2.2.0/${size}/${style}/${iconName}.svg`;
+		const response = await fetch(url);
+		if (!response.ok) return void 0;
+		const svg = await response.text();
+		IconCache.set("heroicons", name, svg);
+		return svg;
+	} catch {
+		return;
+	}
+});
+IconRegistry.register("lucide", async (name) => {
+	if (IconCache.has("lucide", name)) return IconCache.get("lucide", name);
+	try {
+		const url = `https://cdn.jsdelivr.net/npm/lucide-static@0.577.0/icons/${name}.svg`;
+		const response = await fetch(url);
+		if (!response.ok) return void 0;
+		const svg = await response.text();
+		IconCache.set("lucide", name, svg);
+		return svg;
+	} catch {
+		return;
+	}
+});
+IconRegistry.register("bootstrap", async (name) => {
+	if (IconCache.has("bootstrap", name)) return IconCache.get("bootstrap", name);
+	try {
+		const url = `https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/icons/${name}.svg`;
+		const response = await fetch(url);
+		if (!response.ok) return void 0;
+		const svg = await response.text();
+		IconCache.set("bootstrap", name, svg);
+		return svg;
+	} catch (error) {
+		return;
+	}
+});
+//#endregion
+export { IconCache, IconRegistry, getDefaultBaseUrl, setDefaultBaseUrl };