@kubed.io/cdn 0.0.4 → 0.0.6

package/dist/chunks/kd-B0BcpOG_.js

@@ -0,0 +1,2662 @@
+import { a as e, c as t, d as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./element-CaN9ZVoe.js";
+import { n as u } from "./define-DqUpowD9.js";
+import { f as d } from "./scene-CUr0fSXC.js";
+//#region src/kd/helpers.ts
+function ee(e) {
+	return JSON.stringify(e ?? null);
+}
+function te(e) {
+	e.registerHelper("kdjson", (e) => ee(e));
+}
+//#endregion
+//#region node_modules/lit-html/directives/if-defined.js
+var f = (e) => e ?? a, ne = /^(~|null|true|false|yes|no|on|off|y|n)$/i, re = /^([-+]?(\.\d+|\d[\d_]*(\.\d*)?)([eE][-+]?\d+)?|0x[0-9a-f]+|0o[0-7]+|[-+]?\.(inf|nan)|[-+]?\d+(:[0-5]?\d)+(\.\d*)?)$/i, ie = /^\d{4}-\d\d?-\d\d?([Tt ]|$)/, ae = /^([,[\]{}#&*!|>'"%@`]|[-?:](\s|$))/, oe = /[\u0000-\u0008\u000b-\u001f\u007f]/;
+function se(e) {
+	return e === "" || ne.test(e) || re.test(e) || ie.test(e) || ae.test(e) || /^\s|\s$/.test(e) || e.includes(": ") || e.includes(" #") || e.endsWith(":") || e.includes("\n") || e.includes("	") || oe.test(e);
+}
+function p(e) {
+	return se(e) ? JSON.stringify(e) : e;
+}
+var m = (e, t) => ({
+	kind: e,
+	text: t
+});
+function h(e) {
+	return Array.isArray(e) ? e.length > 0 : typeof e == "object" && !!e && Object.values(e).some((e) => e !== void 0);
+}
+function ce(e) {
+	return typeof e == "string" && e.includes("\n") && !oe.test(e);
+}
+function le(e) {
+	return e == null ? m("null", "null") : typeof e == "boolean" ? m("bool", String(e)) : typeof e == "number" || typeof e == "bigint" ? m("num", String(e)) : Array.isArray(e) ? m("plain", "[]") : typeof e == "object" ? m("plain", "{}") : m("str", p(String(e)));
+}
+function ue(e) {
+	let t = e.endsWith("\n") ? e.endsWith("\n\n") ? "+" : "" : "-", n = (t === "-" ? e : e.slice(0, -1)).split("\n");
+	return {
+		header: `|${n.find((e) => e !== "")?.startsWith(" ") ? "2" : ""}${t}`,
+		lines: n
+	};
+}
+function g(e, t, n, r) {
+	let i = t.length ? [m("plain", " ")] : [];
+	if (ce(n)) {
+		let { header: a, lines: o } = ue(n);
+		return [{
+			prefix: e,
+			tokens: [
+				...t,
+				...i,
+				m("plain", a)
+			]
+		}, ...o.map((e) => ({
+			prefix: e ? r : "",
+			tokens: [m("str", e)]
+		}))];
+	}
+	return [{
+		prefix: e,
+		tokens: [
+			...t,
+			...i,
+			le(n)
+		]
+	}];
+}
+function _(e, t, n) {
+	if (Array.isArray(e)) for (let r of e) if (h(r)) {
+		let e = [];
+		_(r, `${t}  `, e), e[0].prefix = `${t}- ${e[0].prefix.slice(t.length + 2)}`, n.push(...e);
+	} else n.push(...g(`${t}- `, [], r, `${t}  `));
+	else for (let [r, i] of Object.entries(e)) {
+		if (i === void 0) continue;
+		let e = [m("key", p(r)), m("plain", ":")];
+		h(i) ? (n.push({
+			prefix: t,
+			tokens: e
+		}), _(i, Array.isArray(i) ? t : `${t}  `, n)) : n.push(...g(t, e, i, `${t}  `));
+	}
+}
+function v(e) {
+	let t = [];
+	return h(e) ? _(e, "", t) : t.push(...g("", [], e, "  ")), t;
+}
+function de(e) {
+	return v(e).map((e) => e.prefix + e.tokens.map((e) => e.text).join("")).join("\n");
+}
+//#endregion
+//#region src/kd/elements/data.ts
+var fe = class extends c {
+	static properties = {
+		data: {
+			attribute: "data",
+			converter: o
+		},
+		fold: { type: Number }
+	};
+	static styles = [i, l`
+      pre {
+        margin: 0;
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 12px;
+        line-height: 1.5;
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+      }
+      .key {
+        color: color-mix(in srgb, var(--kd-info, currentColor) 75%, var(--kd-text, currentColor));
+      }
+      .str {
+        color: color-mix(in srgb, var(--kd-success, currentColor) 70%, var(--kd-text, currentColor));
+      }
+      .num {
+        color: color-mix(in srgb, var(--kd-warning, currentColor) 55%, var(--kd-text, currentColor));
+      }
+      .bool,
+      .null {
+        color: color-mix(in srgb, var(--kd-primary, currentColor) 70%, var(--kd-text, currentColor));
+      }
+      summary {
+        width: max-content;
+        color: var(--kd-text-2, inherit);
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 12px;
+        cursor: pointer;
+        list-style: none;
+      }
+      summary::-webkit-details-marker {
+        display: none;
+      }
+      summary::before {
+        content: '▸ ';
+      }
+      details[open] > summary::before {
+        content: '▾ ';
+      }
+      details > pre {
+        margin-top: 2px;
+      }
+    `];
+	constructor() {
+		super(), this.fold = 10;
+	}
+	render() {
+		let e = this.data;
+		if (e === void 0) return a;
+		let n = v(e), r = t`<pre>${n.map((e, n) => t`${n ? "\n" : ""}${e.prefix}${e.tokens.map((e) => e.kind === "plain" ? e.text : t`<span class=${e.kind}>${e.text}</span>`)}`)}</pre>`;
+		if (!(this.fold > 0 && n.length > this.fold && typeof e == "object" && e)) return r;
+		let i = Object.keys(e).length, o = Array.isArray(e) ? `[ ] ${i} item${i === 1 ? "" : "s"}` : `{ } ${i} key${i === 1 ? "" : "s"}`;
+		return t`<details><summary>${o}</summary>${r}</details>`;
+	}
+};
+u("kd-data", fe);
+//#endregion
+//#region src/kd/parts.ts
+var pe = /* @__PURE__ */ new Set([
+	"primary",
+	"success",
+	"warning",
+	"error",
+	"info",
+	"neutral"
+]);
+function y(e, t = "neutral") {
+	return typeof e == "string" && pe.has(e) ? e : t;
+}
+var b = l`
+  .primary {
+    --tone: var(--kd-primary, currentColor);
+  }
+  .success {
+    --tone: var(--kd-success, currentColor);
+  }
+  .warning {
+    --tone: var(--kd-warning, currentColor);
+  }
+  .error {
+    --tone: var(--kd-error, currentColor);
+  }
+  .info {
+    --tone: var(--kd-info, currentColor);
+  }
+  .primary,
+  .success,
+  .warning,
+  .error,
+  .info {
+    --tone-ink: color-mix(in srgb, var(--tone) 75%, var(--kd-text, currentColor));
+    --tone-line: color-mix(in srgb, var(--tone) 50%, transparent);
+  }
+  .neutral {
+    --tone: var(--kd-text-2, currentColor);
+    --tone-ink: var(--kd-text-2, currentColor);
+    --tone-line: var(--kd-border-strong, currentColor);
+  }
+`, me = /^(https?:|data:image\/|\/|\.\.?\/)/i;
+function x(e, n = "icon") {
+	return e ? me.test(e) ? t`<img class=${n} src=${e} alt="" />` : t`<span class=${n}>${e}</span>` : a;
+}
+function S(e) {
+	if (e != null && e !== "") return /^\s*(javascript|vbscript|data):/i.test(e) ? void 0 : e;
+}
+//#endregion
+//#region src/kd/elements/link.ts
+function he(e) {
+	try {
+		let t = e?.location, n = /^(.*?)\/d\/([^/?#]+)/.exec(t?.pathname ?? "");
+		return {
+			prefix: n?.[1] ?? "",
+			uid: n ? decodeURIComponent(n[2]) : void 0,
+			params: new URLSearchParams(t?.search ?? "")
+		};
+	} catch {
+		return {
+			prefix: "",
+			params: new URLSearchParams()
+		};
+	}
+}
+function C(e, t) {
+	if (!e.dashboard) return S(e.href);
+	let n = he(t), r = e.dashboard.indexOf("?"), i = r < 0 ? e.dashboard : e.dashboard.slice(0, r), a = new URLSearchParams(r < 0 ? "" : e.dashboard.slice(r + 1));
+	for (let [t, n] of Object.entries(e.vars ?? {})) {
+		if (n == null) continue;
+		let e = t.startsWith("var-") ? t : `var-${t}`;
+		a.delete(e);
+		for (let t of Array.isArray(n) ? n : [n]) a.append(e, String(t));
+	}
+	for (let e of ["from", "to"]) {
+		let t = n.params.get(e);
+		t !== null && !a.has(e) && a.set(e, t);
+	}
+	if (e.back && n.uid) {
+		let e = new URLSearchParams([...n.params].filter(([e]) => e.startsWith("var-"))).toString();
+		a.set("var-back", e ? `${n.uid}?${e}` : n.uid);
+	}
+	let o = a.toString();
+	return `${n.prefix}/d/${i}${o ? `?${o}` : ""}`;
+}
+var w = /* @__PURE__ */ new WeakMap();
+function ge(e) {
+	e && !w.has(e) && e.System?.import && (w.set(e, null), e.System.import("@grafana/runtime").then((t) => w.set(e, t), () => {}));
+}
+function _e(e, t, n) {
+	if (!e || n.defaultPrevented || n.button !== 0 || n.metaKey || n.ctrlKey || n.shiftKey || n.altKey) return;
+	let r = w.get(e)?.locationService;
+	if (!r) return;
+	let i = new URL(t, e.location.href);
+	if (i.origin !== e.location.origin) return;
+	let { prefix: a } = he(e), o = a && i.pathname.startsWith(a) ? i.pathname.slice(a.length) : i.pathname;
+	n.preventDefault(), r.push(o + i.search + i.hash);
+}
+var T = class extends c {
+	static properties = {
+		data: {
+			attribute: "data",
+			converter: o
+		},
+		dashboard: {},
+		href: {},
+		vars: { converter: o },
+		text: {},
+		icon: {},
+		back: { type: Boolean }
+	};
+	static styles = [i, l`
+      :host {
+        display: inline;
+      }
+      /* One line: a long name ends in an ellipsis with the full text on hover.
+         A table caps links with --kd-link-max, since 100% means nothing to an
+         auto-layout column. */
+      a,
+      span.link {
+        display: inline-flex;
+        align-items: baseline;
+        max-width: var(--kd-link-max, 100%);
+        min-width: 0;
+        vertical-align: bottom;
+      }
+      .text {
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      a {
+        color: var(--kd-link, inherit);
+        text-decoration: none;
+      }
+      a:hover {
+        text-decoration: underline;
+      }
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 4px;
+        vertical-align: -3px;
+      }
+    `];
+	get link() {
+		let e = this.data ?? {};
+		return {
+			dashboard: e.dashboard ?? this.dashboard,
+			href: e.href ?? this.href,
+			vars: e.vars ?? this.vars,
+			text: e.text ?? this.text,
+			icon: e.icon ?? this.icon,
+			title: e.title,
+			back: e.back ?? this.back
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), ge(this.ownerDocument?.defaultView);
+	}
+	#e = () => this.requestUpdate();
+	#t = (e) => {
+		let t = this.ownerDocument?.defaultView, n = C(this.link, t);
+		n !== void 0 && (e.currentTarget.setAttribute("href", n), _e(t, n, e));
+	};
+	render() {
+		let e = this.link, n = C(e, this.ownerDocument?.defaultView), r = t`${x(e.icon)}<span class="text" title=${f(e.text)}
+      ><slot>${e.text ?? ""}</slot></span
+    >`, i = e.title ?? e.text;
+		return n === void 0 ? t`<span class="link" title=${f(i)}>${r}</span>` : t`<a
+      href=${n}
+      title=${f(i)}
+      @click=${this.#t}
+      @mouseenter=${this.#e}
+      @focus=${this.#e}
+      >${r}</a
+    >`;
+	}
+};
+u("kd-link", T);
+//#endregion
+//#region src/kd/elements/pill.ts
+var E = class extends c {
+	static properties = { tone: {} };
+	static styles = [
+		i,
+		b,
+		l`
+      :host {
+        display: inline-block;
+        margin: 1px 4px 1px 0;
+        vertical-align: baseline;
+      }
+      span {
+        display: inline-block;
+        padding: 0 8px;
+        border: 1px solid var(--tone-line);
+        border-radius: 10px;
+        background: color-mix(in srgb, var(--tone) 14%, transparent);
+        color: var(--tone-ink);
+        font-size: 11px;
+        line-height: 18px;
+        white-space: nowrap;
+      }
+    `
+	];
+	render() {
+		return t`<span class=${y(this.tone)}><slot></slot></span>`;
+	}
+};
+u("kd-pill", E);
+//#endregion
+//#region src/kd/cell.ts
+function D(e) {
+	return e == null || e === "" || Array.isArray(e) && e.every(D);
+}
+function O(e) {
+	return e == null ? a : Array.isArray(e) ? t`<span class="cells">${e.filter((e) => !D(e)).map((e) => t`<span>${O(e)}</span>`)}</span>` : typeof e == "object" ? "dashboard" in e || "href" in e ? t`<kd-link .data=${e}></kd-link>` : "data" in e ? t`<kd-data .data=${e.data}></kd-data>` : "code" in e ? t`<code>${String(e.code)}</code>` : "text" in e ? t`<kd-pill tone=${f(e.tone)} title=${f(e.title)}>${String(e.text)}</kd-pill>` : t`<kd-data .data=${e}></kd-data>` : String(e);
+}
+var k = l`
+  .cells {
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 2px 6px;
+  }
+  code {
+    font-family: var(--kd-font-mono, monospace);
+    font-size: 12px;
+    overflow-wrap: anywhere;
+  }
+`, A = class extends c {
+	static properties = { data: {
+		attribute: "data",
+		converter: o
+	} };
+	static styles = [
+		i,
+		k,
+		l`
+      .bar {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 8px 16px;
+        padding: 0 4px;
+      }
+      img.icon {
+        width: 42px;
+        height: 42px;
+      }
+      span.icon {
+        font-size: 34px;
+        line-height: 1;
+      }
+      .eyebrow {
+        color: var(--kd-text-2, inherit);
+        font-size: 11px;
+        letter-spacing: 0.1em;
+        text-transform: uppercase;
+      }
+      .title {
+        font-size: 22px;
+        font-weight: 500;
+        line-height: 1.2;
+        overflow-wrap: anywhere;
+      }
+      .grow {
+        flex: 1;
+      }
+      .chain {
+        font-size: 13px;
+      }
+      .sep {
+        margin: 0 6px;
+        color: var(--kd-text-dim, inherit);
+      }
+    `
+	];
+	render() {
+		let e = this.data;
+		if (!e) return a;
+		let n = (e.chips ?? []).filter((e) => !D(e)), r = (e.chain ?? []).filter((e) => !D(e));
+		return t`<div class="bar">
+      ${x(e.icon)}
+      <div class="id">
+        ${D(e.eyebrow) ? a : t`<div class="eyebrow">${O(e.eyebrow)}</div>`}
+        <div class="title">${e.title ?? ""}</div>
+      </div>
+      ${n.length ? t`<div class="chips">${n.map((e) => O(e))}</div>` : a}
+      <div class="grow"></div>
+      ${r.length ? t`<nav class="chain">
+            ${r.map((e, n) => t`${n ? t`<span class="sep">›</span>` : a}${O(e)}`)}
+          </nav>` : a}
+    </div>`;
+	}
+};
+u("kd-bar", A);
+//#endregion
+//#region node_modules/lit-html/directive.js
+var j = {
+	ATTRIBUTE: 1,
+	CHILD: 2,
+	PROPERTY: 3,
+	BOOLEAN_ATTRIBUTE: 4,
+	EVENT: 5,
+	ELEMENT: 6
+}, M = (e) => (...t) => ({
+	_$litDirective$: e,
+	values: t
+}), N = class {
+	constructor(e) {}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AT(e, t, n) {
+		this._$Ct = e, this._$AM = t, this._$Ci = n;
+	}
+	_$AS(e, t) {
+		return this.update(e, t);
+	}
+	update(e, t) {
+		return this.render(...t);
+	}
+}, P = class extends N {
+	constructor(e) {
+		if (super(e), this.it = a, e.type !== j.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+	}
+	render(e) {
+		if (e === a || e == null) return this._t = void 0, this.it = e;
+		if (e === s) return e;
+		if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+		if (e === this.it) return this._t;
+		this.it = e;
+		let t = [e];
+		return t.raw = t, this._t = {
+			_$litType$: this.constructor.resultType,
+			strings: t,
+			values: []
+		};
+	}
+};
+P.directiveName = "unsafeHTML", P.resultType = 1;
+var ve = M(P), F = () => import("./highlight-D54M45bZ.js"), ye = 262144, I = 1e4, L = {
+	fromAttribute: (e) => e !== null && e !== "false" && e !== "0",
+	toAttribute: (e) => e ? "" : "false"
+};
+function R(e) {
+	let t = /* @__PURE__ */ new Set();
+	if (Array.isArray(e) || typeof e == "number") {
+		for (let n of [e].flat()) Number.isInteger(n) && t.add(n);
+		return t;
+	}
+	for (let n of String(e ?? "").split(",")) {
+		let e = /^\s*L?(\d+)\s*(?:-\s*L?(\d+)\s*)?$/i.exec(n);
+		if (!e) continue;
+		let r = Number(e[1]), i = e[2] ? Number(e[2]) : r;
+		for (let e = Math.min(r, i); e <= Math.max(r, i) && t.size < I; e++) t.add(e);
+	}
+	return t;
+}
+var z = (e) => e.replace(/\r\n?/g, "\n").replace(/\n$/, ""), B = class extends c {
+	static properties = {
+		text: {},
+		language: {},
+		filename: {},
+		lines: { converter: L },
+		wrap: { converter: L },
+		highlight: {},
+		start: { type: Number }
+	};
+	static styles = [i, l`
+      :host {
+        position: relative;
+      }
+      pre {
+        margin: 0;
+        padding: 8px 0;
+        border: 1px solid var(--kd-border, transparent);
+        border-radius: var(--kd-radius, 4px);
+        background: var(--kd-canvas, transparent);
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 12.5px;
+        line-height: 1.5;
+        tab-size: 4;
+        overflow: auto;
+      }
+      code {
+        display: block;
+        min-width: max-content;
+        font: inherit;
+      }
+      .wrap code {
+        min-width: 0;
+      }
+      .line {
+        display: block;
+        min-height: 1.5em;
+        padding: 0 12px;
+        white-space: pre;
+      }
+      .wrap .line {
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+      }
+      .numbered .line {
+        position: relative;
+        padding-left: calc(var(--gutter) + 28px);
+      }
+      .numbered .line::before {
+        position: absolute;
+        left: 0;
+        width: calc(var(--gutter) + 12px);
+        color: var(--kd-text-dim, inherit);
+        text-align: right;
+        counter-increment: line;
+        content: counter(line);
+        user-select: none;
+      }
+      .hl {
+        background: color-mix(in srgb, var(--kd-warning, transparent) 16%, transparent);
+        box-shadow: inset 2px 0 var(--kd-warning, currentColor);
+      }
+      /* Above the numbered lines, which are positioned too and come later. */
+      .tools {
+        position: absolute;
+        z-index: 1;
+        top: 5px;
+        right: 5px;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        padding: 2px;
+        border-radius: var(--kd-radius, 4px);
+        background: color-mix(in srgb, var(--kd-bg-2, transparent) 85%, var(--kd-bg, transparent));
+        opacity: 0;
+        transition: opacity 0.15s;
+      }
+      :host(:hover) .tools,
+      .tools:focus-within {
+        opacity: 1;
+      }
+      .lang {
+        margin-right: 2px;
+        color: var(--kd-text-dim, inherit);
+        font-size: 11px;
+      }
+      button {
+        padding: 1px 7px;
+        border: 1px solid var(--kd-border, transparent);
+        border-radius: var(--kd-radius, 4px);
+        background: var(--kd-bg-2, transparent);
+        color: var(--kd-text-2, inherit);
+        font: inherit;
+        font-size: 11px;
+        cursor: pointer;
+      }
+      button:hover,
+      button[aria-pressed='true'] {
+        border-color: var(--kd-border-strong, currentColor);
+        color: var(--kd-text, inherit);
+      }
+
+      /* highlight.js scopes, onto the theme's tones as kd-data colours YAML */
+      .hljs-keyword,
+      .hljs-literal,
+      .hljs-selector-tag,
+      .hljs-name,
+      .hljs-doctag {
+        color: color-mix(in srgb, var(--kd-primary, currentColor) 75%, var(--kd-text, currentColor));
+      }
+      .hljs-string,
+      .hljs-regexp,
+      .hljs-char,
+      .hljs-meta .hljs-string {
+        color: color-mix(in srgb, var(--kd-success, currentColor) 70%, var(--kd-text, currentColor));
+      }
+      .hljs-number,
+      .hljs-symbol,
+      .hljs-bullet,
+      .hljs-built_in,
+      .hljs-type,
+      .hljs-title.class_ {
+        color: color-mix(in srgb, var(--kd-warning, currentColor) 60%, var(--kd-text, currentColor));
+      }
+      .hljs-title,
+      .hljs-title.function_,
+      .hljs-section {
+        color: color-mix(in srgb, var(--kd-error, currentColor) 60%, var(--kd-text, currentColor));
+      }
+      .hljs-attr,
+      .hljs-attribute,
+      .hljs-property,
+      .hljs-variable,
+      .hljs-template-variable,
+      .hljs-selector-attr,
+      .hljs-selector-class,
+      .hljs-selector-id,
+      .hljs-selector-pseudo,
+      .hljs-link {
+        color: color-mix(in srgb, var(--kd-info, currentColor) 75%, var(--kd-text, currentColor));
+      }
+      .hljs-comment,
+      .hljs-quote,
+      .hljs-meta {
+        color: var(--kd-text-dim, inherit);
+      }
+      .hljs-comment,
+      .hljs-quote,
+      .hljs-emphasis {
+        font-style: italic;
+      }
+      .hljs-section,
+      .hljs-strong {
+        font-weight: 600;
+      }
+      .hljs-addition {
+        background: color-mix(in srgb, var(--kd-success, transparent) 15%, transparent);
+        color: color-mix(in srgb, var(--kd-success, currentColor) 70%, var(--kd-text, currentColor));
+      }
+      .hljs-deletion {
+        background: color-mix(in srgb, var(--kd-error, transparent) 15%, transparent);
+        color: color-mix(in srgb, var(--kd-error, currentColor) 70%, var(--kd-text, currentColor));
+      }
+      .hljs-subst,
+      .hljs-params {
+        color: inherit;
+      }
+    `];
+	#e;
+	#t = null;
+	#n;
+	#r;
+	constructor() {
+		super(), this.lines = !0, this.wrap = !1, this.start = 1;
+	}
+	async getUpdateComplete() {
+		let e = await super.getUpdateComplete();
+		for (; this.#n;) await this.#n, e = await super.getUpdateComplete();
+		return e;
+	}
+	willUpdate(e) {
+		if (!e.has("text") && !e.has("language") && !e.has("filename")) return;
+		let t = typeof this.text == "string" ? z(this.text) : "", { language: n, filename: r } = this, i = JSON.stringify([
+			t,
+			n,
+			r
+		]);
+		i !== this.#e && (this.#e = i, this.#t = null, this.#n = void 0, !(!t || !n && !r || t.length > ye || t.split("\n").length > I) && (this.#n = F().then((e) => {
+			let i = e.languageOf(n) ?? e.languageOfFile(r);
+			return i ? e.highlight(t, i) : null;
+		}).catch(() => null).then((e) => {
+			i === this.#e && (this.#t = e, this.#n = void 0, this.requestUpdate());
+		})));
+	}
+	async #i() {
+		let e = this.ownerDocument.defaultView?.navigator?.clipboard;
+		if (e && typeof this.text == "string") {
+			try {
+				await e.writeText(this.text);
+			} catch {
+				return;
+			}
+			clearTimeout(this.#r), this.#r = setTimeout(() => {
+				this.#r = void 0, this.requestUpdate();
+			}, 1500), this.requestUpdate();
+		}
+	}
+	render() {
+		if (typeof this.text != "string") return a;
+		let e = this.#t, n = e ? e.lines : z(this.text).split("\n"), r = Number.isFinite(this.start) ? Math.trunc(this.start) : 1, i = R(this.highlight), o = (e) => i.has(r + e) ? "line hl" : "line", s = e ? ve(n.map((e, t) => `<span class="${o(t)}">${e}</span>`).join("")) : n.map((e, n) => t`<span class=${o(n)}>${e}</span>`), c = String(r + n.length - 1).length, l = [this.lines ? "numbered" : "", this.wrap ? "wrap" : ""].join(" ");
+		return t`<div class="tools">
+        ${e ? t`<span class="lang">${e.name}</span>` : a}
+        <button type="button" aria-pressed=${this.wrap ? "true" : "false"} @click=${() => this.wrap = !this.wrap}>
+          Wrap
+        </button>
+        <button type="button" @click=${() => this.#i()}>${this.#r ? "Copied" : "Copy"}</button>
+      </div>
+      <pre class=${l} style="counter-reset: line ${r - 1}; --gutter: ${c}ch"><code>${s}</code></pre>`;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), clearTimeout(this.#r), this.#r = void 0;
+	}
+};
+u("kd-code", B);
+//#endregion
+//#region src/kd/elements/groups.ts
+function be(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let [n, r] of Object.entries(e)) {
+		let e = n.indexOf("/"), i = e < 0 ? "" : n.slice(0, e), a = r == null ? "" : typeof r == "string" ? r : JSON.stringify(r), o = t.get(i);
+		o || t.set(i, o = {
+			prefix: i,
+			entries: []
+		}), o.entries.push({
+			key: n,
+			name: n.slice(e + 1),
+			value: a
+		});
+	}
+	return [...t.values()].sort((e, t) => e.prefix < t.prefix ? -1 : +(e.prefix > t.prefix));
+}
+function xe(e) {
+	if (/^\s*[[{]/.test(e)) try {
+		let t = JSON.parse(e);
+		return typeof t == "object" && t ? t : void 0;
+	} catch {
+		return;
+	}
+}
+var Se = 600, Ce = class extends c {
+	static properties = {
+		data: {
+			attribute: "data",
+			converter: o
+		},
+		mode: {}
+	};
+	static styles = [i, l`
+      .group + .group {
+        margin-top: 12px;
+      }
+      div.head,
+      tr.head td {
+        padding-bottom: 3px;
+        border-bottom: 1px solid var(--kd-border, transparent);
+        color: var(--kd-text-2, inherit);
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 11px;
+      }
+      div.head {
+        margin-bottom: 6px;
+      }
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 13px;
+      }
+      td {
+        padding: 2px 12px 2px 0;
+        vertical-align: top;
+      }
+      tr.head td {
+        padding-top: 12px;
+      }
+      tr.head:first-child td {
+        padding-top: 0;
+      }
+      tr.head + tr td {
+        padding-top: 6px;
+      }
+      .k {
+        white-space: nowrap;
+      }
+      code {
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 12px;
+      }
+      .twig {
+        margin: 0 8px 0 4px;
+        color: var(--kd-text-dim, inherit);
+        font-family: var(--kd-font-mono, monospace);
+      }
+      .v {
+        width: 100%;
+        color: color-mix(in srgb, var(--kd-success, currentColor) 70%, var(--kd-text, currentColor));
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 12px;
+        overflow-wrap: anywhere;
+        word-break: break-word;
+      }
+      .none {
+        padding: 8px 0;
+        color: var(--kd-text-dim, inherit);
+      }
+    `];
+	render() {
+		let e = this.data;
+		if (!e || typeof e != "object") return a;
+		let n = be(e);
+		return n.length ? this.mode === "tree" ? this.#t(n) : this.#e(n) : t`<div class="none">none</div>`;
+	}
+	#e(e) {
+		return e.map((e) => t`<div class="group">
+        ${e.prefix ? t`<div class="head">${e.prefix}</div>` : a}
+        <div>
+          ${e.entries.map((e) => t`<kd-pill tone="info" title=${e.key}>${e.value === "" ? e.name : `${e.name}=${e.value}`}</kd-pill>`)}
+        </div>
+      </div>`);
+	}
+	#t(e) {
+		return t`<table>
+      <tbody>
+        ${e.map((e) => t`${e.prefix ? t`<tr class="head"><td colspan="2">${e.prefix}</td></tr>` : a}
+          ${e.entries.map((n, r) => {
+			let i = xe(n.value);
+			return t`<tr>
+              <td class="k">
+                ${e.prefix ? t`<span class="twig">${r === e.entries.length - 1 ? "└" : "├"}</span>` : a}<code
+                  >${n.name}</code
+                >
+              </td>
+              <td class="v">
+                ${i ? t`<kd-data .data=${i}></kd-data>` : n.value.length > Se ? `${n.value.slice(0, Se)} …` : n.value}
+              </td>
+            </tr>`;
+		})}`)}
+      </tbody>
+    </table>`;
+	}
+};
+u("kd-groups", Ce);
+//#endregion
+//#region src/kd/elements/markdown.ts
+var we, Te = /* @__PURE__ */ new WeakMap();
+function Ee() {
+	return we ??= import("./marked.esm-BrPimSW6.js").then((e) => new e.Marked({ gfm: !0 })), we;
+}
+function De(e) {
+	let t = Te.get(e);
+	return t || (t = import("./purify.es-C_X9UTsz.js").then((t) => t.default(e)), Te.set(e, t)), t;
+}
+var Oe = {
+	USE_PROFILES: { html: !0 },
+	FORBID_TAGS: [
+		"style",
+		"form",
+		"button",
+		"textarea",
+		"select",
+		"option",
+		"dialog",
+		"iframe",
+		"frame",
+		"object",
+		"embed"
+	],
+	FORBID_ATTR: [
+		"style",
+		"action",
+		"formaction"
+	],
+	RETURN_DOM_FRAGMENT: !0
+}, ke = /* @__PURE__ */ new Set([
+	...Oe.FORBID_TAGS,
+	"script",
+	"noscript",
+	"template",
+	"svg",
+	"math",
+	"link",
+	"meta",
+	"base",
+	"frameset",
+	"applet",
+	"portal"
+]), Ae = /* @__PURE__ */ new Set([
+	"href",
+	"src",
+	"srcset",
+	"action",
+	"formaction",
+	"poster",
+	"background",
+	"cite",
+	"data",
+	"xlink:href"
+]);
+function je(e) {
+	for (let t of [...e.querySelectorAll("*")]) if (ke.has(t.localName)) t.remove();
+	else for (let { name: e, value: n } of [...t.attributes]) {
+		let r = e.toLowerCase();
+		r.startsWith("on") || r === "style" || r === "srcdoc" ? t.removeAttribute(e) : Ae.has(r) && /(^|,)\s*(javascript|vbscript|data):/i.test(n.replace(/[\0-\x20]/g, "")) && (r === "src" && t.localName === "img" && /^\s*data:image\/(png|gif|jpe?g|webp);/i.test(n) || t.removeAttribute(e));
+	}
+}
+var Me = /^([a-z][a-z\d+.-]*:|\/\/|#)/i;
+function V(e, t, n) {
+	if (!t && !n || Me.test(e.trim())) return e;
+	try {
+		return t ? new URL(e.replace(/^\/+/, ""), t.endsWith("/") ? t : `${t}/`).href : new URL(e, n).href;
+	} catch {
+		return e;
+	}
+}
+function Ne(e) {
+	return e.trim().toLowerCase().replace(/[^\p{L}\p{M}\p{N}\s_-]/gu, "").replace(/\s/g, "-");
+}
+var Pe = class extends c {
+	static properties = {
+		markdown: {},
+		src: {},
+		base: { converter: o }
+	};
+	static styles = [i, l`
+      .doc {
+        font-size: 14px;
+        line-height: 1.65;
+        overflow-wrap: break-word;
+      }
+      .doc > :first-child {
+        margin-top: 0;
+      }
+      .doc > :last-child {
+        margin-bottom: 0;
+      }
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        margin: 1.4em 0 0.6em;
+        font-weight: 600;
+        line-height: 1.25;
+      }
+      h1,
+      h2 {
+        padding-bottom: 0.3em;
+        border-bottom: 1px solid var(--kd-border, transparent);
+      }
+      h1 {
+        font-size: 1.9em;
+      }
+      h2 {
+        font-size: 1.5em;
+      }
+      h3 {
+        font-size: 1.2em;
+      }
+      h4 {
+        font-size: 1em;
+      }
+      h5,
+      h6 {
+        font-size: 0.9em;
+      }
+      h6 {
+        color: var(--kd-text-2, inherit);
+      }
+      p,
+      ul,
+      ol,
+      dl,
+      table,
+      blockquote,
+      details,
+      kd-code {
+        margin: 0 0 1em;
+      }
+      ul,
+      ol {
+        padding-left: 2em;
+      }
+      li + li,
+      li > ul,
+      li > ol {
+        margin-top: 0.25em;
+      }
+      li > ul,
+      li > ol {
+        margin-bottom: 0;
+      }
+      li:has(> input[type='checkbox']) {
+        list-style: none;
+      }
+      li > input[type='checkbox'] {
+        margin: 0 0.4em 0.2em -1.5em;
+        vertical-align: middle;
+      }
+      a {
+        color: var(--kd-link, inherit);
+        text-decoration: none;
+      }
+      a:hover {
+        text-decoration: underline;
+      }
+      code {
+        padding: 0.15em 0.35em;
+        border-radius: var(--kd-radius, 4px);
+        background: var(--kd-bg-2, transparent);
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 85%;
+      }
+      pre {
+        padding: 12px 14px;
+        border: 1px solid var(--kd-border, transparent);
+        border-radius: var(--kd-radius, 4px);
+        background: var(--kd-canvas, transparent);
+        overflow: auto;
+      }
+      pre code {
+        padding: 0;
+        background: none;
+        font-size: 100%;
+      }
+      table {
+        display: block;
+        width: max-content;
+        max-width: 100%;
+        border-collapse: collapse;
+        overflow: auto;
+      }
+      th,
+      td {
+        padding: 6px 13px;
+        border: 1px solid var(--kd-border, transparent);
+      }
+      th {
+        background: var(--kd-bg-2, transparent);
+        font-weight: 600;
+      }
+      blockquote {
+        padding: 0 1em;
+        border-left: 4px solid var(--kd-border-strong, currentColor);
+        color: var(--kd-text-2, inherit);
+      }
+      hr {
+        height: 0;
+        margin: 1.5em 0;
+        border: 0;
+        border-top: 1px solid var(--kd-border, transparent);
+      }
+      img {
+        max-width: 100%;
+        box-sizing: content-box;
+      }
+      summary {
+        cursor: pointer;
+      }
+      .none {
+        color: var(--kd-text-dim, inherit);
+      }
+      .raw {
+        margin: 0;
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 12.5px;
+        white-space: pre-wrap;
+      }
+    `];
+	#e = 0;
+	#t;
+	#n;
+	async getUpdateComplete() {
+		let e = await super.getUpdateComplete();
+		for (; this.#t;) await this.#t, e = await super.getUpdateComplete();
+		return await Promise.all([...this.renderRoot.querySelectorAll("kd-code")].map((e) => e.updateComplete)), e;
+	}
+	willUpdate(e) {
+		if (!e.has("markdown") && !e.has("src") && !e.has("base")) return;
+		let t = ++this.#e, { markdown: n, src: r } = this, i = this.base?.links, a = this.base?.images, o = async () => {
+			if (typeof n == "string") return this.#i(n, i, a);
+			if (!r) return;
+			let e = this.ownerDocument.defaultView, o = new URL(r, this.ownerDocument.baseURI).href;
+			try {
+				let n = await (e?.fetch ?? fetch)(o);
+				if (!n.ok) return this.#r(`${n.status} ${r}`);
+				let s = await n.text();
+				return t === this.#e ? this.#i(s, i, a, o) : void 0;
+			} catch {
+				return this.#r(r);
+			}
+		};
+		this.#t = o().then((e) => {
+			t === this.#e && (this.#n = e, this.#t = void 0, this.requestUpdate());
+		});
+	}
+	#r(e) {
+		let t = this.ownerDocument.createElement("p");
+		return t.className = "none", t.textContent = e, t;
+	}
+	async #i(e, t, n, r) {
+		let i = this.ownerDocument, a = i.defaultView;
+		try {
+			if (!a) throw Error("no window");
+			let [o, s] = await Promise.all([Ee(), De(a)]);
+			if (!s.isSupported) throw Error("DOMPurify is not supported here");
+			let c = s.sanitize(`\n${o.parse(e, { async: !1 })}`, Oe), l = i.createElement("div");
+			return l.className = "doc", l.append(c), je(l), this.#a(l, t, n, r), l;
+		} catch {
+			let t = i.createElement("pre");
+			return t.className = "raw", t.textContent = e, t;
+		}
+	}
+	#a(e, t, n, r) {
+		let i = this.ownerDocument, a = /* @__PURE__ */ new Map();
+		for (let t of e.querySelectorAll("h1, h2, h3, h4, h5, h6")) {
+			if (t.id) continue;
+			let e = Ne(t.textContent ?? "") || "section", n = a.get(e) ?? 0;
+			a.set(e, n + 1), t.id = n ? `${e}-${n}` : e;
+		}
+		let o = (e, t, n) => {
+			let i = V(e.getAttribute(t) ?? "", n, r);
+			S(i) ? e.setAttribute(t, i) : e.removeAttribute(t);
+		};
+		for (let n of e.querySelectorAll("a[href]")) n.getAttribute("href")?.startsWith("#") || (o(n, "href", t), n.setAttribute("target", "_blank"), n.setAttribute("rel", "noopener"));
+		for (let t of e.querySelectorAll("img[src]")) o(t, "src", n);
+		for (let t of e.querySelectorAll("img[srcset], source[srcset]")) {
+			let e = (t.getAttribute("srcset") ?? "").split(",").map((e) => {
+				let [t, ...i] = e.trim().split(/\s+/);
+				return [V(t, n, r), ...i].join(" ");
+			}).filter((e) => S(e));
+			t.setAttribute("srcset", e.join(", "));
+		}
+		for (let t of e.querySelectorAll("input")) t.type === "checkbox" ? t.disabled = !0 : t.remove();
+		for (let t of e.querySelectorAll("pre > code")) {
+			let e = t.parentElement, n = i.createElement("kd-code");
+			n.text = (t.textContent ?? "").replace(/\n$/, ""), n.language = /(?:^|\s)language-(\S+)/.exec(t.className)?.[1], n.lines = !1, e.replaceWith(n);
+		}
+	}
+	#o(e) {
+		let t = e.target?.closest?.("a[href^=\"#\"]");
+		if (!t) return;
+		let n = t.getAttribute("href").slice(1);
+		try {
+			n = decodeURIComponent(n);
+		} catch {}
+		let r = this.renderRoot.getElementById(n);
+		r && (e.preventDefault(), r.scrollIntoView({ block: "start" }));
+	}
+	render() {
+		return this.#n ? t`<div @click=${(e) => this.#o(e)}>${this.#n}</div>` : a;
+	}
+};
+u("kd-markdown", Pe);
+//#endregion
+//#region src/kd/elements/mask.ts
+var Fe = class extends c {
+	static properties = {
+		value: {},
+		shown: { state: !0 }
+	};
+	static styles = [i, l`
+      :host {
+        display: inline-block;
+      }
+      button {
+        padding: 0;
+        border: none;
+        background: none;
+        color: inherit;
+        font: inherit;
+        cursor: pointer;
+      }
+      .dots {
+        color: var(--kd-text-2, inherit);
+        letter-spacing: 0.1em;
+      }
+      code {
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 12px;
+        overflow-wrap: anywhere;
+        white-space: pre-wrap;
+        user-select: all;
+      }
+      .hide {
+        margin-left: 6px;
+        color: var(--kd-text-dim, inherit);
+      }
+    `];
+	constructor() {
+		super(), this.shown = !1;
+	}
+	willUpdate(e) {
+		e.has("value") && e.get("value") !== void 0 && (this.shown = !1);
+	}
+	render() {
+		return this.shown ? t`<code>${this.value ?? ""}</code
+      ><button type="button" class="hide" aria-label="hide" @click=${() => this.shown = !1}>×</button>` : t`<button type="button" aria-label="show" @click=${() => this.shown = !0}>
+        <span class="dots">••••••••</span>
+      </button>`;
+	}
+};
+u("kd-mask", Fe);
+//#endregion
+//#region node_modules/lit-html/directives/style-map.js
+var Ie = "important", Le = " !" + Ie, Re = M(class extends N {
+	constructor(e) {
+		if (super(e), e.type !== j.ATTRIBUTE || e.name !== "style" || e.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+	}
+	render(e) {
+		return Object.keys(e).reduce((t, n) => {
+			let r = e[n];
+			return r == null ? t : t + `${n = n.includes("-") ? n : n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${r};`;
+		}, "");
+	}
+	update(e, [t]) {
+		let { style: n } = e.element;
+		if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
+		for (let e of this.ft) t[e] ?? (this.ft.delete(e), e.includes("-") ? n.removeProperty(e) : n[e] = null);
+		for (let e in t) {
+			let r = t[e];
+			if (r != null) {
+				this.ft.add(e);
+				let t = typeof r == "string" && r.endsWith(Le);
+				e.includes("-") || t ? n.setProperty(e, t ? r.slice(0, -11) : r, t ? Ie : "") : n[e] = r;
+			}
+		}
+		return s;
+	}
+}), H = (e) => new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(e), ze = class extends c {
+	static properties = { data: {
+		attribute: "data",
+		converter: o
+	} };
+	static styles = [
+		i,
+		b,
+		l`
+      .track {
+        position: relative;
+        height: 8px;
+        margin: 6px 0;
+        border-radius: 4px;
+        background: color-mix(in srgb, var(--kd-border-strong, currentColor) 35%, transparent);
+      }
+      .fill {
+        height: 100%;
+        border-radius: 4px;
+        background: var(--tone);
+      }
+      .mark {
+        position: absolute;
+        top: -3px;
+        bottom: -3px;
+        width: 2px;
+        background: var(--tone);
+        box-shadow: 0 0 0 1px var(--kd-bg, transparent);
+      }
+      .legend {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 2px 20px;
+        font-size: 12px;
+      }
+      .value {
+        font-family: var(--kd-font-mono, monospace);
+        font-size: 14px;
+      }
+      .legend .mark-label {
+        color: var(--kd-text-2, inherit);
+      }
+      .legend .num {
+        color: var(--tone-ink);
+        font-family: var(--kd-font-mono, monospace);
+      }
+      .none {
+        color: var(--kd-text-dim, inherit);
+      }
+    `
+	];
+	render() {
+		let e = this.data;
+		if (!e || typeof e != "object") return a;
+		let n = typeof e.value == "number" && Number.isFinite(e.value) ? e.value : void 0, r = (e.marks ?? []).filter((e) => e && Number.isFinite(e.value)), i = e.unit ?? "", o = Math.max(n ?? 0, ...r.map((e) => e.value)), s = typeof e.max == "number" && e.max > 0 ? e.max : o > 0 ? o : 1, c = (e) => Math.min(1, Math.max(0, e)), l = (e) => `${Math.min(100, Math.max(0, e / s * 100))}%`, u = y((n === void 0 ? [] : r.filter((e) => e.tone && n >= e.value)).sort((e, t) => t.value - e.value)[0]?.tone, "primary");
+		return t`<div
+      role="meter"
+      aria-valuemin="0"
+      aria-valuemax=${s}
+      aria-valuenow=${n ?? a}
+    >
+      <div class="track">
+        ${n === void 0 ? a : t`<div class="fill ${u}" style=${Re({ width: l(n) })}></div>`}
+        ${r.map((e) => t`<div
+              class="mark ${y(e.tone)}"
+              style=${Re({ left: `calc(${l(e.value)} - ${c(e.value / s) * 2}px)` })}
+              title="${e.label} ${H(e.value)}${i}"
+            ></div>`)}
+      </div>
+      <div class="legend">
+        <span class="value ${n === void 0 ? "none" : ""}">${n === void 0 ? "–" : `${H(n)}${i}`}</span>
+        ${r.map((e) => t`<span class=${y(e.tone)}
+              ><span class="mark-label">${e.label}</span> <span class="num">${H(e.value)}${i}</span></span
+            >`)}
+      </div>
+    </div>`;
+	}
+};
+u("kd-meter", ze);
+//#endregion
+//#region src/kd/elements/sheet.ts
+var Be = class extends c {
+	static properties = { data: {
+		attribute: "data",
+		converter: o
+	} };
+	static styles = [
+		i,
+		k,
+		l`
+      dl {
+        display: grid;
+        grid-template-columns: max-content minmax(0, 1fr);
+        margin: 0;
+        font-size: 13px;
+      }
+      dt,
+      dd {
+        margin: 0;
+        padding: 5px 12px 5px 0;
+        border-bottom: 1px solid var(--kd-border, transparent);
+      }
+      dt {
+        color: var(--kd-text-2, inherit);
+      }
+      dd {
+        overflow-wrap: anywhere;
+      }
+    `
+	];
+	render() {
+		let e = this.data;
+		if (!e || typeof e != "object") return a;
+		let n = Array.isArray(e) ? e : Object.entries(e).map(([e, t]) => ({
+			key: e,
+			value: t
+		}));
+		return t`<dl>
+      ${n.filter((e) => e && !D(e.value)).map((e) => t`<dt>${e.key}</dt><dd>${O(e.value)}</dd>`)}
+    </dl>`;
+	}
+};
+u("kd-sheet", Be);
+//#endregion
+//#region src/kd/elements/steps.ts
+var Ve = {
+	done: "success",
+	active: "primary",
+	failed: "error",
+	pending: "neutral"
+};
+function He(e, t) {
+	return e === "success" ? "✓" : e === "error" ? "✗" : e === "warning" ? "!" : String(t);
+}
+var Ue = class extends c {
+	static properties = { data: {
+		attribute: "data",
+		converter: o
+	} };
+	static styles = [
+		i,
+		b,
+		l`
+      ol {
+        display: flex;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+      }
+      li {
+        position: relative;
+        flex: 1;
+        min-width: 0;
+        text-align: center;
+      }
+      li + li::before {
+        content: '';
+        position: absolute;
+        top: 12px;
+        right: 50%;
+        width: 100%;
+        height: 2px;
+        background: var(--kd-border-strong, currentColor);
+        opacity: 0.6;
+      }
+      li.reached::before {
+        background: var(--tone);
+        opacity: 1;
+      }
+      .dot {
+        position: relative;
+        z-index: 1;
+        width: 26px;
+        height: 26px;
+        margin: 0 auto;
+        border-radius: 50%;
+        background: var(--tone);
+        color: var(--kd-bg, inherit);
+        font-size: 13px;
+        font-weight: 700;
+        line-height: 26px;
+      }
+      .neutral .dot {
+        border: 2px solid var(--tone-line);
+        background: var(--kd-bg, transparent);
+        color: var(--kd-text-2, inherit);
+        line-height: 22px;
+      }
+      .active .dot {
+        box-shadow: 0 0 0 3px color-mix(in srgb, var(--tone) 30%, transparent);
+      }
+      .label {
+        margin-top: 4px;
+        font-size: 12px;
+      }
+      .time,
+      .detail {
+        color: var(--kd-text-2, inherit);
+        font-size: 11px;
+      }
+      .detail {
+        display: -webkit-box;
+        overflow: hidden;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow-wrap: anywhere;
+      }
+    `
+	];
+	render() {
+		let e = Array.isArray(this.data) ? this.data : [];
+		return e.length ? t`<ol>
+      ${e.map((e, n) => {
+			let r = y(Ve[e.status] ?? e.status), i = `${r}${e.status === "done" || e.status === "success" ? " reached" : ""}${e.status === "active" ? " active" : ""}`;
+			return t`<li class=${i} title=${f(e.detail)}>
+          <div class="dot">${He(r, n + 1)}</div>
+          <div class="label">${e.label}</div>
+          ${e.time ? t`<div class="time">${e.time}</div>` : a}
+          ${e.detail ? t`<div class="detail">${e.detail}</div>` : a}
+        </li>`;
+		})}
+    </ol>` : a;
+	}
+};
+u("kd-steps", Ue);
+//#endregion
+//#region src/kd/elements/table.ts
+var We = class extends c {
+	static properties = {
+		data: {
+			attribute: "data",
+			converter: o
+		},
+		empty: {}
+	};
+	static styles = [
+		i,
+		k,
+		l`
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 13px;
+      }
+      th,
+      td {
+        padding: 6px 12px 6px 0;
+        border-bottom: 1px solid var(--kd-border, transparent);
+        text-align: left;
+        vertical-align: top;
+      }
+      th {
+        color: var(--kd-text-2, inherit);
+        font-size: 10px;
+        font-weight: 500;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+      }
+      .center {
+        text-align: center;
+      }
+      .right {
+        text-align: right;
+      }
+      /* Prose breaks anywhere so one hash in a message cannot widen the table;
+         links keep whole words and stop at 40ch with an ellipsis instead. */
+      td {
+        --kd-link-max: 40ch;
+        overflow-wrap: anywhere;
+      }
+      .nowrap {
+        white-space: nowrap;
+      }
+      .nowrap .cells {
+        flex-wrap: nowrap;
+      }
+      .none {
+        padding: 8px 0;
+        color: var(--kd-text-dim, inherit);
+      }
+    `
+	];
+	render() {
+		let e = this.data;
+		if (!e || typeof e != "object") return a;
+		let { columns: n, rows: r = [] } = Array.isArray(e) ? {
+			columns: void 0,
+			rows: e
+		} : e;
+		if (!r.length) return t`<div class="none">${this.empty ?? "none"}</div>`;
+		let i = n ?? [...new Set(r.flatMap((e) => Object.keys(e ?? {})))].map((e) => ({ key: e })), o = (e) => e.align === "right" || e.align === "center" ? e.align : "", s = (e) => [o(e), e.nowrap ? "nowrap" : ""].filter(Boolean).join(" ");
+		return t`<table>
+      <thead>
+        <tr>
+          ${i.map((e) => t`<th class=${o(e)}>${e.label ?? e.key}</th>`)}
+        </tr>
+      </thead>
+      <tbody>
+        ${r.map((e) => t`<tr>
+            ${i.map((n) => t`<td class=${s(n)}>${O(e?.[n.key])}</td>`)}
+          </tr>`)}
+      </tbody>
+    </table>`;
+	}
+};
+u("kd-table", We);
+//#endregion
+//#region src/kd/elements/tabs.ts
+var U = (e, t) => e.getAttribute("label") || `Tab ${t + 1}`, Ge = class extends c {
+	static properties = {
+		selected: {},
+		key: {}
+	};
+	static shadowRootOptions = {
+		...e.shadowRootOptions,
+		slotAssignment: "manual"
+	};
+	static styles = [i, l`
+      [role='tablist'] {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0 22px;
+        margin-bottom: 10px;
+        border-bottom: 1px solid var(--kd-border, transparent);
+      }
+      button {
+        margin: 0 0 -1px;
+        padding: 6px 1px;
+        border: none;
+        border-bottom: 2px solid transparent;
+        background: none;
+        color: var(--kd-text-2, inherit);
+        font: inherit;
+        font-size: 13px;
+        cursor: pointer;
+      }
+      button:hover {
+        color: var(--kd-text, inherit);
+      }
+      /* Grafana's own active tab is underlined in this orange. */
+      button[aria-selected='true'] {
+        border-bottom-color: var(--kd-warning, currentColor);
+        color: var(--kd-text, inherit);
+      }
+      .count {
+        margin-left: 2px;
+        color: var(--kd-text-dim, inherit);
+        font-size: 11px;
+      }
+    `];
+	#e;
+	connectedCallback() {
+		super.connectedCallback(), this.#e ??= new MutationObserver(() => this.requestUpdate()), this.#e.observe(this, {
+			childList: !0,
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: ["label", "count"]
+		});
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#e?.disconnect();
+	}
+	get #t() {
+		try {
+			return this.ownerDocument?.defaultView?.sessionStorage ?? void 0;
+		} catch {
+			return;
+		}
+	}
+	willUpdate(e) {
+		if (e.has("key") && this.key) try {
+			let e = this.#t?.getItem(`kd-tabs:${this.key}`);
+			e != null && (this.selected = e);
+		} catch {}
+	}
+	#n() {
+		return [...this.children];
+	}
+	#r(e) {
+		let t = this.selected;
+		if (t == null || t === "") return 0;
+		let n = e.findIndex((e, n) => U(e, n) === t);
+		if (n >= 0) return n;
+		let r = Number(t);
+		return Number.isInteger(r) && r >= 0 && r < e.length ? r : 0;
+	}
+	#i(e, t) {
+		let n = U(e[t], t);
+		if (this.key) try {
+			this.#t?.setItem(`kd-tabs:${this.key}`, n);
+		} catch {}
+		n !== this.selected && (this.selected = n, this.dispatchEvent(new CustomEvent("change", {
+			detail: {
+				label: n,
+				index: t
+			},
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	render() {
+		let e = this.#n();
+		if (!e.length) return a;
+		let n = this.#r(e);
+		return t`<div role="tablist">
+        ${e.map((r, i) => {
+			let o = r.getAttribute("count");
+			return t`<button
+            type="button"
+            role="tab"
+            aria-selected=${i === n ? "true" : "false"}
+            @click=${() => this.#i(e, i)}
+          >
+            ${U(r, i)}${o ? t`<span class="count">${o}</span>` : a}
+          </button>`;
+		})}
+      </div>
+      ${e.map((e, r) => t`<div role="tabpanel" ?hidden=${r !== n}><slot></slot></div>`)}`;
+	}
+	updated() {
+		let e = this.renderRoot.querySelectorAll("slot");
+		this.#n().forEach((t, n) => e[n]?.assign(t));
+	}
+};
+u("kd-tabs", Ge);
+//#endregion
+//#region src/kd/elements/tile.ts
+var Ke = class extends c {
+	static properties = {
+		icon: {},
+		label: {},
+		href: {}
+	};
+	static styles = [i, l`
+      a,
+      div {
+        display: block;
+        padding-top: 6px;
+        color: inherit;
+        text-align: center;
+        text-decoration: none;
+      }
+      .icon {
+        display: block;
+        height: 30px;
+        margin: 0 auto;
+        font-size: 30px;
+        line-height: 1;
+      }
+      .label {
+        display: block;
+        margin-top: 6px;
+        color: var(--kd-text-2, inherit);
+        font-size: 12px;
+      }
+    `];
+	render() {
+		let e = t`${x(this.icon)}<span class="label">${this.label ?? ""}</span>`, n = S(this.href);
+		if (!n) return t`<div>${e}</div>`;
+		let r = /^https?:/i.test(n);
+		return t`<a
+      href=${n}
+      target=${f(r ? "_blank" : void 0)}
+      rel=${f(r ? "noopener" : void 0)}
+      >${e}</a
+    >`;
+	}
+};
+u("kd-tile", Ke);
+//#endregion
+//#region src/kd/feed.ts
+function qe(e, t = {}) {
+	let r = e?.element;
+	if (!r) return [];
+	n(r, e.grafana?.theme);
+	let i = [];
+	for (let [e, n] of Object.entries(t)) {
+		let t;
+		try {
+			t = r.querySelectorAll(e);
+		} catch {
+			console.warn(`[kd] feed: not a selector: ${e}`);
+			continue;
+		}
+		for (let e of t) Object.assign(e, n), i.push(e);
+	}
+	return i;
+}
+function Je(e, t) {
+	let n = "${" + t + "}", r;
+	try {
+		r = e?.grafana?.replaceVariables?.(n);
+	} catch {
+		return "";
+	}
+	return typeof r == "string" && r !== n ? r : "";
+}
+//#endregion
+//#region src/kd/files/types.ts
+function W(e) {
+	return String(e ?? "").split("/").filter((e) => e !== "" && e !== ".").join("/");
+}
+function G(e) {
+	let t = W(e), n = t.lastIndexOf("/");
+	return n < 0 ? "" : t.slice(0, n);
+}
+function K(e) {
+	let t = W(e);
+	return t.slice(t.lastIndexOf("/") + 1);
+}
+function q(e) {
+	return e.name ?? K(e.path);
+}
+function J(e) {
+	let t = Number(e) || 0;
+	return t >= 1073741824 ? `${(t / 1073741824).toFixed(1)} GiB` : t >= 1048576 ? `${(t / 1048576).toFixed(1)} MiB` : t >= 1024 ? `${(t / 1024).toFixed(1)} KiB` : `${t} B`;
+}
+function Y(e) {
+	return e == null || e === "" ? NaN : typeof e == "number" ? e : Date.parse(e);
+}
+//#endregion
+//#region src/kd/files/static.ts
+var X = (e) => "children" in e;
+function Ye(e, t = {}) {
+	let n = {
+		entry: {
+			path: "",
+			type: "dir"
+		},
+		children: /* @__PURE__ */ new Map()
+	}, r = /* @__PURE__ */ new Map([["", n]]), i = (e) => {
+		let t = r.get(e);
+		if (t) return t;
+		let n = i(e.includes("/") ? e.slice(0, e.lastIndexOf("/")) : "");
+		return t = {
+			entry: {
+				path: e,
+				type: "dir"
+			},
+			children: /* @__PURE__ */ new Map()
+		}, r.set(e, t), n.children.set(K(e), t), t;
+	};
+	for (let t of e ?? []) {
+		if (!t || typeof t != "object") continue;
+		let e = W(t.path);
+		if (e) {
+			if (t.type === "dir") {
+				let n = i(e);
+				n.entry = {
+					...t,
+					path: e
+				};
+			} else {
+				let n = i(e.includes("/") ? e.slice(0, e.lastIndexOf("/")) : ""), r = K(e), a = n.children.get(r);
+				if (a && X(a)) continue;
+				n.children.set(r, {
+					...t,
+					path: e,
+					type: "file"
+				});
+			}
+		}
+	}
+	let a = (e) => {
+		if (!e.children.size) return e.entry;
+		let t = 0, n, r = -Infinity, i = {};
+		for (let o of e.children.values()) {
+			let e = X(o) ? a(o) : o;
+			t += Number(e.size) || 0;
+			let s = Y(e.modified);
+			s > r && (n = e.modified, r = s);
+			for (let [t, n] of Object.entries(e.stats ?? {})) typeof n == "number" && Number.isFinite(n) && (i[t] = (i[t] ?? 0) + n);
+		}
+		return e.entry = {
+			...e.entry,
+			size: t,
+			stats: i,
+			...n === void 0 ? {} : { modified: n }
+		}, e.entry;
+	};
+	return a(n), {
+		list(e) {
+			let t = r.get(W(e));
+			return t ? Promise.resolve([...t.children.values()].map((e) => X(e) ? e.entry : e)) : Promise.reject(/* @__PURE__ */ Error(`no folder ${W(e) || "/"}`));
+		},
+		...t.read ? { read: t.read } : {},
+		capabilities: {
+			read: !!t.read,
+			write: !1,
+			rename: !1
+		}
+	};
+}
+//#endregion
+//#region src/kd/files/explorer.ts
+var Xe = [{
+	key: "size",
+	kind: "size"
+}], Ze = 2e4, Z = (e) => e.kind ?? (e.key === "size" ? "size" : e.key === "modified" ? "modified" : "stat"), Qe = (e, t) => q(e).localeCompare(q(t), void 0, {
+	sensitivity: "base",
+	numeric: !0
+});
+function Q(e) {
+	return e == null ? "" : Array.isArray(e) ? e.map(Q).join(" ") : typeof e == "object" ? "text" in e ? String(e.text) : "code" in e ? String(e.code) : "" : String(e);
+}
+function $e(e, t, n) {
+	switch (n) {
+		case "name": return q(e);
+		case "size": return Number(e.size) || 0;
+		case "modified": {
+			let t = Y(e.modified);
+			return Number.isNaN(t) ? -Infinity : t;
+		}
+		case "cell": return Q(e.cells?.[t]);
+		default: return Number(e.stats?.[t]) || 0;
+	}
+}
+var et = (e, t, n) => `${e} ${e === 1 ? t : n}`, tt = r`<path d="M1.5 3.5h4.5l1.5 1.5h7v8.5h-13z" />`, nt = r`<path d="M3.5 1.5h6l3 3v10h-9z" /><path d="M9.5 1.5v3h3" />`, rt = (e) => t`<svg class="ico" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round" aria-hidden="true">
+    ${e ? tt : nt}
+  </svg>`;
+function it(e) {
+	let t = Y(e);
+	return Number.isNaN(t) ? "" : new Date(t).toISOString().slice(0, 10);
+}
+var at = class extends c {
+	static properties = {
+		provider: { attribute: !1 },
+		entries: {
+			attribute: "entries",
+			converter: o
+		},
+		columns: {
+			attribute: "columns",
+			converter: o
+		},
+		selected: {},
+		variable: {},
+		key: {},
+		valuePrefix: { attribute: "value-prefix" },
+		label: {},
+		filter: { type: Boolean },
+		empty: {}
+	};
+	static styles = [
+		i,
+		b,
+		k,
+		l`
+      :host {
+        font-size: 13px;
+      }
+      .bar {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 6px 10px;
+        padding: 2px 0 8px;
+      }
+      .crumbs {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 4px;
+        min-width: 0;
+        font-size: 14px;
+      }
+      .sep,
+      .dim,
+      .tot {
+        color: var(--kd-text-dim, inherit);
+      }
+      .tot {
+        margin-left: auto;
+        font-size: 12px;
+      }
+      button.crumb {
+        padding: 0;
+        border: none;
+        background: none;
+        color: var(--kd-link, inherit);
+        font: inherit;
+        font-weight: 500;
+        cursor: pointer;
+      }
+      button.crumb:hover {
+        text-decoration: underline;
+      }
+      button.crumb[aria-current='page'] {
+        color: var(--kd-text, inherit);
+        cursor: default;
+        text-decoration: none;
+      }
+      input {
+        flex: 1 1 160px;
+        max-width: 280px;
+        padding: 3px 8px;
+        border: 1px solid var(--kd-border-strong, currentColor);
+        border-radius: var(--kd-radius, 4px);
+        background: transparent;
+        color: inherit;
+        font: inherit;
+      }
+      .rows {
+        outline: none;
+      }
+      .rows:focus-visible {
+        box-shadow: inset 0 0 0 1px var(--kd-primary, currentColor);
+      }
+      table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+      th {
+        padding: 4px 6px;
+        text-align: left;
+        white-space: nowrap;
+      }
+      th:first-child,
+      td:first-child {
+        padding-left: 10px;
+      }
+      button.sort {
+        padding: 2px 0;
+        border: none;
+        background: none;
+        color: var(--kd-text-2, inherit);
+        font: inherit;
+        font-size: 10px;
+        font-weight: 500;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        white-space: nowrap;
+        cursor: pointer;
+        user-select: none;
+      }
+      button.sort:hover,
+      button.sort:focus-visible {
+        color: var(--kd-text, inherit);
+      }
+      button.sort:focus-visible {
+        outline: 1px solid var(--kd-primary, currentColor);
+        outline-offset: 1px;
+      }
+      .glyph {
+        font-size: 12px;
+        letter-spacing: 0;
+      }
+      th[aria-sort='ascending'] button.sort::after {
+        content: ' ▲';
+      }
+      th[aria-sort='descending'] button.sort::after {
+        content: ' ▼';
+      }
+      td {
+        padding: 4px 6px;
+        border-top: 1px solid var(--kd-border, transparent);
+        vertical-align: middle;
+      }
+      .num {
+        width: 1%;
+        text-align: right;
+        white-space: nowrap;
+      }
+      /* The name takes what the numbers leave, down to the .name min-width, and ellipsises. */
+      td.cell-name {
+        width: 100%;
+        max-width: 0;
+      }
+      tbody tr {
+        cursor: pointer;
+      }
+      tbody tr:hover td {
+        background: color-mix(in srgb, var(--kd-text, currentColor) 5%, transparent);
+      }
+      tr.cursor td {
+        background: color-mix(in srgb, var(--kd-text, currentColor) 8%, transparent);
+      }
+      tr[aria-selected='true'] td {
+        background: color-mix(in srgb, var(--kd-primary, currentColor) 16%, transparent);
+      }
+      .name {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        min-width: 6em;
+        white-space: nowrap;
+      }
+      .ico {
+        flex: none;
+        width: 14px;
+        height: 14px;
+        color: var(--kd-text-2, inherit);
+      }
+      .dir .ico {
+        color: var(--kd-link, inherit);
+      }
+      .label,
+      .under {
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      .under {
+        flex: 0 1000 auto;
+      }
+      .partial,
+      a.ext {
+        flex: none;
+      }
+      .dir .label {
+        color: var(--kd-link, inherit);
+        font-weight: 500;
+      }
+      .partial {
+        font-size: 11px;
+        font-style: italic;
+      }
+      a.ext {
+        color: var(--kd-text-dim, inherit);
+        text-decoration: none;
+      }
+      a.ext:hover {
+        color: var(--kd-link, inherit);
+      }
+      .stat {
+        font-weight: 600;
+      }
+      .stat.primary,
+      .stat.success,
+      .stat.warning,
+      .stat.error,
+      .stat.info {
+        color: var(--tone-ink);
+      }
+      .none {
+        padding: 8px 10px;
+        color: var(--kd-text-dim, inherit);
+      }
+    `
+	];
+	#e;
+	#t;
+	#n = !1;
+	#r = null;
+	#i = !1;
+	#a;
+	#o;
+	#s = [];
+	#c;
+	#l = "";
+	#u = 0;
+	#d = "";
+	#f;
+	#p;
+	#m = 0;
+	#h = {
+		key: "name",
+		dir: 1
+	};
+	#g = -1;
+	#_ = !1;
+	get folder() {
+		return this.#t ?? "";
+	}
+	get selectedPath() {
+		let e = String(this.selected ?? ""), t = this.valuePrefix ?? "";
+		return t ? e.startsWith(t) ? W(e.slice(t.length)) : "" : W(e);
+	}
+	get #v() {
+		try {
+			return this.ownerDocument?.defaultView?.sessionStorage ?? void 0;
+		} catch {
+			return;
+		}
+	}
+	#y(e) {
+		if (!this.key) return null;
+		try {
+			return this.#v?.getItem(`kd-files:${this.key}${e}`) ?? null;
+		} catch {
+			return null;
+		}
+	}
+	#b(e, t) {
+		if (this.key) try {
+			this.#v?.setItem(`kd-files:${this.key}${e}`, t);
+		} catch {}
+	}
+	willUpdate(e) {
+		let t = !1;
+		if (e.has("provider") || e.has("entries")) {
+			let e = this.#e;
+			this.#e = this.provider ?? (this.entries ? Ye(this.entries) : void 0), e || (this.#c = void 0), t = !0;
+		}
+		if (e.has("key")) {
+			let e = /^(.*):(1|-1)$/.exec(this.#y(":sort") ?? "");
+			e && (this.#h = {
+				key: e[1],
+				dir: Number(e[2])
+			});
+		}
+		let n = this.selectedPath;
+		if (this.#t === void 0) {
+			let e = this.#y("");
+			this.#n = e !== null, this.#r = this.#y(":selected"), this.#t = e !== null && (!n || this.#x()) ? W(e) : n ? G(n) : "", this.#a = n || void 0, t = !0;
+		} else if (n && n !== this.#a) {
+			let e = this.#a === void 0;
+			this.#a = n;
+			let r = e && this.#n && this.#x();
+			n !== this.#o && !r && G(n) !== this.#t && (this.#t = G(n), this.#i = !1, this.#d = "", this.#p = void 0, t = !0);
+		}
+		t && this.#C();
+	}
+	#x() {
+		return this.#r === String(this.selected ?? "");
+	}
+	#S(e) {
+		this.#b("", e), this.#b(":selected", String(this.selected ?? ""));
+	}
+	#C() {
+		let e = this.#e, t = this.#t ?? "", n = ++this.#u;
+		if (!e) {
+			this.#s = [], this.#c = t;
+			return;
+		}
+		let r;
+		try {
+			r = Promise.resolve(e.list(t));
+		} catch (e) {
+			r = Promise.reject(e);
+		}
+		r.then((e) => {
+			if (n !== this.#u) return;
+			this.#s = Array.isArray(e) ? e.filter((e) => e && typeof e.path == "string") : [];
+			let r = this.#c !== t;
+			this.#c = t, this.#l = "", r && (this.#g = -1), this.#d.trim() && this.#w(), this.requestUpdate();
+		}, (e) => {
+			if (n === this.#u) {
+				if (t !== "" && !this.#i) {
+					let e = G(this.selectedPath);
+					this.#t = e && e !== t ? e : "", this.#C();
+				} else this.#s = [], this.#c = t, this.#l = e instanceof Error ? e.message : String(e), this.requestUpdate();
+			}
+		});
+	}
+	#w() {
+		let e = this.#e, t = this.#d.trim().toLowerCase(), n = ++this.#m;
+		if (!e || !t) {
+			this.#p = void 0;
+			return;
+		}
+		let r = this.#t ?? "", i = [];
+		(async () => {
+			let a = 0, o = [r];
+			for (; o.length && a < Ze;) {
+				let s = o.shift(), c;
+				try {
+					c = s === this.#c ? this.#s : await e.list(s);
+				} catch {
+					continue;
+				}
+				if (n !== this.#m) return;
+				for (let e of c) {
+					if (a += 1, e.type === "dir" && !e.partial && o.push(W(e.path)), !q(e).toLowerCase().includes(t)) continue;
+					let n = s === r ? void 0 : s.slice(r ? r.length + 1 : 0);
+					i.push({
+						entry: e,
+						under: n
+					});
+				}
+			}
+			n === this.#m && (this.#p = i, this.requestUpdate());
+		})();
+	}
+	#T(e, t) {
+		let n = W(e);
+		this.#t = n, this.#i = !0, this.#f = t, this.#d = "", this.#p = void 0, this.#m++, this.#g = -1, this.#S(n), this.dispatchEvent(new CustomEvent("navigate", {
+			detail: {
+				path: n,
+				entry: t
+			},
+			bubbles: !0,
+			composed: !0
+		})), this.#C(), this.requestUpdate();
+	}
+	#E(e) {
+		let t = W(e.path), n = new CustomEvent("select", {
+			detail: {
+				path: t,
+				entry: e
+			},
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		});
+		if (!this.dispatchEvent(n)) return;
+		let r = `${this.valuePrefix ?? ""}${t}`;
+		this.#o = t, this.#a = t, this.selected = r, this.#S(this.#t ?? ""), this.variable && d(this, this.variable, r);
+	}
+	#D(e) {
+		e.up ? this.#T(G(this.#t ?? "")) : e.entry.type === "dir" ? this.#T(e.entry.path, e.entry) : this.#E(e.entry);
+	}
+	#O(e) {
+		let t = this.#h.key === e ? this.#h.dir === 1 ? -1 : 1 : e === "name" ? 1 : -1;
+		this.#h = {
+			key: e,
+			dir: t
+		}, this.#b(":sort", `${e}:${t}`), this.requestUpdate();
+	}
+	get #k() {
+		return Array.isArray(this.columns) ? this.columns.filter((e) => e && typeof e.key == "string") : Xe;
+	}
+	#A() {
+		let e = this.#t ?? "";
+		if (this.#c !== e) return [];
+		let t = this.#d.trim().toLowerCase(), n = this.#p ?? this.#s.filter((e) => !t || q(e).toLowerCase().includes(t)).map((e) => ({ entry: e })), { key: r, dir: i } = this.#h, a = this.#k.find((e) => e.key === r), o = r === "name" || !a ? "name" : Z(a), s = [...n].sort((e, t) => {
+			let n = (e.under === void 0 ? 0 : 1) - (t.under === void 0 ? 0 : 1);
+			if (n) return n;
+			let a = (e.entry.type === "dir" ? 0 : 1) - (t.entry.type === "dir" ? 0 : 1);
+			if (a) return a;
+			let s = $e(e.entry, r, o), c = $e(t.entry, r, o);
+			return (typeof s == "string" || typeof c == "string" ? String(s).localeCompare(String(c), void 0, {
+				sensitivity: "base",
+				numeric: !0
+			}) : s - c) * i || (e.under ?? "").localeCompare(t.under ?? "") || Qe(e.entry, t.entry);
+		});
+		return e ? [{
+			entry: {
+				path: G(e),
+				type: "dir",
+				name: ".."
+			},
+			up: !0
+		}, ...s] : s;
+	}
+	#j(e, t) {
+		if (e.target !== e.currentTarget) return;
+		let n = (n) => {
+			e.preventDefault(), this.#g = Math.max(0, Math.min(t.length - 1, n)), this.#_ = !0, this.requestUpdate();
+		}, r = this.#g;
+		switch (e.key) {
+			case "ArrowDown": return n(r + 1);
+			case "ArrowUp": return n(r - 1);
+			case "Home": return n(0);
+			case "End": return n(t.length - 1);
+			case "Enter":
+			case "ArrowRight":
+				t[r] && (e.key === "Enter" || t[r].entry.type === "dir") && (e.preventDefault(), this.#D(t[r]));
+				return;
+			case "Backspace":
+			case "ArrowLeft":
+				this.#t && (e.preventDefault(), this.#T(G(this.#t)));
+				return;
+		}
+	}
+	#M(e) {
+		e.key === "Escape" ? this.#N("") : e.key === "ArrowDown" && (e.preventDefault(), this.#g = 0, this.renderRoot.querySelector(".rows")?.focus(), this.requestUpdate());
+	}
+	#N(e) {
+		this.#d = e, this.#p = void 0, this.#g = -1, this.#w(), this.requestUpdate();
+	}
+	updated() {
+		this.#_ && (this.#_ = !1, this.renderRoot.querySelector("tr.cursor")?.scrollIntoView?.({ block: "nearest" }));
+	}
+	#P(e) {
+		let n = e ? e.split("/") : [], r = (e, n, r) => t`<button
+        type="button"
+        class="crumb"
+        aria-current=${f(r ? "page" : void 0)}
+        @click=${() => !r && this.#T(n)}
+      >
+        ${e}
+      </button>`;
+		return t`<nav class="crumbs" aria-label="Folder">
+      ${r(this.label || "/", "", !n.length)}
+      ${n.map((e, i) => t`${i || this.label ? t`<span class="sep">/</span>` : a}${r(e, n.slice(0, i + 1).join("/"), i === n.length - 1)}`)}
+    </nav>`;
+	}
+	#F(e, n) {
+		switch (Z(n)) {
+			case "size": return e.size === void 0 && e.type === "dir" ? "" : J(e.size);
+			case "modified": return t`<span title=${f(e.modified === void 0 ? void 0 : String(e.modified))}
+          >${it(e.modified)}</span
+        >`;
+			case "cell": return O(e.cells?.[n.key]);
+			default: {
+				let r = Number(e.stats?.[n.key]) || 0;
+				if (!r) return "";
+				let i = `stat ${n.tone ? y(n.tone) : ""}`;
+				return t`<span class=${i} title=${`${n.label ?? n.key}: ${r}`}>${n.icon ?? ""}${r.toLocaleString("en")}</span>`;
+			}
+		}
+	}
+	#I(e, n, r, i) {
+		let { entry: o } = e, s = o.type === "dir", c = e.up ? void 0 : S(o.href), l = !s && !!r && W(o.path) === r;
+		return t`<tr
+      class=${[s ? "dir" : "file", n === this.#g ? "cursor" : ""].join(" ")}
+      aria-selected=${l ? "true" : "false"}
+      @click=${() => {
+			this.#g = n, this.#D(e);
+		}}
+    >
+      <td class="cell-name">
+        <span class="name">
+          ${rt(s)}
+          ${e.under ? t`<span class="under dim" title=${`${e.under}/`}>${e.under}/</span>` : a}
+          <span class="label" title=${q(o)}>${q(o)}</span>
+          ${o.partial ? t`<span class="partial dim" title="The provider could not list this folder">not listed</span>` : a}
+          ${c ? t`<a class="ext" href=${c} target="_blank" rel="noopener" title="Open" @click=${(e) => e.stopPropagation()}
+                >↗</a
+              >` : a}
+        </span>
+      </td>
+      ${i.map((n) => t`<td class=${Z(n) === "cell" ? "" : "num"}>${e.up ? "" : this.#F(o, n)}</td>`)}
+    </tr>`;
+	}
+	render() {
+		let e = this.#t ?? "", n = this.#k, r = this.#A(), i = this.#c === e, o = r.filter((e) => !e.up && e.under === void 0), s = o.filter((e) => e.entry.type === "dir").length, c = this.#s.reduce((e, t) => e + (Number(t.size) || 0), 0), l = this.selectedPath, u = (e, n, r, i, a) => {
+			let o = this.#h.key === e ? this.#h.dir === 1 ? "ascending" : "descending" : void 0, s = i ? a ? `${n}: ${a}` : n : a;
+			return t`<th class=${r ? "num" : ""} aria-sort=${f(o)}>
+        <button
+          type="button"
+          class="sort"
+          title=${f(s)}
+          aria-label=${f(i ? n : void 0)}
+          @click=${() => this.#O(e)}
+        >
+          ${i ? t`<span class="glyph" aria-hidden="true">${i}</span>` : n}
+        </button>
+      </th>`;
+		}, d;
+		if (!i) d = t`<div class="none">Loading…</div>`;
+		else if (this.#l) d = t`<div class="none">${this.#l}</div>`;
+		else {
+			let i = this.#s.length ? void 0 : this.#L(e), o = this.#d.trim() && r.every((e) => e.up);
+			d = t`<div class="rows" tabindex="0" @keydown=${(e) => this.#j(e, r)}>
+        <table>
+          <thead>
+            <tr>
+              ${u("name", "Name", !1)}
+              ${n.map((e) => u(e.key, e.label ?? e.key, Z(e) !== "cell", e.icon?.trim() || void 0, e.title))}
+            </tr>
+          </thead>
+          <tbody>
+            ${r.map((e, t) => this.#I(e, t, l, n))}
+          </tbody>
+        </table>
+        ${i ?? (o ? t`<div class="none">No matches.</div>` : a)}
+      </div>`;
+		}
+		return t`<div class="bar">
+        ${this.#P(e)}
+        ${this.filter ? t`<input
+              type="search"
+              placeholder="Filter"
+              aria-label="Filter"
+              .value=${this.#d}
+              @input=${(e) => this.#N(e.target.value)}
+              @keydown=${(e) => this.#M(e)}
+            />` : a}
+        ${i && !this.#l ? t`<span class="tot"
+              >${[
+			s ? et(s, "folder", "folders") : "",
+			o.length - s || !s ? et(o.length - s, "file", "files") : "",
+			J(c)
+		].filter(Boolean).join(" · ")}</span
+            >` : a}
+      </div>
+      ${d}`;
+	}
+	#L(e) {
+		let n = this.#f;
+		if (n?.partial && W(n.path) === e) {
+			let e = S(n.href);
+			return t`<div class="none">
+        This folder was not listed.
+        ${e ? t`<a class="ext" href=${e} target="_blank" rel="noopener">Open it ↗</a>` : a}
+      </div>`;
+		}
+		return t`<div class="none">${this.empty ?? (e ? "This folder is empty." : "No files.")}</div>`;
+	}
+};
+u("kd-files", at);
+//#endregion
+//#region src/kd/files/file.ts
+var ot = /* @__PURE__ */ new Set([
+	"md",
+	"markdown",
+	"mdown",
+	"mkd",
+	"mdx"
+]), st = /* @__PURE__ */ new Set([
+	"png",
+	"jpg",
+	"jpeg",
+	"gif",
+	"webp",
+	"svg",
+	"avif",
+	"ico",
+	"bmp",
+	"apng"
+]), ct = new Set("zip gz tgz bz2 xz zst 7z rar tar jar war class pdf woff woff2 ttf otf eot exe dll so dylib a o wasm mp3 mp4 m4a mov avi mkv webm ogg wav flac psd sqlite db bin dat iso dmg pyc".split(" ")), lt = /^application\/(json|xml|javascript|ecmascript|x-javascript|yaml|x-yaml|toml|x-toml|sql|graphql|x-sh|x-shellscript|x-httpd-php|ld\+json)$|[+](json|xml|yaml)$/, ut = 8e3, dt = (e) => {
+	let t = K(e).toLowerCase(), n = t.lastIndexOf(".");
+	return n > 0 ? t.slice(n + 1) : "";
+};
+function ft(e, t) {
+	let n = dt(e), r = String(t ?? "").split(";")[0].trim().toLowerCase();
+	if (r === "markdown" || r === "text/markdown" || r === "text/x-markdown") return "markdown";
+	if (r === "image" || r.startsWith("image/")) return "image";
+	if (r === "binary") return "binary";
+	if (r === "code" || r === "text" || r.startsWith("text/") || lt.test(r)) return ot.has(n) && (r === "text" || r === "text/plain") ? "markdown" : "code";
+	if (r && r !== "application/octet-stream") return "binary";
+	if (ot.has(n)) return "markdown";
+	if (st.has(n)) return "image";
+	if (ct.has(n)) return "binary";
+}
+function $(e) {
+	let t = e.slice(0, ut);
+	if (!t) return !1;
+	if (t.includes("\0")) return !0;
+	let n = 0;
+	for (let e = 0; e < t.length; e += 1) {
+		let r = t.charCodeAt(e);
+		(r < 32 && r !== 9 && r !== 10 && r !== 12 && r !== 13 || r === 65533) && (n += 1);
+	}
+	return n / t.length > .1;
+}
+async function pt(e) {
+	let t = new Uint8Array(await e.arrayBuffer());
+	if (t.subarray(0, ut).includes(0)) return null;
+	let n = new TextDecoder("utf-8").decode(t);
+	return $(n) ? null : n;
+}
+var mt = (e) => e && /^(https?:|blob:|data:image\/|\/|\.{0,2}\/|[^:]*$)/i.test(e.trim()) ? e : void 0, ht = class extends c {
+	static properties = {
+		path: {},
+		text: {},
+		blob: { attribute: !1 },
+		src: {},
+		type: {},
+		size: { type: Number },
+		links: {
+			attribute: "links",
+			converter: o
+		},
+		provider: { attribute: !1 },
+		base: { attribute: !1 },
+		truncated: { type: Boolean },
+		empty: {}
+	};
+	static styles = [i, l`
+      :host {
+        font-size: 13px;
+      }
+      .head {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: baseline;
+        gap: 4px 10px;
+        padding: 2px 0 8px;
+        border-bottom: 1px solid var(--kd-border, transparent);
+        margin-bottom: 8px;
+      }
+      .path {
+        min-width: 0;
+        font-family: var(--kd-font-mono, monospace);
+        overflow-wrap: anywhere;
+      }
+      .dirs,
+      .meta,
+      .none {
+        color: var(--kd-text-dim, inherit);
+      }
+      .name {
+        font-weight: 600;
+      }
+      .meta {
+        font-size: 12px;
+      }
+      .links {
+        display: inline-flex;
+        gap: 10px;
+        margin-left: auto;
+      }
+      .links a {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        color: var(--kd-link, inherit);
+        text-decoration: none;
+      }
+      .links a:hover {
+        text-decoration: underline;
+      }
+      .icon {
+        width: 16px;
+        height: 16px;
+      }
+      img.image {
+        display: block;
+        max-width: 100%;
+        height: auto;
+      }
+      .none {
+        padding: 8px 0;
+      }
+    `];
+	#e;
+	#t = !1;
+	#n = "";
+	#r = 0;
+	#i;
+	#a;
+	#o;
+	get #s() {
+		return this.text !== void 0 || this.blob !== void 0 || !!this.src;
+	}
+	willUpdate(e) {
+		if (!e.has("provider") && !e.has("path") && !e.has("text") && !e.has("blob") && !e.has("src")) return;
+		let t = ++this.#r;
+		this.#e = void 0, this.#n = "", this.#t = !1;
+		let n = W(this.path), r = this.provider;
+		if (this.#s || !n || typeof r?.read != "function") return;
+		this.#t = !0;
+		let i;
+		try {
+			i = Promise.resolve(r.read(n));
+		} catch (e) {
+			i = Promise.reject(e);
+		}
+		i.then((e) => {
+			t === this.#r && (this.#e = e ?? {}, this.#t = !1, this.requestUpdate());
+		}, (e) => {
+			t === this.#r && (this.#n = e instanceof Error ? e.message : String(e), this.#t = !1, this.requestUpdate());
+		});
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#c();
+	}
+	#c() {
+		this.#a && URL.revokeObjectURL(this.#a.url), this.#a = void 0;
+	}
+	#l(e) {
+		return this.#a?.blob !== e && (this.#c(), this.#a = {
+			blob: e,
+			url: URL.createObjectURL(e)
+		}), this.#a.url;
+	}
+	#u(e) {
+		return this.#o?.text !== e && (this.#o = {
+			text: e,
+			blob: new Blob([e], { type: "image/svg+xml" })
+		}), this.#o.blob;
+	}
+	#d(e) {
+		if (this.#i?.blob === e) return this.#i.text;
+		pt(e).then((t) => {
+			this.#i = {
+				blob: e,
+				text: t
+			}, this.requestUpdate();
+		}, () => {
+			this.#i = {
+				blob: e,
+				text: null
+			}, this.requestUpdate();
+		});
+	}
+	#f(e, n, r) {
+		let i = e.lastIndexOf("/"), o = (Array.isArray(this.links) ? this.links : []).filter((e) => e && S(e.href));
+		return t`<div class="head">
+      <span class="path"
+        >${i >= 0 ? t`<span class="dirs">${e.slice(0, i + 1)}</span>` : a}<span class="name"
+          >${e.slice(i + 1)}</span
+        ></span
+      >
+      ${n !== void 0 || r ? t`<span class="meta">${[n === void 0 ? "" : J(n), r].filter(Boolean).join(" · ")}</span>` : a}
+      ${o.length ? t`<span class="links">
+            ${o.map((e) => t`<a href=${S(e.href) ?? ""} target="_blank" rel="noopener" title=${f(e.title ?? e.text)}
+                >${x(e.icon)}${e.text ?? ""}</a
+              >`)}
+          </span>` : a}
+    </div>`;
+	}
+	render() {
+		let e = W(this.path), n = this.#e ?? {}, r = this.text ?? n.text, i = this.blob ?? n.blob, o = this.type ?? n.type ?? (i?.type || void 0), s = this.size ?? n.size ?? i?.size ?? (r === void 0 ? void 0 : new TextEncoder().encode(r).length);
+		if (!e && !r && !i && !this.src) return t`<div class="none">${this.empty ?? "No file selected."}</div>`;
+		let c = ft(e, o), l = a, u = r;
+		if (this.#t) l = t`<div class="none">Loading…</div>`;
+		else if (this.#n) l = t`<div class="none">Could not read this file: ${this.#n}</div>`;
+		else if (c === "image") {
+			let n = i ?? (u !== void 0 && /^\s*</.test(u) ? this.#u(u) : void 0), r = n ? this.#l(n) : mt(this.src);
+			l = r ? t`<img class="image" src=${r} alt=${K(e)} />` : t`<div class="none">An image with nothing to show.</div>`;
+		} else if (u === void 0 && i && c !== "binary") {
+			let e = this.#d(i);
+			e === void 0 ? l = t`<div class="none">Loading…</div>` : e === null ? c = "binary" : u = e;
+		} else u !== void 0 && c === void 0 && $(u) && (c = "binary");
+		l === a && (l = c === "binary" || u === void 0 ? t`<div class="none">
+          ${c === "binary" ? "A binary file" : "A file"} with no text to show${s === void 0 ? "" : `, ${J(s)}`}${o ? ` (${o})` : ""}.
+        </div>` : c === "markdown" ? t`<kd-markdown .markdown=${u} .base=${this.base}></kd-markdown>` : t`<kd-code .text=${u} .filename=${K(e)}></kd-code>`);
+		let d = c === "binary" ? "binary" : "";
+		return t`${e ? this.#f(e, s, d) : a}${l}${this.truncated ? t`<div class="none">Only the start of this file was loaded.</div>` : a}`;
+	}
+};
+u("kd-file", ht);
+//#endregion
+export { A, b as B, V as C, B as D, xe as E, T as F, ee as G, p as H, C as I, te as K, x as L, D as M, O as N, F as O, E as P, S as R, Pe as S, Ce as T, de as U, fe as V, v as W, We as _, at as a, ze as b, G as c, Y as d, W as f, Ge as g, Ke as h, $ as i, k as j, R as k, q as l, Je as m, pt as n, Ye as o, qe as p, ft as r, K as s, ht as t, J as u, Ue as v, Ne as w, Fe as x, Be as y, y as z };
+
+//# sourceMappingURL=kd-B0BcpOG_.js.map