@webskill/sdk 0.2.6 → 0.2.7

package/dist/webskillLitCatalog-CNaUpasU-CfSRvqCZ.js

@@ -0,0 +1,1601 @@
+import { dt as renderMiniMarkdown, et as A2UI_CHILDREN_PROP, ft as uiCatalog, it as WEBSKILL_A2UI_CATALOG_ID, ot as a2uiComponentShapes, ut as renderMiniChart } from "./dist-CtBLBbEz.js";
+import { A2uiController, A2uiLitElement } from "@a2ui/lit/v0_9";
+import { Catalog } from "@a2ui/web_core/v0_9";
+import { z } from "zod/v3";
+
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/lib/element-internals.js
+/**
+* @license
+* Copyright 2023 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const ElementInternalsShim = class ElementInternals {
+	get shadowRoot() {
+		return this.__host.__shadowRoot;
+	}
+	constructor(_host) {
+		this.ariaActiveDescendantElement = null;
+		this.ariaAtomic = "";
+		this.ariaAutoComplete = "";
+		this.ariaBrailleLabel = "";
+		this.ariaBrailleRoleDescription = "";
+		this.ariaBusy = "";
+		this.ariaChecked = "";
+		this.ariaColCount = "";
+		this.ariaColIndex = "";
+		this.ariaColIndexText = "";
+		this.ariaColSpan = "";
+		this.ariaControlsElements = null;
+		this.ariaCurrent = "";
+		this.ariaDescribedByElements = null;
+		this.ariaDescription = "";
+		this.ariaDetailsElements = null;
+		this.ariaDisabled = "";
+		this.ariaErrorMessageElements = null;
+		this.ariaExpanded = "";
+		this.ariaFlowToElements = null;
+		this.ariaHasPopup = "";
+		this.ariaHidden = "";
+		this.ariaInvalid = "";
+		this.ariaKeyShortcuts = "";
+		this.ariaLabel = "";
+		this.ariaLabelledByElements = null;
+		this.ariaLevel = "";
+		this.ariaLive = "";
+		this.ariaModal = "";
+		this.ariaMultiLine = "";
+		this.ariaMultiSelectable = "";
+		this.ariaOrientation = "";
+		this.ariaOwnsElements = null;
+		this.ariaPlaceholder = "";
+		this.ariaPosInSet = "";
+		this.ariaPressed = "";
+		this.ariaReadOnly = "";
+		this.ariaRelevant = "";
+		this.ariaRequired = "";
+		this.ariaRoleDescription = "";
+		this.ariaRowCount = "";
+		this.ariaRowIndex = "";
+		this.ariaRowIndexText = "";
+		this.ariaRowSpan = "";
+		this.ariaSelected = "";
+		this.ariaSetSize = "";
+		this.ariaSort = "";
+		this.ariaValueMax = "";
+		this.ariaValueMin = "";
+		this.ariaValueNow = "";
+		this.ariaValueText = "";
+		this.role = "";
+		this.form = null;
+		this.labels = [];
+		this.states = /* @__PURE__ */ new Set();
+		this.validationMessage = "";
+		this.validity = {};
+		this.willValidate = true;
+		this.__host = _host;
+	}
+	checkValidity() {
+		console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true.");
+		return true;
+	}
+	reportValidity() {
+		return true;
+	}
+	setFormValue() {}
+	setValidity() {}
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/lib/events.js
+/**
+* @license
+* Copyright 2023 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var __classPrivateFieldSet = void 0 && (void 0).__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+	if (kind === "m") throw new TypeError("Private method is not writable");
+	if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+	if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+	return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet = void 0 && (void 0).__classPrivateFieldGet || function(receiver, state, kind, f) {
+	if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+	if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+	return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Event_cancelable;
+var _Event_bubbles;
+var _Event_composed;
+var _Event_defaultPrevented;
+var _Event_timestamp;
+var _Event_propagationStopped;
+var _Event_type;
+var _Event_target;
+var _Event_isBeingDispatched;
+var _a$1;
+var _CustomEvent_detail;
+var _b;
+const NONE = 0;
+const CAPTURING_PHASE = 1;
+const AT_TARGET = 2;
+const BUBBLING_PHASE = 3;
+const enumerableProperty$1 = { __proto__: null };
+enumerableProperty$1.enumerable = true;
+Object.freeze(enumerableProperty$1);
+const EventShim = (_a$1 = class Event {
+	constructor(type, options = {}) {
+		_Event_cancelable.set(this, false);
+		_Event_bubbles.set(this, false);
+		_Event_composed.set(this, false);
+		_Event_defaultPrevented.set(this, false);
+		_Event_timestamp.set(this, Date.now());
+		_Event_propagationStopped.set(this, false);
+		_Event_type.set(this, void 0);
+		_Event_target.set(this, void 0);
+		_Event_isBeingDispatched.set(this, void 0);
+		this.NONE = NONE;
+		this.CAPTURING_PHASE = CAPTURING_PHASE;
+		this.AT_TARGET = AT_TARGET;
+		this.BUBBLING_PHASE = BUBBLING_PHASE;
+		if (arguments.length === 0) throw new Error(`The type argument must be specified`);
+		if (typeof options !== "object" || !options) throw new Error(`The "options" argument must be an object`);
+		const { bubbles, cancelable, composed } = options;
+		__classPrivateFieldSet(this, _Event_cancelable, !!cancelable, "f");
+		__classPrivateFieldSet(this, _Event_bubbles, !!bubbles, "f");
+		__classPrivateFieldSet(this, _Event_composed, !!composed, "f");
+		__classPrivateFieldSet(this, _Event_type, `${type}`, "f");
+		__classPrivateFieldSet(this, _Event_target, null, "f");
+		__classPrivateFieldSet(this, _Event_isBeingDispatched, false, "f");
+	}
+	initEvent(_type, _bubbles, _cancelable) {
+		throw new Error("Method not implemented.");
+	}
+	stopImmediatePropagation() {
+		this.stopPropagation();
+	}
+	preventDefault() {
+		__classPrivateFieldSet(this, _Event_defaultPrevented, true, "f");
+	}
+	get target() {
+		return __classPrivateFieldGet(this, _Event_target, "f");
+	}
+	get currentTarget() {
+		return __classPrivateFieldGet(this, _Event_target, "f");
+	}
+	get srcElement() {
+		return __classPrivateFieldGet(this, _Event_target, "f");
+	}
+	get type() {
+		return __classPrivateFieldGet(this, _Event_type, "f");
+	}
+	get cancelable() {
+		return __classPrivateFieldGet(this, _Event_cancelable, "f");
+	}
+	get defaultPrevented() {
+		return __classPrivateFieldGet(this, _Event_cancelable, "f") && __classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+	}
+	get timeStamp() {
+		return __classPrivateFieldGet(this, _Event_timestamp, "f");
+	}
+	composedPath() {
+		return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? [__classPrivateFieldGet(this, _Event_target, "f")] : [];
+	}
+	get returnValue() {
+		return !__classPrivateFieldGet(this, _Event_cancelable, "f") || !__classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+	}
+	get bubbles() {
+		return __classPrivateFieldGet(this, _Event_bubbles, "f");
+	}
+	get composed() {
+		return __classPrivateFieldGet(this, _Event_composed, "f");
+	}
+	get eventPhase() {
+		return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? _a$1.AT_TARGET : _a$1.NONE;
+	}
+	get cancelBubble() {
+		return __classPrivateFieldGet(this, _Event_propagationStopped, "f");
+	}
+	set cancelBubble(value) {
+		if (value) __classPrivateFieldSet(this, _Event_propagationStopped, true, "f");
+	}
+	stopPropagation() {
+		__classPrivateFieldSet(this, _Event_propagationStopped, true, "f");
+	}
+	get isTrusted() {
+		return false;
+	}
+}, _Event_cancelable = /* @__PURE__ */ new WeakMap(), _Event_bubbles = /* @__PURE__ */ new WeakMap(), _Event_composed = /* @__PURE__ */ new WeakMap(), _Event_defaultPrevented = /* @__PURE__ */ new WeakMap(), _Event_timestamp = /* @__PURE__ */ new WeakMap(), _Event_propagationStopped = /* @__PURE__ */ new WeakMap(), _Event_type = /* @__PURE__ */ new WeakMap(), _Event_target = /* @__PURE__ */ new WeakMap(), _Event_isBeingDispatched = /* @__PURE__ */ new WeakMap(), _a$1.NONE = NONE, _a$1.CAPTURING_PHASE = CAPTURING_PHASE, _a$1.AT_TARGET = AT_TARGET, _a$1.BUBBLING_PHASE = BUBBLING_PHASE, _a$1);
+Object.defineProperties(EventShim.prototype, {
+	initEvent: enumerableProperty$1,
+	stopImmediatePropagation: enumerableProperty$1,
+	preventDefault: enumerableProperty$1,
+	target: enumerableProperty$1,
+	currentTarget: enumerableProperty$1,
+	srcElement: enumerableProperty$1,
+	type: enumerableProperty$1,
+	cancelable: enumerableProperty$1,
+	defaultPrevented: enumerableProperty$1,
+	timeStamp: enumerableProperty$1,
+	composedPath: enumerableProperty$1,
+	returnValue: enumerableProperty$1,
+	bubbles: enumerableProperty$1,
+	composed: enumerableProperty$1,
+	eventPhase: enumerableProperty$1,
+	cancelBubble: enumerableProperty$1,
+	stopPropagation: enumerableProperty$1,
+	isTrusted: enumerableProperty$1
+});
+const CustomEventShim = (_b = class CustomEvent extends EventShim {
+	constructor(type, options = {}) {
+		super(type, options);
+		_CustomEvent_detail.set(this, void 0);
+		__classPrivateFieldSet(this, _CustomEvent_detail, options?.detail ?? null, "f");
+	}
+	initCustomEvent(_type, _bubbles, _cancelable, _detail) {
+		throw new Error("Method not implemented.");
+	}
+	get detail() {
+		return __classPrivateFieldGet(this, _CustomEvent_detail, "f");
+	}
+}, _CustomEvent_detail = /* @__PURE__ */ new WeakMap(), _b);
+Object.defineProperties(CustomEventShim.prototype, { detail: enumerableProperty$1 });
+const EventShimWithRealType = EventShim;
+const CustomEventShimWithRealType = CustomEventShim;
+
+//#endregion
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/lib/css.js
+/**
+* @license
+* Copyright 2024 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var _a;
+const CSSRuleShim = (_a = class CSSRule {
+	constructor() {
+		this.STYLE_RULE = 1;
+		this.CHARSET_RULE = 2;
+		this.IMPORT_RULE = 3;
+		this.MEDIA_RULE = 4;
+		this.FONT_FACE_RULE = 5;
+		this.PAGE_RULE = 6;
+		this.NAMESPACE_RULE = 10;
+		this.KEYFRAMES_RULE = 7;
+		this.KEYFRAME_RULE = 8;
+		this.SUPPORTS_RULE = 12;
+		this.COUNTER_STYLE_RULE = 11;
+		this.FONT_FEATURE_VALUES_RULE = 14;
+		this.MARGIN_RULE = 9;
+		this.__parentStyleSheet = null;
+		this.cssText = "";
+	}
+	get parentRule() {
+		return null;
+	}
+	get parentStyleSheet() {
+		return this.__parentStyleSheet;
+	}
+	get type() {
+		return 0;
+	}
+}, _a.STYLE_RULE = 1, _a.CHARSET_RULE = 2, _a.IMPORT_RULE = 3, _a.MEDIA_RULE = 4, _a.FONT_FACE_RULE = 5, _a.PAGE_RULE = 6, _a.NAMESPACE_RULE = 10, _a.KEYFRAMES_RULE = 7, _a.KEYFRAME_RULE = 8, _a.SUPPORTS_RULE = 12, _a.COUNTER_STYLE_RULE = 11, _a.FONT_FEATURE_VALUES_RULE = 14, _a.MARGIN_RULE = 9, _a);
+
+//#endregion
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/index.js
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+globalThis.Event ??= EventShimWithRealType;
+globalThis.CustomEvent ??= CustomEventShimWithRealType;
+const constructionToken = Symbol();
+const isCaptureEventListener = (options) => typeof options === "boolean" ? options : options?.capture ?? false;
+const enumerableProperty = { __proto__: null };
+enumerableProperty.enumerable = true;
+Object.freeze(enumerableProperty);
+/**
+* This is a basic implementation of an EventTarget.
+*
+* This is not fully spec compliant (e.g. validation),
+* but should work well enough for our use cases.
+*
+* @see https://dom.spec.whatwg.org/#eventtarget
+*
+* Example Event Path
+* ------------------
+*
+* Note that this depends on the logic in `packages/labs/ssr/src/lib/render-value.ts`.
+* Any element that is not a custom element or a slot element is skipped in the chain.
+*
+* <main>
+*   <my-el1>
+*     #shadow-dom (open)
+*       <div>
+*         <slot></slot>
+*         <my-el2>
+*           #shadow-dom (closed)
+*             <slot></slot>
+*             <event-dispatcher3></event-dispatcher3>
+*           <slot name="nested"></slot>
+*         </my-el2>
+*       </div>
+*     <event-dispatcher1></event-dispatcher1>
+*     <event-dispatcher2 slot="nested"></event-dispatcher2>
+*   </my-el1>
+* </main>
+*
+* Given the previous structure, the event path of this shim would be as follows,
+* for the given dispatcher with an event that bubbles (document-fragment
+* represents a ShadowRoot/#shadow-dom instance):
+*
+* <event-dispatcher1>:
+* [event-dispatcher1, slot{my-el1}, document-fragment{my-el1}, my-el1, document]
+*
+* <event-dispatcher2>:
+* [
+*   event-dispatcher2,
+*   slot[name="nested"]{my-el1},
+*   slot{my-el2},
+*   document-fragment{my-el2},
+*   my-el2,
+*   document-fragment{my-el1},
+*   my-el1,
+*   document
+* ]
+*
+* <event-dispatcher3> (without composed):
+* [event-dispatcher3, document-fragment{my-el2}]
+*
+* <event-dispatcher3> (composed):
+* [
+*   event-dispatcher3,
+*   document-fragment{my-el2},
+*   my-el2,
+*   document-fragment{my-el1},
+*   my-el1,
+*   document
+* ]
+*/
+var EventTarget = class {
+	constructor() {
+		this.__eventListeners = /* @__PURE__ */ new Map();
+		this.__captureEventListeners = /* @__PURE__ */ new Map();
+	}
+	addEventListener(type, callback, options) {
+		if (callback === void 0 || callback === null) return;
+		const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+		let eventListeners = eventListenersMap.get(type);
+		if (eventListeners === void 0) {
+			eventListeners = /* @__PURE__ */ new Map();
+			eventListenersMap.set(type, eventListeners);
+		} else if (eventListeners.has(callback)) return;
+		const normalizedOptions = typeof options === "object" && options ? options : {};
+		normalizedOptions.signal?.addEventListener("abort", () => this.removeEventListener(type, callback, options));
+		eventListeners.set(callback, normalizedOptions ?? {});
+	}
+	removeEventListener(type, callback, options) {
+		if (callback === void 0 || callback === null) return;
+		const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+		const eventListeners = eventListenersMap.get(type);
+		if (eventListeners !== void 0) {
+			eventListeners.delete(callback);
+			if (!eventListeners.size) eventListenersMap.delete(type);
+		}
+	}
+	dispatchEvent(event) {
+		let composedPath = this.__resolveFullEventPath();
+		if (!event.composed && this.__host) composedPath = composedPath.slice(0, composedPath.indexOf(this.__host));
+		let stopPropagation = false;
+		let stopImmediatePropagation = false;
+		let eventPhase = EventShimWithRealType.NONE;
+		let target = null;
+		let tmpTarget = null;
+		let currentTarget = null;
+		const originalStopPropagation = event.stopPropagation;
+		const originalStopImmediatePropagation = event.stopImmediatePropagation;
+		Object.defineProperties(event, {
+			target: {
+				get() {
+					return target ?? tmpTarget;
+				},
+				...enumerableProperty
+			},
+			srcElement: {
+				get() {
+					return event.target;
+				},
+				...enumerableProperty
+			},
+			currentTarget: {
+				get() {
+					return currentTarget;
+				},
+				...enumerableProperty
+			},
+			eventPhase: {
+				get() {
+					return eventPhase;
+				},
+				...enumerableProperty
+			},
+			composedPath: {
+				value: () => composedPath,
+				...enumerableProperty
+			},
+			stopPropagation: {
+				value: () => {
+					stopPropagation = true;
+					originalStopPropagation.call(event);
+				},
+				...enumerableProperty
+			},
+			stopImmediatePropagation: {
+				value: () => {
+					stopImmediatePropagation = true;
+					originalStopImmediatePropagation.call(event);
+				},
+				...enumerableProperty
+			}
+		});
+		const invokeEventListener = (listener, options, eventListenerMap) => {
+			if (typeof listener === "function") listener(event);
+			else if (typeof listener?.handleEvent === "function") listener.handleEvent(event);
+			if (options.once) eventListenerMap.delete(listener);
+		};
+		const finishDispatch = () => {
+			currentTarget = null;
+			eventPhase = EventShimWithRealType.NONE;
+			return !event.defaultPrevented;
+		};
+		const captureEventPath = composedPath.slice().reverse();
+		target = !this.__host || !event.composed ? this : null;
+		const retarget = (eventTargets) => {
+			tmpTarget = this;
+			while (tmpTarget.__host && eventTargets.includes(tmpTarget.__host)) tmpTarget = tmpTarget.__host;
+		};
+		for (const eventTarget of captureEventPath) {
+			if (!target && (!tmpTarget || tmpTarget === eventTarget.__host)) retarget(captureEventPath.slice(captureEventPath.indexOf(eventTarget)));
+			currentTarget = eventTarget;
+			eventPhase = eventTarget === event.target ? EventShimWithRealType.AT_TARGET : EventShimWithRealType.CAPTURING_PHASE;
+			const captureEventListeners = eventTarget.__captureEventListeners.get(event.type);
+			if (captureEventListeners) for (const [listener, options] of captureEventListeners) {
+				invokeEventListener(listener, options, captureEventListeners);
+				if (stopImmediatePropagation) return finishDispatch();
+			}
+			if (stopPropagation) return finishDispatch();
+		}
+		const bubbleEventPath = event.bubbles ? composedPath : [this];
+		tmpTarget = null;
+		for (const eventTarget of bubbleEventPath) {
+			if (!target && (!tmpTarget || eventTarget === tmpTarget.__host)) retarget(bubbleEventPath.slice(0, bubbleEventPath.indexOf(eventTarget) + 1));
+			currentTarget = eventTarget;
+			eventPhase = eventTarget === event.target ? EventShimWithRealType.AT_TARGET : EventShimWithRealType.BUBBLING_PHASE;
+			const eventListeners = eventTarget.__eventListeners.get(event.type);
+			if (eventListeners) for (const [listener, options] of eventListeners) {
+				invokeEventListener(listener, options, eventListeners);
+				if (stopImmediatePropagation) return finishDispatch();
+			}
+			if (stopPropagation) return finishDispatch();
+		}
+		return finishDispatch();
+	}
+	__resolveFullEventPath() {
+		if (this.__eventPathCache) return this.__eventPathCache;
+		else if (!this.__eventTargetParent) return this.__eventPathCache = [
+			this,
+			documentShim,
+			windowShim
+		];
+		else return this.__eventPathCache = [this, ...this.__eventTargetParent.__resolveFullEventPath()];
+	}
+};
+const attributes = /* @__PURE__ */ new WeakMap();
+const attributesForElement = (element) => {
+	let attrs = attributes.get(element);
+	if (attrs === void 0) attributes.set(element, attrs = /* @__PURE__ */ new Map());
+	return attrs;
+};
+const NodeShim = class Node extends EventTarget {
+	getRootNode(options) {
+		if (options?.composed) return document$1;
+		return this.__host?.__shadowRoot ?? document$1;
+	}
+};
+const DocumentShim = class Document extends NodeShim {
+	get adoptedStyleSheets() {
+		return [];
+	}
+	createTreeWalker() {
+		return {};
+	}
+	createTextNode() {
+		return {};
+	}
+	createElement() {
+		return {};
+	}
+};
+const documentShim = new DocumentShim();
+const document$1 = documentShim;
+const WindowShim = class Window extends NodeShim {
+	constructor(token) {
+		super();
+		if (token !== constructionToken) throw new TypeError("Illegal constructor");
+		Object.assign(this, globalThis, {
+			CustomElementRegistry,
+			customElements: customElements$1,
+			document: document$1,
+			Document: DocumentShim,
+			Element: ElementShim,
+			EventTarget,
+			HTMLElement: HTMLElementShim,
+			Node: NodeShim,
+			ShadowRoot: ShadowRootShim,
+			window: this,
+			Window: WindowShim
+		});
+	}
+};
+const ElementShim = class Element extends NodeShim {
+	constructor() {
+		super(...arguments);
+		this.__shadowRootMode = null;
+		this.__shadowRoot = null;
+		this.__internals = null;
+	}
+	get attributes() {
+		return Array.from(attributesForElement(this)).map(([name, value]) => ({
+			name,
+			value
+		}));
+	}
+	get shadowRoot() {
+		if (this.__shadowRootMode === "closed") return null;
+		return this.__shadowRoot;
+	}
+	get localName() {
+		return this.constructor.__localName;
+	}
+	get tagName() {
+		return this.localName?.toUpperCase();
+	}
+	setAttribute(name, value) {
+		attributesForElement(this).set(name, String(value));
+	}
+	removeAttribute(name) {
+		attributesForElement(this).delete(name);
+	}
+	toggleAttribute(name, force) {
+		if (this.hasAttribute(name)) {
+			if (force === void 0 || !force) {
+				this.removeAttribute(name);
+				return false;
+			}
+		} else if (force === void 0 || force) {
+			this.setAttribute(name, "");
+			return true;
+		} else return false;
+		return true;
+	}
+	hasAttribute(name) {
+		return attributesForElement(this).has(name);
+	}
+	attachShadow(init) {
+		this.__shadowRootMode = init.mode;
+		const shadowRoot = new ShadowRootShim(constructionToken, init);
+		shadowRoot.__eventTargetParent = this;
+		shadowRoot.__host = this;
+		return this.__shadowRoot = shadowRoot;
+	}
+	attachInternals() {
+		if (this.__internals !== null) throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
+		const internals = new ElementInternalsShim(this);
+		this.__internals = internals;
+		return internals;
+	}
+	getAttribute(name) {
+		return attributesForElement(this).get(name) ?? null;
+	}
+};
+const HTMLElementShim = class HTMLElement extends ElementShim {};
+const HTMLElementShimWithRealType = HTMLElementShim;
+const ShadowRootShim = class ShadowRoot extends NodeShim {
+	get host() {
+		return this.__host;
+	}
+	constructor(constructionToken, init) {
+		super();
+		if (constructionToken !== constructionToken) throw new TypeError("Illegal constructor");
+		this.mode = init.mode;
+	}
+};
+globalThis.litServerRoot ??= Object.defineProperty(new HTMLElementShimWithRealType(), "localName", { get() {
+	return "lit-server-root";
+} });
+function promiseWithResolvers() {
+	let resolve;
+	let reject;
+	return {
+		promise: new Promise((res, rej) => {
+			resolve = res;
+			reject = rej;
+		}),
+		resolve,
+		reject
+	};
+}
+var CustomElementRegistry = class {
+	constructor() {
+		this.__definitions = /* @__PURE__ */ new Map();
+		this.__reverseDefinitions = /* @__PURE__ */ new Map();
+		this.__pendingWhenDefineds = /* @__PURE__ */ new Map();
+	}
+	define(name, ctor) {
+		if (this.__definitions.has(name)) if (process.env.NODE_ENV === "development") console.warn(`'CustomElementRegistry' already has "${name}" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.\nMake sure to test your application with a production build as repeat registrations will throw in production.`);
+		else throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${name}" has already been used with this registry`);
+		if (this.__reverseDefinitions.has(ctor)) throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the constructor has already been used with this registry for the tag name ${this.__reverseDefinitions.get(ctor)}`);
+		ctor.__localName = name;
+		this.__definitions.set(name, {
+			ctor,
+			observedAttributes: ctor.observedAttributes ?? []
+		});
+		this.__reverseDefinitions.set(ctor, name);
+		this.__pendingWhenDefineds.get(name)?.resolve(ctor);
+		this.__pendingWhenDefineds.delete(name);
+	}
+	get(name) {
+		return this.__definitions.get(name)?.ctor;
+	}
+	getName(ctor) {
+		return this.__reverseDefinitions.get(ctor) ?? null;
+	}
+	initialize(_root) {
+		throw new Error("customElements.initialize is not currently supported in SSR. Please file a bug if you need it.");
+	}
+	upgrade(_element) {
+		throw new Error("customElements.upgrade is not currently supported in SSR. Please file a bug if you need it.");
+	}
+	async whenDefined(name) {
+		const definition = this.__definitions.get(name);
+		if (definition) return definition.ctor;
+		let withResolvers = this.__pendingWhenDefineds.get(name);
+		if (!withResolvers) {
+			withResolvers = promiseWithResolvers();
+			this.__pendingWhenDefineds.set(name, withResolvers);
+		}
+		return withResolvers.promise;
+	}
+};
+const CustomElementRegistryShimWithRealType = CustomElementRegistry;
+const customElements$1 = new CustomElementRegistryShimWithRealType();
+const windowShim = new WindowShim(constructionToken);
+
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/css-tag.js
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const t$1 = globalThis;
+const e$1 = t$1.ShadowRoot && (void 0 === t$1.ShadyCSS || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+const s$2 = Symbol();
+const o$3 = /* @__PURE__ */ new WeakMap();
+var n$2 = class {
+	constructor(t, e, o) {
+		if (this._$cssResult$ = !0, o !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = t, this.t = e;
+	}
+	get styleSheet() {
+		let t = this.o;
+		const s = this.t;
+		if (e$1 && void 0 === t) {
+			const e = void 0 !== s && 1 === s.length;
+			e && (t = o$3.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && o$3.set(s, t));
+		}
+		return t;
+	}
+	toString() {
+		return this.cssText;
+	}
+};
+const r$2 = (t) => new n$2("string" == typeof t ? t : t + "", void 0, s$2);
+const i$2 = (t, ...e) => {
+	const o = 1 === t.length ? t[0] : e.reduce((e, s, o) => e + ((t) => {
+		if (!0 === t._$cssResult$) return t.cssText;
+		if ("number" == typeof t) return t;
+		throw Error("Value passed to 'css' function must be a 'css' function result: " + t + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+	})(s) + t[o + 1], t[0]);
+	return new n$2(o, t, s$2);
+};
+const S$1 = (s, o) => {
+	if (e$1) s.adoptedStyleSheets = o.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+	else for (const e of o) {
+		const o = document.createElement("style"), n = t$1.litNonce;
+		void 0 !== n && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
+	}
+};
+const c$2 = e$1 || void 0 === t$1.CSSStyleSheet ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((t) => {
+	let e = "";
+	for (const s of t.cssRules) e += s.cssText;
+	return r$2(e);
+})(t) : t;
+
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/reactive-element.js
+const { is: h$1, defineProperty: r$1, getOwnPropertyDescriptor: o$2, getOwnPropertyNames: n$1, getOwnPropertySymbols: a$1, getPrototypeOf: c$1 } = Object, l$1 = globalThis;
+l$1.customElements ??= customElements$1;
+const p$1 = l$1.trustedTypes;
+const d$1 = p$1 ? p$1.emptyScript : "";
+const u$1 = l$1.reactiveElementPolyfillSupport;
+const f$1 = (t, s) => t;
+const b$1 = {
+	toAttribute(t, s) {
+		switch (s) {
+			case Boolean:
+				t = t ? d$1 : null;
+				break;
+			case Object:
+			case Array: t = null == t ? t : JSON.stringify(t);
+		}
+		return t;
+	},
+	fromAttribute(t, s) {
+		let i = t;
+		switch (s) {
+			case Boolean:
+				i = null !== t;
+				break;
+			case Number:
+				i = null === t ? null : Number(t);
+				break;
+			case Object:
+			case Array: try {
+				i = JSON.parse(t);
+			} catch (t) {
+				i = null;
+			}
+		}
+		return i;
+	}
+};
+const m$1 = (t, s) => !h$1(t, s);
+const y$1 = {
+	attribute: !0,
+	type: String,
+	converter: b$1,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: m$1
+};
+Symbol.metadata ??= Symbol("metadata"), l$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var g$1 = class extends (globalThis.HTMLElement ?? HTMLElementShimWithRealType) {
+	static addInitializer(t) {
+		this._$Ei(), (this.l ??= []).push(t);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(t, s = y$1) {
+		if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(t, s), !s.noAccessor) {
+			const i = Symbol(), e = this.getPropertyDescriptor(t, i, s);
+			void 0 !== e && r$1(this.prototype, t, e);
+		}
+	}
+	static getPropertyDescriptor(t, s, i) {
+		const { get: e, set: h } = o$2(this.prototype, t) ?? {
+			get() {
+				return this[s];
+			},
+			set(t) {
+				this[s] = t;
+			}
+		};
+		return {
+			get: e,
+			set(s) {
+				const r = e?.call(this);
+				h?.call(this, s), this.requestUpdate(t, r, i);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(t) {
+		return this.elementProperties.get(t) ?? y$1;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(f$1("elementProperties"))) return;
+		const t = c$1(this);
+		t.finalize(), void 0 !== t.l && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(f$1("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(f$1("properties"))) {
+			const t = this.properties, s = [...n$1(t), ...a$1(t)];
+			for (const i of s) this.createProperty(i, t[i]);
+		}
+		const t = this[Symbol.metadata];
+		if (null !== t) {
+			const s = litPropertyMetadata.get(t);
+			if (void 0 !== s) for (const [t, i] of s) this.elementProperties.set(t, i);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (const [t, s] of this.elementProperties) {
+			const i = this._$Eu(t, s);
+			void 0 !== i && this._$Eh.set(i, t);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(t) {
+		const s = [];
+		if (Array.isArray(t)) {
+			const e = new Set(t.flat(Infinity).reverse());
+			for (const t of e) s.unshift(c$2(t));
+		} else void 0 !== t && s.push(c$2(t));
+		return s;
+	}
+	static _$Eu(t, s) {
+		const i = s.attribute;
+		return !1 === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+	}
+	constructor() {
+		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+	}
+	_$Ev() {
+		this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
+	}
+	addController(t) {
+		(this._$EO ??= /* @__PURE__ */ new Set()).add(t), void 0 !== this.renderRoot && this.isConnected && t.hostConnected?.();
+	}
+	removeController(t) {
+		this._$EO?.delete(t);
+	}
+	_$E_() {
+		const t = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
+		for (const i of s.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+		t.size > 0 && (this._$Ep = t);
+	}
+	createRenderRoot() {
+		const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+		return S$1(t, this.constructor.elementStyles), t;
+	}
+	connectedCallback() {
+		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
+	}
+	enableUpdating(t) {}
+	disconnectedCallback() {
+		this._$EO?.forEach((t) => t.hostDisconnected?.());
+	}
+	attributeChangedCallback(t, s, i) {
+		this._$AK(t, i);
+	}
+	_$ET(t, s) {
+		const i = this.constructor.elementProperties.get(t), e = this.constructor._$Eu(t, i);
+		if (void 0 !== e && !0 === i.reflect) {
+			const h = (void 0 !== i.converter?.toAttribute ? i.converter : b$1).toAttribute(s, i.type);
+			this._$Em = t, null == h ? this.removeAttribute(e) : this.setAttribute(e, h), this._$Em = null;
+		}
+	}
+	_$AK(t, s) {
+		const i = this.constructor, e = i._$Eh.get(t);
+		if (void 0 !== e && this._$Em !== e) {
+			const t = i.getPropertyOptions(e), h = "function" == typeof t.converter ? { fromAttribute: t.converter } : void 0 !== t.converter?.fromAttribute ? t.converter : b$1;
+			this._$Em = e;
+			const r = h.fromAttribute(s, t.type);
+			this[e] = r ?? this._$Ej?.get(e) ?? r, this._$Em = null;
+		}
+	}
+	requestUpdate(t, s, i, e = !1, h) {
+		if (void 0 !== t) {
+			const r = this.constructor;
+			if (!1 === e && (h = this[t]), i ??= r.getPropertyOptions(t), !((i.hasChanged ?? m$1)(h, s) || i.useDefault && i.reflect && h === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
+			this.C(t, s, i);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(t, s, { useDefault: i, reflect: e, wrapped: h }, r) {
+		i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, r ?? s ?? this[t]), !0 !== h || void 0 !== r) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), !0 === e && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (t) {
+			Promise.reject(t);
+		}
+		const t = this.scheduleUpdate();
+		return null != t && await t, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+				for (const [t, s] of this._$Ep) this[t] = s;
+				this._$Ep = void 0;
+			}
+			const t = this.constructor.elementProperties;
+			if (t.size > 0) for (const [s, i] of t) {
+				const { wrapped: t } = i, e = this[s];
+				!0 !== t || this._$AL.has(s) || void 0 === e || this.C(s, void 0, i, e);
+			}
+		}
+		let t = !1;
+		const s = this._$AL;
+		try {
+			t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach((t) => t.hostUpdate?.()), this.update(s)) : this._$EM();
+		} catch (s) {
+			throw t = !1, this._$EM(), s;
+		}
+		t && this._$AE(s);
+	}
+	willUpdate(t) {}
+	_$AE(t) {
+		this._$EO?.forEach((t) => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(t) {
+		return !0;
+	}
+	update(t) {
+		this._$Eq &&= this._$Eq.forEach((t) => this._$ET(t, this[t])), this._$EM();
+	}
+	updated(t) {}
+	firstUpdated(t) {}
+};
+g$1.elementStyles = [], g$1.shadowRootOptions = { mode: "open" }, g$1[f$1("elementProperties")] = /* @__PURE__ */ new Map(), g$1[f$1("finalized")] = /* @__PURE__ */ new Map(), u$1?.({ ReactiveElement: g$1 }), (l$1.reactiveElementVersions ??= []).push("2.1.2");
+
+//#endregion
+//#region ../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/node/lit-html.js
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const t = globalThis;
+const i$1 = (t) => t;
+const s$1 = t.trustedTypes;
+const e = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t) => t }) : void 0;
+const h = "$lit$";
+const o$1 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+const n = "?" + o$1;
+const r = `<${n}>`;
+const l = void 0 === t.document ? { createTreeWalker: () => ({}) } : document;
+const c = () => l.createComment("");
+const a = (t) => null === t || "object" != typeof t && "function" != typeof t;
+const u = Array.isArray;
+const d = (t) => u(t) || "function" == typeof t?.[Symbol.iterator];
+const f = "[ 	\n\f\r]";
+const v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+const _ = /-->/g;
+const m = />/g;
+const p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g");
+const g = /'/g;
+const $ = /"/g;
+const y = /^(?:script|style|textarea|title)$/i;
+const x = (t) => (i, ...s) => ({
+	_$litType$: t,
+	strings: i,
+	values: s
+});
+const T = x(1);
+const b = x(2);
+const w = x(3);
+const E = Symbol.for("lit-noChange");
+const A = Symbol.for("lit-nothing");
+const C = /* @__PURE__ */ new WeakMap();
+const P = l.createTreeWalker(l, 129);
+function V(t, i) {
+	if (!u(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return void 0 !== e ? e.createHTML(i) : i;
+}
+const N = (t, i) => {
+	const s = t.length - 1, e = [];
+	let n, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = v;
+	for (let i = 0; i < s; i++) {
+		const s = t[i];
+		let a, u, d = -1, f = 0;
+		for (; f < s.length && (c.lastIndex = f, u = c.exec(s), null !== u);) f = c.lastIndex, c === v ? "!--" === u[1] ? c = _ : void 0 !== u[1] ? c = m : void 0 !== u[2] ? (y.test(u[2]) && (n = RegExp("</" + u[2], "g")), c = p) : void 0 !== u[3] && (c = p) : c === p ? ">" === u[0] ? (c = n ?? v, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? p : "\"" === u[3] ? $ : g) : c === $ || c === g ? c = p : c === _ || c === m ? c = v : (c = p, n = void 0);
+		const x = c === p && t[i + 1].startsWith("/>") ? " " : "";
+		l += c === v ? s + r : d >= 0 ? (e.push(a), s.slice(0, d) + h + s.slice(d) + o$1 + x) : s + o$1 + (-2 === d ? i : x);
+	}
+	return [V(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")), e];
+};
+var S = class S {
+	constructor({ strings: t, _$litType$: i }, e) {
+		let r;
+		this.parts = [];
+		let l = 0, a = 0;
+		const u = t.length - 1, d = this.parts, [f, v] = N(t, i);
+		if (this.el = S.createElement(f, e), P.currentNode = this.el.content, 2 === i || 3 === i) {
+			const t = this.el.content.firstChild;
+			t.replaceWith(...t.childNodes);
+		}
+		for (; null !== (r = P.nextNode()) && d.length < u;) {
+			if (1 === r.nodeType) {
+				if (r.hasAttributes()) for (const t of r.getAttributeNames()) if (t.endsWith(h)) {
+					const i = v[a++], s = r.getAttribute(t).split(o$1), e = /([.?@])?(.*)/.exec(i);
+					d.push({
+						type: 1,
+						index: l,
+						name: e[2],
+						strings: s,
+						ctor: "." === e[1] ? I : "?" === e[1] ? L : "@" === e[1] ? z$1 : H
+					}), r.removeAttribute(t);
+				} else t.startsWith(o$1) && (d.push({
+					type: 6,
+					index: l
+				}), r.removeAttribute(t));
+				if (y.test(r.tagName)) {
+					const t = r.textContent.split(o$1), i = t.length - 1;
+					if (i > 0) {
+						r.textContent = s$1 ? s$1.emptyScript : "";
+						for (let s = 0; s < i; s++) r.append(t[s], c()), P.nextNode(), d.push({
+							type: 2,
+							index: ++l
+						});
+						r.append(t[i], c());
+					}
+				}
+			} else if (8 === r.nodeType) if (r.data === n) d.push({
+				type: 2,
+				index: l
+			});
+			else {
+				let t = -1;
+				for (; -1 !== (t = r.data.indexOf(o$1, t + 1));) d.push({
+					type: 7,
+					index: l
+				}), t += o$1.length - 1;
+			}
+			l++;
+		}
+	}
+	static createElement(t, i) {
+		const s = l.createElement("template");
+		return s.innerHTML = t, s;
+	}
+};
+function M(t, i, s = t, e) {
+	if (i === E) return i;
+	let h = void 0 !== e ? s._$Co?.[e] : s._$Cl;
+	const o = a(i) ? void 0 : i._$litDirective$;
+	return h?.constructor !== o && (h?._$AO?.(!1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? (s._$Co ??= [])[e] = h : s._$Cl = h), void 0 !== h && (i = M(t, h._$AS(t, i.values), h, e)), i;
+}
+var k = class {
+	constructor(t, i) {
+		this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(t) {
+		const { el: { content: i }, parts: s } = this._$AD, e = (t?.creationScope ?? l).importNode(i, !0);
+		P.currentNode = e;
+		let h = P.nextNode(), o = 0, n = 0, r = s[0];
+		for (; void 0 !== r;) {
+			if (o === r.index) {
+				let i;
+				2 === r.type ? i = new R(h, h.nextSibling, this, t) : 1 === r.type ? i = new r.ctor(h, r.name, r.strings, this, t) : 6 === r.type && (i = new W(h, this, t)), this._$AV.push(i), r = s[++n];
+			}
+			o !== r?.index && (h = P.nextNode(), o++);
+		}
+		return P.currentNode = l, e;
+	}
+	p(t) {
+		let i = 0;
+		for (const s of this._$AV) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
+	}
+};
+var R = class R {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(t, i, s, e) {
+		this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = e?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let t = this._$AA.parentNode;
+		const i = this._$AM;
+		return void 0 !== i && 11 === t?.nodeType && (t = i.parentNode), t;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(t, i = this) {
+		t = M(this, t, i), a(t) ? t === A || null == t || "" === t ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== E && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : d(t) ? this.k(t) : this._(t);
+	}
+	O(t) {
+		return this._$AA.parentNode.insertBefore(t, this._$AB);
+	}
+	T(t) {
+		this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+	}
+	_(t) {
+		this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = t : this.T(l.createTextNode(t)), this._$AH = t;
+	}
+	$(t) {
+		const { values: i, _$litType$: s } = t, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = S.createElement(V(s.h, s.h[0]), this.options)), s);
+		if (this._$AH?._$AD === e) this._$AH.p(i);
+		else {
+			const t = new k(e, this), s = t.u(this.options);
+			t.p(i), this.T(s), this._$AH = t;
+		}
+	}
+	_$AC(t) {
+		let i = C.get(t.strings);
+		return void 0 === i && C.set(t.strings, i = new S(t)), i;
+	}
+	k(t) {
+		u(this._$AH) || (this._$AH = [], this._$AR());
+		const i = this._$AH;
+		let s, e = 0;
+		for (const h of t) e === i.length ? i.push(s = new R(this.O(c()), this.O(c()), this, this.options)) : s = i[e], s._$AI(h), e++;
+		e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
+	}
+	_$AR(t = this._$AA.nextSibling, s) {
+		for (this._$AP?.(!1, !0, s); t !== this._$AB;) {
+			const s = i$1(t).nextSibling;
+			i$1(t).remove(), t = s;
+		}
+	}
+	setConnected(t) {
+		void 0 === this._$AM && (this._$Cv = t, this._$AP?.(t));
+	}
+};
+var H = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(t, i, s, e, h) {
+		this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(/* @__PURE__ */ new String()), this.strings = s) : this._$AH = A;
+	}
+	_$AI(t, i = this, s, e) {
+		const h = this.strings;
+		let o = !1;
+		if (void 0 === h) t = M(this, t, i, 0), o = !a(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
+		else {
+			const e = t;
+			let n, r;
+			for (t = h[0], n = 0; n < h.length - 1; n++) r = M(this, e[s + n], i, n), r === E && (r = this._$AH[n]), o ||= !a(r) || r !== this._$AH[n], r === A ? t = A : t !== A && (t += (r ?? "") + h[n + 1]), this._$AH[n] = r;
+		}
+		o && !e && this.j(t);
+	}
+	j(t) {
+		t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+	}
+};
+var I = class extends H {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(t) {
+		this.element[this.name] = t === A ? void 0 : t;
+	}
+};
+var L = class extends H {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(t) {
+		this.element.toggleAttribute(this.name, !!t && t !== A);
+	}
+};
+var z$1 = class extends H {
+	constructor(t, i, s, e, h) {
+		super(t, i, s, e, h), this.type = 5;
+	}
+	_$AI(t, i = this) {
+		if ((t = M(this, t, i, 0) ?? A) === E) return;
+		const s = this._$AH, e = t === A && s !== A || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== A && (s === A || e);
+		e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
+	}
+	handleEvent(t) {
+		"function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+	}
+};
+var W = class {
+	constructor(t, i, s) {
+		this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(t) {
+		M(this, t);
+	}
+};
+const j = t.litHtmlPolyfillSupport;
+j?.(S, R), (t.litHtmlVersions ??= []).push("3.3.3");
+const B = (t, i, s) => {
+	const e = s?.renderBefore ?? i;
+	let h = e._$litPart$;
+	if (void 0 === h) {
+		const t = s?.renderBefore ?? null;
+		e._$litPart$ = h = new R(i.insertBefore(c(), t), t, void 0, s ?? {});
+	}
+	return h._$AI(t), h;
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/ const s = globalThis;
+var i = class extends g$1 {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		const t = super.createRenderRoot();
+		return this.renderOptions.renderBefore ??= t.firstChild, t;
+	}
+	update(t) {
+		const r = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = B(r, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._$Do?.setConnected(!0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._$Do?.setConnected(!1);
+	}
+	render() {
+		return E;
+	}
+};
+i._$litElement$ = !0, i["finalized"] = !0, s.litElementHydrateSupport?.({ LitElement: i });
+const o = s.litElementPolyfillSupport;
+o?.({ LitElement: i });
+(s.litElementVersions ??= []).push("4.2.2");
+
+//#endregion
+//#region ../ui/dist/webskillLitCatalog-CNaUpasU.js
+/** 自定义元素 tag 前缀（同一文档里与 A2UI Basic Catalog 的 `a2ui-basic-*` 互不冲突） */
+const WEBSKILL_A2UI_TAG_PREFIX = "webskill-a2ui";
+/**
+* ui-kit 设计 token 是 `:root` 上的 CSS 自定义属性，CSS 变量天然继承进 shadow root，
+* 因此这些元素直接消费 `var(--border)` 等 token，亮暗切换随宿主 `.dark` 生效。
+*/
+const sharedStyles = i$2`
+  :host {
+    display: block;
+    color: var(--foreground);
+    font-size: 0.875rem;
+    line-height: 1.5;
+  }
+  .stack {
+    display: flex;
+    gap: 0.75rem;
+  }
+  .stack[data-direction='vertical'] {
+    flex-direction: column;
+  }
+  .stack[data-direction='horizontal'] {
+    flex-direction: row;
+    align-items: center;
+  }
+  section {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--card);
+    padding: 0.75rem;
+  }
+  h2,
+  h3,
+  h4 {
+    margin: 0;
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: var(--foreground);
+  }
+  p {
+    margin: 0;
+  }
+  p[data-tone='muted'],
+  .muted {
+    color: var(--muted-foreground);
+  }
+  hr {
+    border: none;
+    border-top: 1px solid var(--border);
+    margin: 0;
+  }
+  .badge {
+    display: inline-flex;
+    align-items: center;
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    padding: 0.05rem 0.5rem;
+    font-size: 0.75rem;
+  }
+  .metric {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+  }
+  .metric strong {
+    font-size: 1.125rem;
+  }
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.8125rem;
+  }
+  th,
+  td {
+    border-bottom: 1px solid var(--border);
+    padding: 0.375rem 0.5rem;
+    text-align: left;
+  }
+  th {
+    color: var(--muted-foreground);
+    font-weight: 500;
+  }
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+  label {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+  input,
+  textarea,
+  select {
+    border: 1px solid var(--border);
+    border-radius: calc(var(--radius) - 2px);
+    background: var(--background);
+    color: var(--foreground);
+    padding: 0.375rem 0.5rem;
+    font: inherit;
+  }
+  button {
+    border: 1px solid var(--border);
+    border-radius: calc(var(--radius) - 2px);
+    background: var(--secondary);
+    color: var(--secondary-foreground);
+    padding: 0.375rem 0.75rem;
+    font: inherit;
+    cursor: pointer;
+  }
+  button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+  [role='alert'] {
+    border: 1px solid var(--border);
+    border-radius: calc(var(--radius) - 2px);
+    padding: 0.5rem;
+  }
+  .error {
+    color: var(--destructive);
+  }
+`;
+const str = (props, key, fallback = "") => typeof props[key] === "string" ? props[key] : fallback;
+const list = (value) => Array.isArray(value) ? value : [];
+function children(props, host) {
+	return (props.children ?? []).map((ref) => host.renderChild(ref));
+}
+function chartSpec(props) {
+	const series = list(props["series"]);
+	return {
+		kind: str(props, "type", "bar"),
+		labels: list(props["labels"]),
+		series: series.map((item) => ({
+			name: item.name,
+			data: item.values
+		})),
+		...props["title"] ? { title: str(props, "title") } : {}
+	};
+}
+/**
+* 16 个组件的 Lit 渲染实现。语义（标题层级、table/th/td、label、button、role=alert）
+* 与 React 三档共用的 `catalogComponentImpls` 对齐——像素可不同，语义不可不同。
+*/
+const renderers = {
+	Stack: (props, host) => T`<div class="stack" data-direction=${str(props, "direction", "vertical")}>${children(props, host)}</div>`,
+	Card: (props, host) => T`
+    <section>
+      <h3>${str(props, "title")}</h3>
+      ${props["description"] ? T`<p class="muted">${str(props, "description")}</p>` : A}
+      ${children(props, host)}
+    </section>
+  `,
+	Separator: () => T`<hr />`,
+	Heading: (props) => {
+		const text = str(props, "text");
+		if (props["level"] === 2) return T`<h2>${text}</h2>`;
+		if (props["level"] === 4) return T`<h4>${text}</h4>`;
+		return T`<h3>${text}</h3>`;
+	},
+	Text: (props) => T`<p data-tone=${str(props, "tone", "default")}>${str(props, "text")}</p>`,
+	Markdown: (props) => renderMiniMarkdown(str(props, "text"), document),
+	Badge: (props) => T`<span class="badge">${str(props, "text")}</span>`,
+	Metric: (props) => T`
+    <div class="metric">
+      <span class="muted">${str(props, "label")}</span>
+      <strong>${String(props["value"] ?? "")}</strong>
+      ${props["change"] ? T`<small class="muted">${str(props, "change")}</small>` : A}
+    </div>
+  `,
+	Table: (props) => T`
+    <table aria-label=${str(props, "title", "Data")}>
+      <thead>
+        <tr>
+          ${list(props["columns"]).map((column) => T`<th scope="col">${column}</th>`)}
+        </tr>
+      </thead>
+      <tbody>
+        ${list(props["rows"]).map((row) => T`<tr>
+              ${list(row).map((cell) => T`<td>${String(cell ?? "")}</td>`)}
+            </tr>`)}
+      </tbody>
+    </table>
+  `,
+	Chart: (props) => renderMiniChart(chartSpec(props), document),
+	FileLink: (props) => T`<p>${str(props, "label", str(props, "path"))}</p>`,
+	Form: (props, host) => T`
+    <form @submit=${(event) => event.preventDefault()}>
+      ${props["title"] ? T`<h3>${str(props, "title")}</h3>` : A} ${children(props, host)}
+    </form>
+  `,
+	Field: (props) => {
+		const name = str(props, "name");
+		const type = str(props, "type", "text");
+		const value = props["value"];
+		const commit = (next) => props.setValue?.(next);
+		const options = list(props["options"]);
+		const control = () => {
+			if (type === "textarea") return T`<textarea
+          id=${name}
+          .value=${typeof value === "string" ? value : ""}
+          @input=${(event) => commit(event.target.value)}
+        ></textarea>`;
+			if (type === "toggle") return T`<input
+          id=${name}
+          type="checkbox"
+          .checked=${value === true}
+          @change=${(event) => commit(event.target.checked)}
+        />`;
+			if (type === "select" || type === "multi-select") return T`<select
+          id=${name}
+          .value=${typeof value === "string" ? value : ""}
+          @change=${(event) => commit(event.target.value)}
+        >
+          ${options.map((option) => T`<option value=${String(option.value)}>${option.label}</option>`)}
+        </select>`;
+			return T`<input
+        id=${name}
+        type=${type === "number" ? "number" : type === "date" ? "date" : "text"}
+        .value=${typeof value === "string" || typeof value === "number" ? String(value) : ""}
+        @input=${(event) => {
+				const raw = event.target.value;
+				commit(type === "number" ? Number(raw) : raw);
+			}}
+      />`;
+		};
+		return T`
+      <label for=${name}>
+        <span
+          >${str(props, "label", name)}${props["required"] === true ? T`<span aria-hidden> *</span>` : A}</span
+        >
+        ${control()} ${props["description"] ? T`<span class="muted">${str(props, "description")}</span>` : A}
+      </label>
+    `;
+	},
+	Button: (props) => T`
+    <button type="button" ?disabled=${props["disabled"] === true} @click=${() => props.action?.()}>
+      ${str(props, "label")}
+    </button>
+  `,
+	Alert: (props) => T`
+    <div role="alert">
+      <strong>${str(props, "title")}</strong>
+      ${props["description"] ? T`<p class="muted">${str(props, "description")}</p>` : A}
+    </div>
+  `,
+	Custom: (props) => T` <div role="alert" class="error">Unsupported registered surface: ${str(props, "name")}</div> `
+};
+/**
+* shape → A2UI 组件 API 的 zod schema。
+*
+* 用 `zod/v3` 而不是仓库其余部分的 zod 4：A2UI 的 `scrapeSchemaBehavior` 靠读
+* `_def.typeName` 判断字段行为，zod 4 的 schema 会整体退化成 STATIC —— 子节点、
+* action、双向绑定全部失效。zod 4.4.3 自带 `zod/v3` 子路径，无需新增依赖。
+*
+* 静态 props 用 `z.any()` 占位：binder 对 STATIC 字段原样透传，
+* 真正的取值校验在 `uiCatalog.validate()`（声明树入口）已经做过，这里不重复第二道。
+*/
+function apiSchema(shape) {
+	const dataBinding = z.object({ path: z.string() });
+	const functionCall = z.object({
+		call: z.string(),
+		args: z.record(z.any())
+	});
+	const shapeFields = {};
+	for (const key of shape.staticProps) shapeFields[key] = z.any().optional();
+	for (const key of shape.actionProps) shapeFields[key] = z.union([z.object({ event: z.object({
+		name: z.string(),
+		context: z.record(z.any()).optional()
+	}) }), z.object({ functionCall })]).optional();
+	for (const key of shape.valueProps) shapeFields[key] = z.union([
+		z.string(),
+		z.number(),
+		z.boolean(),
+		dataBinding,
+		functionCall
+	]).optional();
+	if (shape.childList) shapeFields[A2UI_CHILDREN_PROP] = z.union([z.array(z.string()), z.object({
+		componentId: z.string(),
+		path: z.string()
+	})]).optional();
+	return z.object(shapeFields);
+}
+function defineElement(api, render) {
+	class WebSkillA2uiElement extends A2uiLitElement {
+		static styles = sharedStyles;
+		createController() {
+			return new A2uiController(this, api);
+		}
+		renderChild(ref) {
+			return this.renderNode(ref);
+		}
+		render() {
+			const props = this.controller?.props;
+			return props ? render(props, this) : A;
+		}
+	}
+	if (!customElements.get(api.tagName)) customElements.define(api.tagName, WebSkillA2uiElement);
+}
+let catalog;
+/**
+* WebSkill BYOC catalog 的 Lit 渲染器。
+* 组件 API 与 `buildA2uiCatalogDefinition` 派生自同一份 `a2uiComponentShapes`，
+* 因此协议里公布的词汇表与实际能渲染的元素永远一致。
+*/
+function webskillLitCatalog() {
+	if (catalog) return catalog;
+	catalog = new Catalog(WEBSKILL_A2UI_CATALOG_ID, a2uiComponentShapes(uiCatalog).map((shape) => {
+		const api = {
+			name: shape.name,
+			schema: apiSchema(shape),
+			tagName: `${WEBSKILL_A2UI_TAG_PREFIX}-${shape.name.toLowerCase()}`
+		};
+		const render = renderers[shape.name];
+		if (!render) throw new Error(`No A2UI Lit renderer for catalog component "${shape.name}"`);
+		defineElement(api, render);
+		return api;
+	}));
+	return catalog;
+}
+
+//#endregion
+export { webskillLitCatalog };