@l1yp/file-viewer 0.1.0

package/dist/components/epl/EplResource.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,204 @@
+import { parseEplImageList as e } from "../../lib/epl/imageList.js";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderList as u, shallowRef as d, toDisplayString as f } from "vue";
+//#region src/components/epl/EplResource.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "r-group"
+}, m = { class: "r-group__hd" }, h = { class: "r-group__grid" }, g = ["href", "title"], _ = ["src", "alt"], v = {
+	key: 1,
+	class: "r-single"
+}, y = ["href"], b = ["src", "alt"], x = { class: "r-meta" }, S = {
+	key: 2,
+	class: "r-sound"
+}, C = ["src"], w = ["href", "download"], T = {
+	key: 3,
+	class: "r-file"
+}, E = { class: "r-file__ico" }, D = { class: "r-meta" }, O = ["href", "download"], k = /*@__PURE__*/ a({
+	__name: "EplResource",
+	props: { resource: {} },
+	setup(a) {
+		let k = a;
+		function A(e, t, n = 0) {
+			for (let r = 0; r < t.length; r++) if (e[n + r] !== t[r]) return !1;
+			return !0;
+		}
+		function j(e) {
+			return A(e, [
+				137,
+				80,
+				78,
+				71
+			]) ? {
+				mime: "image/png",
+				ext: "png",
+				ok: !0
+			} : A(e, [
+				255,
+				216,
+				255
+			]) ? {
+				mime: "image/jpeg",
+				ext: "jpg",
+				ok: !0
+			} : A(e, [
+				71,
+				73,
+				70,
+				56
+			]) ? {
+				mime: "image/gif",
+				ext: "gif",
+				ok: !0
+			} : A(e, [66, 77]) ? {
+				mime: "image/bmp",
+				ext: "bmp",
+				ok: !0
+			} : A(e, [
+				82,
+				73,
+				70,
+				70
+			]) && A(e, [
+				87,
+				69,
+				66,
+				80
+			], 8) ? {
+				mime: "image/webp",
+				ext: "webp",
+				ok: !0
+			} : A(e, [
+				0,
+				0,
+				1,
+				0
+			]) ? {
+				mime: "image/x-icon",
+				ext: "ico",
+				ok: !0
+			} : {
+				mime: "application/octet-stream",
+				ext: "bin",
+				ok: !1
+			};
+		}
+		function M(e) {
+			return A(e, [
+				82,
+				73,
+				70,
+				70
+			]) && A(e, [
+				87,
+				65,
+				86,
+				69
+			], 8) ? {
+				mime: "audio/wav",
+				ext: "wav",
+				ok: !0
+			} : A(e, [
+				73,
+				68,
+				51
+			]) || A(e, [255, 251]) || A(e, [255, 243]) || A(e, [255, 242]) ? {
+				mime: "audio/mpeg",
+				ext: "mp3",
+				ok: !0
+			} : A(e, [
+				79,
+				103,
+				103,
+				83
+			]) ? {
+				mime: "audio/ogg",
+				ext: "ogg",
+				ok: !0
+			} : A(e, [
+				77,
+				84,
+				104,
+				100
+			]) ? {
+				mime: "audio/midi",
+				ext: "mid",
+				ok: !1
+			} : {
+				mime: "application/octet-stream",
+				ext: "bin",
+				ok: !1
+			};
+		}
+		function N(e) {
+			return e < 1024 ? e + " B" : e < 1024 * 1024 ? (e / 1024).toFixed(1) + " KB" : (e / 1024 / 1024).toFixed(1) + " MB";
+		}
+		function P(e) {
+			let t = document.createElement("canvas");
+			t.width = e.width, t.height = e.height;
+			let n = t.getContext("2d");
+			return n ? (n.putImageData(new ImageData(e.rgba, e.width, e.height), 0, 0), t.toDataURL("image/png")) : "";
+		}
+		let F = l("file"), I = l(""), L = l(null), R = l(!1), z = l(""), B = l(0), V = d([]), H = l(null);
+		return s(() => {
+			let t = k.resource;
+			if (B.value = t.bytes.length, z.value = t.name, t.kind === "image") {
+				let n = e(t.bytes);
+				if (n) {
+					H.value = {
+						count: n.frames.length,
+						cx: n.cx,
+						cy: n.cy
+					}, V.value = n.frames.map(P), F.value = "group";
+					return;
+				}
+				let r = j(t.bytes);
+				L.value = r, z.value = `${t.name}.${r.ext}`, I.value = URL.createObjectURL(new Blob([t.bytes], { type: r.mime })), F.value = r.ok ? "image" : "file";
+				return;
+			}
+			let n = M(t.bytes);
+			L.value = n, z.value = `${t.name}.${n.ext}`, I.value = URL.createObjectURL(new Blob([t.bytes], { type: n.mime })), F.value = n.ok ? "sound" : "file";
+		}), o(() => {
+			I.value && URL.revokeObjectURL(I.value);
+		}), (e, o) => F.value === "group" && H.value ? (c(), r("div", p, [i("div", m, "图片组 · " + f(H.value.count) + " 张 · " + f(H.value.cx) + "×" + f(H.value.cy), 1), i("div", h, [(c(!0), r(t, null, u(V.value, (e, t) => (c(), r("a", {
+			key: t,
+			href: e,
+			target: "_blank",
+			rel: "noopener",
+			class: "r-frame",
+			title: `#${t}`
+		}, [i("img", {
+			src: e,
+			alt: `#${t}`,
+			class: "r-frame__img"
+		}, null, 8, _)], 8, g))), 128))])])) : F.value === "image" && !R.value ? (c(), r("div", v, [i("a", {
+			href: I.value,
+			target: "_blank",
+			rel: "noopener",
+			class: "r-single__link"
+		}, [i("img", {
+			src: I.value,
+			alt: a.resource.name,
+			class: "r-single__img",
+			onError: o[0] ||= (e) => R.value = !0
+		}, null, 40, b)], 8, y), i("span", x, f(N(B.value)), 1)])) : F.value === "sound" ? (c(), r("div", S, [i("audio", {
+			src: I.value,
+			controls: "",
+			class: "r-audio"
+		}, null, 8, C), i("a", {
+			href: I.value,
+			download: z.value,
+			class: "r-dl"
+		}, "下载", 8, w)])) : (c(), r("div", T, [
+			i("span", E, f(a.resource.kind === "image" ? "🖼" : "🔊"), 1),
+			i("span", D, f(a.resource.kind === "image" ? "图片" : "声音") + " · " + f(N(B.value)) + " · " + f(a.resource.kind === "image" ? "格式无法预览" : "格式无法播放"), 1),
+			I.value ? (c(), r("a", {
+				key: 0,
+				href: I.value,
+				download: z.value,
+				class: "r-dl"
+			}, "下载", 8, O)) : n("", !0)
+		]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/epl/EplTree.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./EplTree.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                        */
+//#region src/components/epl/EplTree.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-855ef1ee"]]);
+//#endregion
+export { n as default };

package/dist/components/epl/EplTree.vue.d.ts

@@ -0,0 +1,27 @@
+import type { EplProgram } from '@/lib/epl';
+import type { EplDocRef } from './docTypes';
+/**
+ * The 易语言 IDE「程序」tree: every 程序集 / 窗口程序集 / 类 at the top level (expandable to its 子程序), then
+ * the project-level tables (全局变量 / 自定义数据类型 / Dll命令 / 常量表 / 资源表 / 模块引用表) — each shown
+ * only when it has content. Clicking a node opens its document; clicking a method jumps to it inside the class
+ * document.
+ */
+type __VLS_Props = {
+    program: EplProgram;
+    activeId: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (ref: EplDocRef) => any;
+    selectMethod: (payload: {
+        classId: number;
+        methodId: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((ref: EplDocRef) => any) | undefined;
+    onSelectMethod?: ((payload: {
+        classId: number;
+        methodId: number;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/epl/EplTree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,123 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderList as l, toDisplayString as u } from "vue";
+//#region src/components/epl/EplTree.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "tree" }, f = ["onClick"], p = {
+	key: 1,
+	class: "tree__caret tree__caret--empty"
+}, m = ["onClick"], h = { class: "tree__name" }, g = {
+	key: 0,
+	class: "tree__children"
+}, _ = ["onClick"], v = { class: "tree__name" }, y = ["onClick"], b = { class: "tree__name" }, x = /*@__PURE__*/ a({
+	__name: "EplTree",
+	props: {
+		program: {},
+		activeId: {}
+	},
+	emits: ["select", "selectMethod"],
+	setup(a, { emit: x }) {
+		let S = a, C = x, w = c(/* @__PURE__ */ new Set());
+		function T(e) {
+			let t = new Set(w.value);
+			t.has(e) ? t.delete(e) : t.add(e), w.value = t;
+		}
+		let E = {
+			static: {
+				ch: "集",
+				cls: "ico--static"
+			},
+			form: {
+				ch: "窗",
+				cls: "ico--form"
+			},
+			class: {
+				ch: "类",
+				cls: "ico--class"
+			}
+		}, D = t(() => {
+			let e = S.program;
+			return [
+				{
+					kind: "globals",
+					title: "全局变量",
+					count: e.globals.length
+				},
+				{
+					kind: "structs",
+					title: "自定义数据类型",
+					count: e.structs.length
+				},
+				{
+					kind: "dll",
+					title: "Dll命令",
+					count: e.dllDeclares.length
+				},
+				{
+					kind: "constants",
+					title: "常量表",
+					count: e.constants.length
+				},
+				{
+					kind: "resources",
+					title: "图片/声音",
+					count: e.resources.length
+				},
+				{
+					kind: "forms",
+					title: "资源表",
+					count: e.forms.length
+				},
+				{
+					kind: "libraries",
+					title: "模块引用表",
+					count: e.libraries.length
+				}
+			].filter((e) => e.count > 0);
+		});
+		function O(e, t) {
+			C("select", {
+				id: `class:${e >>> 0}`,
+				kind: "class",
+				classId: e,
+				title: t
+			});
+		}
+		function k(e) {
+			C("select", {
+				id: e.kind,
+				kind: e.kind,
+				title: e.title
+			});
+		}
+		return (t, c) => (s(), r("div", d, [
+			c[2] ||= i("div", { class: "tree__root" }, "程序数据", -1),
+			(s(!0), r(e, null, l(a.program.classes, (t) => (s(), r("div", {
+				key: t.id,
+				class: "tree__group"
+			}, [i("div", { class: o(["tree__node", { "is-active": a.activeId === `class:${t.id >>> 0}` }]) }, [t.methods.length ? (s(), r("button", {
+				key: 0,
+				type: "button",
+				class: o(["tree__caret", { "is-open": w.value.has(t.id) }]),
+				onClick: (e) => T(t.id)
+			}, " ▶ ", 10, f)) : (s(), r("span", p)), i("button", {
+				type: "button",
+				class: "tree__label",
+				onClick: (e) => O(t.id, t.name)
+			}, [i("span", { class: o(["ico", E[t.kind].cls]) }, u(E[t.kind].ch), 3), i("span", h, u(t.name), 1)], 8, m)], 2), w.value.has(t.id) ? (s(), r("div", g, [(s(!0), r(e, null, l(t.methods, (e) => (s(), r("button", {
+				key: e.id,
+				type: "button",
+				class: "tree__method",
+				onClick: (n) => C("selectMethod", {
+					classId: t.id,
+					methodId: e.id
+				})
+			}, [c[0] ||= i("span", { class: "ico ico--method" }, "子", -1), i("span", v, u(e.name), 1)], 8, _))), 128))])) : n("", !0)]))), 128)),
+			(s(!0), r(e, null, l(D.value, (e) => (s(), r("button", {
+				key: e.kind,
+				type: "button",
+				class: o(["tree__node tree__label tree__table", { "is-active": a.activeId === e.kind }]),
+				onClick: (t) => k(e)
+			}, [c[1] ||= i("span", { class: "ico ico--table" }, "表", -1), i("span", b, u(e.title), 1)], 10, y))), 128))
+		]));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/epl/EplVarTable.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./EplVarTable.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                            */
+//#region src/components/epl/EplVarTable.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-eff7e67b"]]);
+//#endregion
+export { n as default };

package/dist/components/epl/EplVarTable.vue.d.ts

@@ -0,0 +1,21 @@
+import type { EplVarRow } from '@/lib/epl';
+/**
+ * The 易语言 IDE renders every definition (参数 / 局部变量 / 成员 / 全局变量 / DLL 参数) as a bordered table
+ * with a pale header row. This is the shared table: the caller picks the columns (label + which {@link EplVarRow}
+ * field each maps to), so one component covers all the variation between parameter / variable / member tables.
+ * Boolean columns (公开 / 静态 / 传址 / 参考 / 可空 / 数组) render a centered ✓.
+ */
+export type EplColKey = 'name' | 'type' | 'public' | 'static' | 'byAddress' | 'byReference' | 'nullable' | 'arrayBound' | 'arrayFlag' | 'comment';
+export interface EplCol {
+    key: EplColKey;
+    label: string;
+}
+/** `nos` are the document-wide line numbers for each row (one per `rows` entry); the header row gets none. */
+type __VLS_Props = {
+    columns: EplCol[];
+    rows: EplVarRow[];
+    nos?: number[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/epl/EplVarTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderList as o, toDisplayString as s } from "vue";
+//#region src/components/epl/EplVarTable.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "vt" }, l = { class: "vt__gut" }, u = /*@__PURE__*/ r({
+	__name: "EplVarTable",
+	props: {
+		columns: {},
+		rows: {},
+		nos: {}
+	},
+	setup(r) {
+		let u = r;
+		function d(e) {
+			return u.nos?.[e] ?? e + 1;
+		}
+		let f = new Set([
+			"public",
+			"static",
+			"byAddress",
+			"byReference",
+			"nullable",
+			"arrayFlag"
+		]);
+		function p(e) {
+			return f.has(e);
+		}
+		function m(e, t) {
+			switch (t) {
+				case "name": return e.name;
+				case "type": return e.type;
+				case "public": return e.isPublic ? "✓" : "";
+				case "static": return e.isStatic ? "✓" : "";
+				case "byAddress": return e.byAddress ? "✓" : "";
+				case "byReference": return e.byReference ? "✓" : "";
+				case "nullable": return e.nullable ? "✓" : "";
+				case "arrayBound": return e.arrayBound;
+				case "arrayFlag": return e.isArray ? "✓" : "";
+				case "comment": return e.comment;
+			}
+		}
+		function h(e) {
+			return e === "name" || e === "type";
+		}
+		return (u, f) => (a(), t("table", c, [n("thead", null, [n("tr", null, [f[0] ||= n("th", { class: "vt__gut" }, null, -1), (a(!0), t(e, null, o(r.columns, (e) => (a(), t("th", {
+			key: e.key,
+			class: i({
+				"vt__th--bool": p(e.key),
+				"vt__th--cmt": e.key === "comment"
+			})
+		}, s(e.label), 3))), 128))])]), n("tbody", null, [(a(!0), t(e, null, o(r.rows, (c, u) => (a(), t("tr", { key: u }, [n("td", l, s(d(u)), 1), (a(!0), t(e, null, o(r.columns, (e) => (a(), t("td", {
+			key: e.key,
+			class: i({
+				"vt__td--bool": p(e.key),
+				"vt__td--ident": h(e.key),
+				"vt__td--cmt": e.key === "comment"
+			})
+		}, s(m(c, e.key)), 3))), 128))]))), 128))])]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/epl/docTypes.d.ts

@@ -0,0 +1,12 @@
+/** Doc kinds the IDE-style viewer can open in a tab / show in the right pane. */
+export type EplDocKind = 'class' | 'globals' | 'structs' | 'dll' | 'constants' | 'resources' | 'forms' | 'libraries';
+/** A reference to one openable document (a class, or one of the project-level tables). */
+export interface EplDocRef {
+    /** Stable key for tab de-dup / activation (`class:<id>` or the bare kind). */
+    id: string;
+    kind: EplDocKind;
+    /** Set when `kind === 'class'`. */
+    classId?: number;
+    /** Tab + heading label. */
+    title: string;
+}

package/dist/components/epl/numbering.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Document-wide line numbering for the IDE-style viewer. The 易语言 source view puts a single continuous
+ * line-number gutter down the whole document: every *body* row (the 程序集/类 row, each 子程序 / 参数 / 局部 /
+ * 成员 / 全局 row, and every code line — blanks included) takes the next number, while column-header rows do
+ * not. So numbering can't live inside one table or one method; it threads through the active document here, and
+ * the components just render the numbers they're handed.
+ */
+/** Per-method numbers: the 子程序名 header row, then parameter / local-variable rows, then code lines.
+ * A code entry is `null` for a row that takes no number (a hidden control-flow terminator). */
+export interface MethodNos {
+    head: number;
+    params: number[];
+    locals: number[];
+    code: (number | null)[];
+}
+/** A running 1-based counter that hands out single numbers or contiguous runs in document order. */
+export declare class LineCounter {
+    private n;
+    next(): number;
+    take(count: number): number[];
+}

package/dist/components/epl/numbering.js

@@ -0,0 +1,14 @@
+//#region src/components/epl/numbering.ts
+var e = class {
+	n = 1;
+	next() {
+		return this.n++;
+	}
+	take(e) {
+		let t = [];
+		for (let n = 0; n < e; n++) t.push(this.n++);
+		return t;
+	}
+};
+//#endregion
+export { e as LineCounter };

package/dist/components/icons/Icon.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./Icon.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                     */
+//#region src/components/icons/Icon.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-5d3b9e77"]]);
+//#endregion
+export { n as default };

package/dist/components/icons/Icon.vue.d.ts

@@ -0,0 +1,14 @@
+import { type StrokeIconName } from './iconPaths';
+/** Outline icon (viewBox 24, stroke currentColor). Pass a known `name` or raw `path`. */
+type __VLS_Props = {
+    name?: StrokeIconName;
+    path?: string;
+    size?: number;
+    strokeWidth?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+    strokeWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/icons/Icon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { STROKE_ICONS as e } from "./iconPaths.js";
+import { computed as t, createElementBlock as n, defineComponent as r, openBlock as i } from "vue";
+//#region src/components/icons/Icon.vue?vue&type=script&setup=true&lang.ts
+var a = { class: "dc-icon" }, o = [
+	"width",
+	"height",
+	"stroke-width",
+	"innerHTML"
+], s = /*@__PURE__*/ r({
+	__name: "Icon",
+	props: {
+		name: {},
+		path: {},
+		size: { default: 15 },
+		strokeWidth: { default: 1.8 }
+	},
+	setup(r) {
+		let s = r, c = t(() => s.path ?? (s.name ? e[s.name] : ""));
+		return (e, t) => (i(), n("span", a, [(i(), n("svg", {
+			width: r.size,
+			height: r.size,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": r.strokeWidth,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			innerHTML: c.value
+		}, null, 8, o))]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/icons/iconPaths.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Centralized SVG path data, lifted from the inline SVGs scattered through the
+ * original viewer. Two families:
+ *  - FILL_ICONS: filled glyphs, viewBox 0 0 20 20, fill currentColor  (old icoF / ICONS)
+ *  - STROKE_ICONS: outline glyphs, viewBox 0 0 24 24, stroke currentColor (old ico)
+ */
+export declare const FILL_ICONS: {
+    readonly thinking: "<path d=\"M10.386 2.51A7.5 7.5 0 1 1 2.5 10a.5.5 0 0 1 1 0 6.5 6.5 0 1 0 6.835-6.491L10 3.5l-.1-.01a.5.5 0 0 1 .1-.99zM10 5.5a.5.5 0 0 1 .5.5v3.69l2.724 1.363a.5.5 0 0 1-.353.93l-.095-.036-3-1.5A.5.5 0 0 1 9.5 10V6a.5.5 0 0 1 .5-.5M3.662 6.941a.661.661 0 1 1 0 1.323.661.661 0 0 1 0-1.323m1.294-2.647a.662.662 0 1 1-.001 1.323.662.662 0 0 1 .001-1.323M7.603 3a.662.662 0 1 1-.001 1.325.662.662 0 0 1 0-1.325\"/>";
+    readonly bash: "<path fill-rule=\"evenodd\" d=\"M3.5 4A1.5 1.5 0 0 0 2 5.5v9A1.5 1.5 0 0 0 3.5 16h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 4zm0 1.2h13a.3.3 0 0 1 .3.3v9a.3.3 0 0 1-.3.3h-13a.3.3 0 0 1-.3-.3v-9a.3.3 0 0 1 .3-.3z\" clip-rule=\"evenodd\"/><path d=\"M5.3 7.2a.6.6 0 0 1 .85 0l2.1 2.1a.6.6 0 0 1 0 .85l-2.1 2.1a.6.6 0 1 1-.85-.85L6.99 9.7 5.3 8.05a.6.6 0 0 1 0-.85M9.6 11.6a.6.6 0 0 0 0 1.2h3.6a.6.6 0 0 0 0-1.2z\"/>";
+    readonly skill: "<path d=\"M13.04 7.304a.5.5 0 0 1 .92.392C13.665 8.386 13.089 9 12.3 9c-.487 0-.892-.234-1.2-.574-.309.34-.713.574-1.2.574-.486 0-.892-.234-1.2-.574-.31.34-.714.574-1.2.574a.5.5 0 0 1 0-1c.212 0 .52-.18.74-.696a.5.5 0 0 1 .92 0c.221.516.528.696.74.696.213 0 .52-.18.74-.696l.035-.067a.5.5 0 0 1 .885.067c.22.516.527.696.74.696s.519-.18.74-.696\"/><path fill-rule=\"evenodd\" d=\"M14 3a2 2 0 0 1 2 2v8h1.5a.5.5 0 0 1 .5.5V15a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4H4a1 1 0 0 0-.745 1.667.5.5 0 0 1-.745.666A2 2 0 0 1 4 3zM6 15a1 1 0 1 0 2 0v-1.5a.5.5 0 0 1 .5-.5H15V5a1 1 0 0 0-1-1H6zm3 0c0 .365-.1.706-.27 1H16a1 1 0 0 0 1-1v-1H9z\" clip-rule=\"evenodd\"/>";
+    readonly edit: "<path d=\"M14.3 2.7a2.05 2.05 0 0 1 2.9 2.9l-.79.79-2.9-2.9zM12.79 4.21l2.9 2.9-7.86 7.86a1 1 0 0 1-.43.25l-3.2.9a.5.5 0 0 1-.62-.62l.9-3.2a1 1 0 0 1 .25-.43z\"/>";
+    readonly file: "<path fill-rule=\"evenodd\" d=\"M5.5 2.5A1.5 1.5 0 0 0 4 4v12a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 16 16V7.62a1.5 1.5 0 0 0-.44-1.06l-3.12-3.12a1.5 1.5 0 0 0-1.06-.44zm6 1.96 2.54 2.54H12a.5.5 0 0 1-.5-.5z\" clip-rule=\"evenodd\"/>";
+    readonly check: "<path d=\"M16.74 5.8a1 1 0 0 1 .04 1.41l-7.02 7.32a1 1 0 0 1-1.45.01l-3-3.13a1 1 0 1 1 1.44-1.38l2.28 2.37 6.3-6.56a1 1 0 0 1 1.41-.04z\"/>";
+    readonly tool: "<circle cx=\"10\" cy=\"10\" r=\"3\"/>";
+    readonly conversation: "<path d=\"M13.29 8.804a.5.5 0 0 1 .92.392c-.36.84-1.046 1.554-1.96 1.554-.613 0-1.122-.321-1.5-.785-.378.464-.887.785-1.5.785s-1.122-.321-1.5-.785c-.378.464-.887.785-1.5.785a.5.5 0 0 1 0-1c.338 0 .755-.28 1.04-.946l.034-.067a.5.5 0 0 1 .886.067l.112.231c.276.5.632.715.928.715.338 0 .755-.28 1.04-.946l.034-.067a.5.5 0 0 1 .886.067l.112.231c.276.5.633.715.928.715.338 0 .755-.28 1.04-.946\"/><path d=\"M17.5 9.5A7.5 7.5 0 0 0 2.516 9c-.018.275.208.5.484.5a.53.53 0 0 0 .519-.5A6.5 6.5 0 1 1 10 16l-5.855.004.828-.834a.497.497 0 0 0-.706-.701l-1.576 1.584a.656.656 0 0 0 0 .926l1.542 1.55a.51.51 0 1 0 .722-.723l-.81-.802L10 17a7.5 7.5 0 0 0 7.5-7.5\"/>";
+    readonly external: "<path d=\"M9.5 3a.5.5 0 0 1 0 1h-5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 15.5v-11A1.5 1.5 0 0 1 4.5 3zm7 0a.5.5 0 0 1 .18.034l.021.01q.03.014.059.03l.023.014a.5.5 0 0 1 .07.058l.065.079q.015.025.026.052l.018.034a.5.5 0 0 1 .032.128Q17 3.47 17 3.5v4a.5.5 0 0 1-1 0V4.707l-4.146 4.147a.5.5 0 1 1-.707-.708L15.293 4H12.5a.5.5 0 0 1 0-1z\"/>";
+};
+export type IconKey = keyof typeof FILL_ICONS;
+export declare const STROKE_ICONS: {
+    readonly copy: "<rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\"/><path d=\"M5 15V5a2 2 0 0 1 2-2h10\"/>";
+    readonly fileOutline: "<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><path d=\"M14 2v6h6\"/>";
+    readonly arrowLeft: "<path d=\"M19 12H5\"/><path d=\"M12 19l-7-7 7-7\"/>";
+    readonly logout: "<path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"/><path d=\"M16 17l5-5-5-5\"/><path d=\"M21 12H9\"/>";
+    readonly download: "<path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"M7 10l5 5 5-5\"/><path d=\"M12 15V3\"/>";
+    readonly close: "<path d=\"M18 6 6 18\"/><path d=\"M6 6l12 12\"/>";
+    readonly eye: "<path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"/><circle cx=\"12\" cy=\"12\" r=\"3.5\"/>";
+    readonly code: "<path d=\"M16 18l6-6-6-6\"/><path d=\"M8 6l-6 6 6 6\"/>";
+    readonly globe: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M3 12h18M12 3c2.5 2.6 2.5 15.4 0 18M12 3c-2.5 2.6-2.5 15.4 0 18\"/>";
+    readonly link: "<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/>";
+    readonly chevronRight: "<path d=\"M9 6l6 6-6 6\"/>";
+    readonly chevronLeft: "<path d=\"M15 6l-6 6 6 6\"/>";
+    readonly chevronDown: "<path d=\"M6 9l6 6 6-6\"/>";
+    readonly chat: "<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>";
+    readonly folder: "<path d=\"M3 7a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.7.9l.8 1.1H19a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/>";
+    readonly archive: "<rect x=\"3\" y=\"4\" width=\"18\" height=\"4\" rx=\"1\"/><path d=\"M5 8v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8\"/><path d=\"M10 12h4\"/>";
+    readonly image: "<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><path d=\"M21 15l-5-5L5 21\"/>";
+    readonly play: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 8.5l5 3.5-5 3.5z\"/>";
+    readonly music: "<path d=\"M9 18V5l12-2v13\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/><circle cx=\"18\" cy=\"16\" r=\"3\"/>";
+    readonly arrowDown: "<path d=\"M12 5v14\"/><path d=\"M5 12l7 7 7-7\"/>";
+    readonly arrowUp: "<path d=\"M12 19V5\"/><path d=\"M5 12l7-7 7 7\"/>";
+    readonly chart: "<path d=\"M3 3v18h18\"/><rect x=\"7\" y=\"11\" width=\"3\" height=\"6\"/><rect x=\"13\" y=\"7\" width=\"3\" height=\"10\"/>";
+    readonly pot: "<path d=\"M2 12h20\"/><path d=\"M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7\"/><path d=\"m4 8 16-4\"/><path d=\"m8.9 6.8-.5-1.8a2 2 0 0 1 1.5-2.4l1.9-.5a2 2 0 0 1 2.4 1.5l.5 1.8\"/>";
+    readonly clock: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 7v5l3 2\"/>";
+    readonly info: "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/>";
+    readonly retry: "<path d=\"M21 12a9 9 0 1 1-2.64-6.36M21 4v5h-5\"/>";
+    readonly thumb: "<path d=\"M7 10v11M7 10l4-7a2 2 0 0 1 2.6 2.6L12 10h5.6a2 2 0 0 1 2 2.4l-1.3 6A2 2 0 0 1 16.3 21H7\"/>";
+    readonly help: "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3\"/><path d=\"M12 17h.01\"/>";
+    readonly key: "<circle cx=\"7.5\" cy=\"15.5\" r=\"5.5\"/><path d=\"m11.4 11.6 9.6-9.6\"/><path d=\"m15.5 7.5 3 3L22 7l-3-3\"/>";
+    readonly users: "<path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"/>";
+    readonly plus: "<path d=\"M12 5v14\"/><path d=\"M5 12h14\"/>";
+    readonly check: "<path d=\"M20 6 9 17l-5-5\"/>";
+    readonly trash: "<path d=\"M3 6h18\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M10 11v6\"/><path d=\"M14 11v6\"/>";
+    readonly maximize: "<path d=\"M8 3H5a2 2 0 0 0-2 2v3\"/><path d=\"M21 8V5a2 2 0 0 0-2-2h-3\"/><path d=\"M3 16v3a2 2 0 0 0 2 2h3\"/><path d=\"M16 21h3a2 2 0 0 0 2-2v-3\"/>";
+    readonly paperclip: "<path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"/>";
+    readonly files: "<path d=\"M20 7h-3a2 2 0 0 1-2-2V2\"/><path d=\"M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z\"/><path d=\"M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8\"/>";
+    readonly locate: "<circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\"/>";
+    readonly hex: "<rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"M7 9h.01M11 9h.01M15 9h.01M7 13h.01M11 13h.01M15 13h.01\"/>";
+    readonly apps: "<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"/>";
+};
+export type StrokeIconName = keyof typeof STROKE_ICONS;