@nonoun/native-ui 0.1.0

package/dist/ui-icon-element.js

@@ -0,0 +1,4405 @@
+import { a as e, o as t, r as n, t as r } from "./uid.js";
+import { _ as i, a, c as o, h as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m } from "./dialog-controller.js";
+function h(e, t, n, r) {
+	let i;
+	return () => {
+		let n = t.value;
+		e.toggleAttribute("disabled", n), n ? e.setAttribute("aria-disabled", "true") : e.removeAttribute("aria-disabled"), r?.manageTabindex && e.setAttribute("tabindex", n ? "-1" : "0"), i !== void 0 && i !== n && e.dispatchEvent(new CustomEvent("ui-disabled", {
+			bubbles: !0,
+			composed: !0,
+			detail: { disabled: n }
+		})), i = n;
+	};
+}
+function g(e, n, r) {
+	let i = r.attribute ?? n;
+	if (r.type === "boolean") {
+		let n = t(!1);
+		return {
+			get signal() {
+				return n;
+			},
+			get value() {
+				return n.value;
+			},
+			set(t) {
+				n.value = t, e.toggleAttribute(i, t);
+			},
+			fromAttribute(e) {
+				n.value = e !== null;
+			}
+		};
+	}
+	if (r.type === "number") {
+		let n = r.initial ?? 0, a = t(n);
+		return {
+			get signal() {
+				return a;
+			},
+			get value() {
+				return a.value;
+			},
+			set(t) {
+				a.value = t, e.setAttribute(i, String(t));
+			},
+			fromAttribute(e) {
+				a.value = parseFloat(e ?? String(n)) || n;
+			}
+		};
+	}
+	let a = r.initial ?? "", o = t(a);
+	return {
+		get signal() {
+			return o;
+		},
+		get value() {
+			return o.value;
+		},
+		set(t) {
+			o.value = t, t ? e.getAttribute(i) !== t && e.setAttribute(i, t) : e.removeAttribute(i);
+		},
+		fromAttribute(e) {
+			o.value = e ?? a;
+		}
+	};
+}
+/**
+* Dispatches an attribute change to the matching reactive prop.
+* Returns true if handled, false if no matching prop was found.
+*
+* ```ts
+* attributeChangedCallback(name, old, val) {
+*   if (old === val) return;
+*   if (syncProp(this.#props, name, val)) return;
+*   // handle non-prop attributes...
+*   super.attributeChangedCallback?.(name, old, val);
+* }
+* ```
+*/
+function _(e, t, n) {
+	let r = e[t];
+	return r ? (r.fromAttribute(n), !0) : !1;
+}
+/**
+* Mixin that provides the common form-association boilerplate:
+*
+* - `static formAssociated = true`
+* - `formDisabledCallback` → calls `onFormDisabled(disabled)`
+* - `formResetCallback` → calls `onFormReset()`
+*
+* Subclasses override `onFormDisabled` and `onFormReset` with their own logic.
+*
+* Must remain a mixin (not a controller) because the Web Components spec
+* requires `static formAssociated = true` on the class constructor.
+*
+* ```ts
+* class UIInput extends FormAssociable(UIElement) {
+*   onFormDisabled(disabled: boolean) { this.#disabled.value = disabled; }
+*   onFormReset() { this.textContent = ''; }
+* }
+* ```
+*/
+function v(e) {
+	return class extends e {
+		static formAssociated = !0;
+		/** Override to handle form-initiated disabled state changes. */
+		onFormDisabled(e) {}
+		/** Override to handle form reset. */
+		onFormReset() {}
+		/** Override to handle form state restore (e.g. back/forward navigation). */
+		onFormStateRestore(e) {}
+		formDisabledCallback(e) {
+			this.onFormDisabled(e);
+		}
+		formResetCallback() {
+			this.onFormReset();
+		}
+		formStateRestoreCallback(e, t) {
+			this.onFormStateRestore(e);
+		}
+		formAssociatedCallback(e) {}
+	};
+}
+function y(e, t) {
+	return e.label.toLowerCase().includes(t.toLowerCase());
+}
+var b = class {
+	data;
+	query;
+	#e;
+	#t;
+	filtered;
+	sorted;
+	activeIndex;
+	activeItem;
+	value;
+	selected;
+	#n;
+	selectedItem;
+	empty;
+	constructor(n = {}) {
+		this.data = t([]), this.query = t(""), this.#e = t(n.filterFn ?? y), this.#t = t(n.sortFn ?? null), this.#n = t(n.multiple ?? !1), this.activeIndex = t(n.initialActiveIndex ?? -1), this.value = t(null), this.selected = t(/* @__PURE__ */ new Set()), this.filtered = e(() => {
+			let e = this.data.value, t = this.query.value, n = this.#e.value;
+			return t ? e.filter((e) => n(e, t)) : e;
+		}), this.sorted = e(() => {
+			let e = this.filtered.value, t = this.#t.value;
+			return t ? [...e].sort(t) : e;
+		}), this.activeItem = e(() => {
+			let e = this.view.value, t = this.activeIndex.value;
+			return t >= 0 && t < e.length ? e[t] : null;
+		}), this.selectedItem = e(() => {
+			let e = this.value.value;
+			return e === null ? null : this.data.value.find((t) => t.value === e) ?? null;
+		}), this.empty = e(() => this.view.value.length === 0);
+	}
+	get view() {
+		return this.sorted;
+	}
+	get multiple() {
+		return this.#n.value;
+	}
+	set multiple(e) {
+		this.#n.value = e;
+	}
+	setQuery(e, t) {
+		n(() => {
+			this.query.value = e, this.activeIndex.value = t ?? -1;
+		});
+	}
+	moveActive(e, t) {
+		let n = t ?? this.view.value.length;
+		if (n === 0) return;
+		let r = this.activeIndex.value;
+		if (t == null) {
+			let t = this.view.value, i = (r + e + n) % n, a = 0;
+			for (; t[i]?.disabled && a < n;) i = (i + e + n) % n, a++;
+			this.activeIndex.value = i;
+			return;
+		}
+		this.activeIndex.value = (r + e + n) % n;
+	}
+	selectActive() {
+		let e = this.activeItem.value;
+		e && this.select(e.value);
+	}
+	select(e) {
+		if (this.#n.value) {
+			let t = new Set(this.selected.value);
+			t.add(e), n(() => {
+				this.selected.value = t, this.value.value = e;
+			});
+		} else this.value.value = e;
+	}
+	deselect(e) {
+		if (!this.#n.value) return;
+		let t = new Set(this.selected.value);
+		t.delete(e), n(() => {
+			this.selected.value = t, this.value.value === e && (this.value.value = null);
+		});
+	}
+	toggle(e) {
+		this.#n.value && this.selected.value.has(e) ? this.deselect(e) : this.select(e);
+	}
+	selectAll() {
+		if (!this.#n.value) return;
+		let e = this.view.value;
+		this.selected.value = new Set(e.map((e) => e.value));
+	}
+	clearSelection() {
+		n(() => {
+			this.value.value = null, this.selected.value = /* @__PURE__ */ new Set();
+		});
+	}
+	reset() {
+		n(() => {
+			this.data.value = [], this.query.value = "", this.activeIndex.value = -1, this.value.value = null, this.selected.value = /* @__PURE__ */ new Set();
+		});
+	}
+	setFilter(e) {
+		this.#e.value = e;
+	}
+	setSort(e) {
+		this.#t.value = e;
+	}
+};
+function x(e) {
+	return new b(e);
+}
+/**
+* Validates a JSON string → typed option array.
+* Filters out entries missing `value` or `label` strings.
+*/
+function S(e, t) {
+	try {
+		let t = JSON.parse(e);
+		return Array.isArray(t) ? t.filter((e) => typeof e == "object" && !!e && typeof e.value == "string" && typeof e.label == "string") : [];
+	} catch {
+		return console.warn(`<${t}>: invalid options JSON`, e), [];
+	}
+}
+/**
+* Fetches remote options with abort-guard and stale-response protection.
+* Aborts any in-flight request before starting a new one.
+* Returns the new AbortController for the caller to store.
+*/
+async function C(e, t, n, r) {
+	t?.abort();
+	let i = new AbortController();
+	try {
+		let t = await fetch(e, { signal: i.signal });
+		if (!t.ok) return console.warn(`<${r}>: fetch failed (${t.status}) for ${e}`), i;
+		let a = await t.json();
+		if (i.signal.aborted) return i;
+		n.value = (Array.isArray(a) ? a : []).filter((e) => typeof e == "object" && !!e && typeof e.value == "string" && typeof e.label == "string");
+	} catch (e) {
+		if (e instanceof DOMException && e.name === "AbortError") return i;
+		console.warn(`<${r}>: fetch error`, e);
+	}
+	return i;
+}
+/**
+* Button component with press feedback and form association.
+* @attr {boolean} disabled - Disables interaction
+* @attr {string} type - Form button type: "button" | "submit" | "reset"
+* @fires ui-press - Fired on activation (click, Enter, Space)
+*/
+var ee = class extends v(d) {
+	static observedAttributes = ["disabled", "type"];
+	#e;
+	#t;
+	#n;
+	#r;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "button", this.#t = g(this, "disabled", { type: "boolean" }), this.#n = g(this, "type", {
+			type: "string",
+			initial: "button"
+		});
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.set(e);
+	}
+	get type() {
+		return this.#n.value;
+	}
+	set type(e) {
+		this.#n.set(e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (_({
+			disabled: this.#t,
+			type: this.#n
+		}, e, n), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#r = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#t.signal, this.#e, { manageTabindex: !0 })), this.addEventListener("ui-press", this.#i);
+	}
+	teardown() {
+		this.removeEventListener("ui-press", this.#i), this.#r.destroy(), super.teardown();
+	}
+	#i = () => {
+		if (this.#t.value) return;
+		let e = this.#e.form;
+		if (!e) return;
+		let t = this.#n.value;
+		t === "submit" ? e.requestSubmit() : t === "reset" && e.reset();
+	};
+	onFormDisabled(e) {
+		this.#t.signal.value = e;
+	}
+	onFormReset() {
+		this.#t.signal.value = this.hasAttribute("disabled");
+	}
+}, te = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"placeholder",
+		"disabled",
+		"readonly",
+		"required",
+		"name"
+	];
+	#e;
+	#t = t(!1);
+	#n = t(!1);
+	#r = t("");
+	#i = [];
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "textbox";
+	}
+	get value() {
+		return this.#a();
+	}
+	set value(e) {
+		this.#o(e), this.#r.value = e, this.#e.setFormValue(e), this.#s();
+	}
+	#a() {
+		let e = "";
+		for (let t of this.childNodes) t.nodeType === Node.TEXT_NODE && (e += t.textContent);
+		return e;
+	}
+	#o(e) {
+		for (let e of [...this.childNodes]) e.nodeType === Node.TEXT_NODE && e.remove();
+		e && this.append(e);
+	}
+	get placeholder() {
+		return this.getAttribute("placeholder") ?? "";
+	}
+	set placeholder(e) {
+		this.setAttribute("placeholder", e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	get readOnly() {
+		return this.hasAttribute("readonly");
+	}
+	set readOnly(e) {
+		this.toggleAttribute("readonly", e), this.setAttribute("contenteditable", e ? "false" : "plaintext-only");
+	}
+	get required() {
+		return this.#n.value;
+	}
+	set required(e) {
+		this.#n.value = e, this.toggleAttribute("required", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.#o(n ?? ""), this.#r.value = n ?? "", this.#e.setFormValue(n ?? ""), this.#s();
+					break;
+				case "disabled":
+					this.#t.value = n !== null, this.setAttribute("contenteditable", n !== null || this.hasAttribute("readonly") ? "false" : "plaintext-only");
+					break;
+				case "readonly":
+					this.setAttribute("contenteditable", n !== null || this.#t.value ? "false" : "plaintext-only");
+					break;
+				case "required":
+					this.#n.value = n !== null;
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#i = [...this.querySelectorAll(":scope > [slot]")];
+		for (let e of this.#i) e.setAttribute("contenteditable", "false");
+		this.#n.value = this.hasAttribute("required"), this.#r.value = this.#a(), this.#s(), this.addEffect(h(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+			this.#n.value && this.#r.value === "" ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : this.#e.setValidity({});
+		}), this.addEventListener("input", this.#c), this.addEventListener("blur", this.#l);
+	}
+	teardown() {
+		this.removeEventListener("input", this.#c), this.removeEventListener("blur", this.#l), super.teardown();
+	}
+	select() {
+		let e = document.createRange();
+		e.selectNodeContents(this);
+		let t = window.getSelection();
+		t?.removeAllRanges(), t?.addRange(e);
+	}
+	onFormDisabled(e) {
+		this.#t.value = e, this.setAttribute("contenteditable", e || this.hasAttribute("readonly") ? "false" : "plaintext-only");
+	}
+	onFormReset() {
+		this.#o(""), this.#r.value = "", this.#e.setFormValue(""), this.#s(), this.#t.value = this.hasAttribute("disabled");
+	}
+	#s() {
+		this.#a().trim() === "" ? this.#e.states.add("empty") : this.#e.states.delete("empty");
+	}
+	#c = () => {
+		for (let e of this.#i) e.parentNode || this.appendChild(e);
+		let e = this.#a();
+		this.#r.value = e, this.#e.setFormValue(e), this.#s(), this.dispatchEvent(new CustomEvent("ui-input", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: e }
+		}));
+	};
+	#l = () => {
+		this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#a() }
+		}));
+	};
+}, ne = class extends d {
+	static observedAttributes = [
+		"disabled",
+		"multiple",
+		"virtual-focus"
+	];
+	#e;
+	#t;
+	#n = t(!1);
+	#r = new b();
+	#i;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "listbox", this.#t = g(this, "disabled", { type: "boolean" });
+	}
+	get virtualFocus() {
+		return this.hasAttribute("virtual-focus");
+	}
+	set virtualFocus(e) {
+		this.toggleAttribute("virtual-focus", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.set(e);
+	}
+	get multiple() {
+		return this.#n.value;
+	}
+	set multiple(e) {
+		this.#n.value = e, this.#r.multiple = e, this.toggleAttribute("multiple", e);
+	}
+	get value() {
+		return this.#r.value.value;
+	}
+	get controller() {
+		return this.#r;
+	}
+	get listValue() {
+		return this.#i.listValue;
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (_({ disabled: this.#t }, e, n)) {
+				super.attributeChangedCallback?.(e, t, n);
+				return;
+			}
+			switch (e) {
+				case "multiple":
+					this.#n.value = n !== null, this.#r.multiple = n !== null;
+					break;
+				case "virtual-focus":
+					this.#i && (this.#i.rovingFocus.disabled = n !== null);
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#i = new l(this, {
+			itemSelector: ":scope ui-option:not([disabled])",
+			autoSync: !1,
+			orientation: "vertical",
+			disabled: this.virtualFocus,
+			onChildSelect: (e) => {
+				this.#n.value ? this.#r.toggle(e.value) : this.#r.select(e.value), this.dispatchEvent(new CustomEvent("ui-change", {
+					bubbles: !0,
+					composed: !0,
+					cancelable: !0,
+					detail: e
+				}));
+			},
+			addEffect: (e) => this.addEffect(e),
+			deferChildren: (e) => this.deferChildren(e)
+		}), this.addEffect(h(this, this.#t.signal, this.#e)), this.deferChildren(() => {
+			this.addEffect(() => {
+				let e = this.#r.value.value, t = this.#r.selected.value, n = this.#n.value, r = this.querySelectorAll(":scope ui-option");
+				for (let i of r) {
+					let r = n ? t.has(i.value) : i.value === e;
+					i.setAttribute("aria-selected", r ? "true" : "false");
+				}
+			}), this.addEffect(() => {
+				let e = this.#r.activeIndex.value, t = this.querySelectorAll(":scope ui-option:not([disabled])");
+				for (let n = 0; n < t.length; n++) t[n].toggleAttribute("active", n === e);
+			});
+		});
+	}
+	teardown() {
+		this.#i.destroy(), super.teardown();
+	}
+	getActiveOption() {
+		let e = this.#r.activeIndex.value;
+		return this.querySelectorAll(":scope ui-option:not([disabled])")[e] ?? null;
+	}
+}, re = class extends d {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"label"
+	];
+	#e;
+	#t = t("");
+	#n;
+	#r = t("");
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = g(this, "disabled", { type: "boolean" });
+	}
+	get value() {
+		return this.#t.value;
+	}
+	set value(e) {
+		this.#t.value = e, this.getAttribute("value") !== e && this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.set(e);
+	}
+	get label() {
+		return this.#r.value || this.textContent?.trim() || "";
+	}
+	set label(e) {
+		this.#r.value = e, e ? this.getAttribute("label") !== e && this.setAttribute("label", e) : this.removeAttribute("label");
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (_({ disabled: this.#n }, e, n)) {
+				super.attributeChangedCallback?.(e, t, n);
+				return;
+			}
+			switch (e) {
+				case "value":
+					this.#t.value = n ?? "";
+					break;
+				case "label":
+					this.#r.value = n ?? "";
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
+	}
+	teardown() {
+		this.removeEventListener("click", this.#i), super.teardown();
+	}
+	#i = () => {
+		this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.#t.value,
+				label: this.label
+			}
+		}));
+	};
+}, ie = class extends d {
+	constructor() {
+		super();
+		let e = this.attachInternals();
+		e.role = "presentation";
+	}
+	setup() {
+		super.setup(), this.id ||= r("ogh");
+		let e = this.closest("ui-option-group");
+		e && e.setAttribute("aria-labelledby", this.id);
+	}
+}, ae = class extends d {
+	constructor() {
+		super();
+		let e = this.attachInternals();
+		e.role = "group";
+	}
+}, oe = class extends d {
+	static observedAttributes = ["disabled"];
+	#e;
+	#t = new b({ initialActiveIndex: 0 });
+	#n = t(!1);
+	constructor() {
+		super(), this.#e = this.attachInternals();
+	}
+	get store() {
+		return this.#t;
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.value = e, this.toggleAttribute("disabled", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "disabled" && (this.#n.value = n !== null), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#n, this.#e)), this.addEventListener("ui-input", this.#i), this.addEventListener("ui-select", this.#a), this.addEventListener("keydown", this.#o), this.deferChildren(() => {
+			this.addEffect(() => {
+				let e = this.#t.query.value.toLowerCase().trim(), t = this.querySelectorAll("ui-command-item");
+				for (let n of t) {
+					let t = !e || n.searchText.includes(e);
+					n.toggleAttribute("hidden", !t);
+				}
+			}), this.addEffect(() => {
+				this.#t.query.value;
+				let e = this.#t.activeIndex.value, t = this.#r();
+				for (let n = 0; n < t.length; n++) t[n].toggleAttribute("active", n === e);
+				let n = t[e];
+				n && n.scrollIntoView({ block: "nearest" });
+			}), this.addEffect(() => {
+				this.#t.query.value;
+				let e = this.#r(), t = this.querySelector("ui-command-empty");
+				t && t.toggleAttribute("hidden", e.length > 0);
+			});
+		});
+	}
+	teardown() {
+		this.removeEventListener("ui-input", this.#i), this.removeEventListener("ui-select", this.#a), this.removeEventListener("keydown", this.#o), super.teardown();
+	}
+	#r() {
+		return [...this.querySelectorAll("ui-command-item:not([hidden]):not([disabled])")];
+	}
+	#i = (e) => {
+		if (this.#n.value) return;
+		let t = e.detail;
+		this.#t.setQuery(t.value, 0);
+	};
+	#a = (e) => {
+		if (this.#n.value) return;
+		let t = e.detail;
+		this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: t
+		}));
+	};
+	#o = (e) => {
+		if (this.#n.value) return;
+		let t = this.#r();
+		if (!(t.length === 0 && e.key !== "Escape")) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), this.#t.moveActive(1, t.length);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.#t.moveActive(-1, t.length);
+				break;
+			case "Home":
+				e.preventDefault(), this.#t.activeIndex.value = 0;
+				break;
+			case "End":
+				e.preventDefault(), this.#t.activeIndex.value = Math.max(0, t.length - 1);
+				break;
+			case "Enter": {
+				e.preventDefault();
+				let n = t[this.#t.activeIndex.value];
+				n && n.click();
+				break;
+			}
+			case "Escape":
+				this.dispatchEvent(new CustomEvent("ui-dismiss", {
+					bubbles: !0,
+					composed: !0
+				}));
+				break;
+		}
+	};
+}, se = class extends d {
+	#e = null;
+	setup() {
+		super.setup(), this.deferChildren(() => {
+			this.#e = this.querySelector("input"), this.#e && this.#e.addEventListener("input", this.#t);
+		});
+	}
+	teardown() {
+		this.#e && this.#e.removeEventListener("input", this.#t), this.#e = null, super.teardown();
+	}
+	get inputElement() {
+		return this.#e;
+	}
+	focus(e) {
+		this.#e?.focus(e);
+	}
+	clear() {
+		this.#e && (this.#e.value = "", this.#t());
+	}
+	#t = () => {
+		let e = this.#e?.value ?? "";
+		this.dispatchEvent(new CustomEvent("ui-input", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: e }
+		}));
+	};
+}, ce = class extends d {
+	constructor() {
+		super();
+		let e = this.attachInternals();
+		e.role = "listbox";
+	}
+}, le = class extends d {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"keywords"
+	];
+	#e;
+	#t = t("");
+	#n = t(!1);
+	#r = t("");
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "option";
+	}
+	get value() {
+		return this.#t.value;
+	}
+	set value(e) {
+		this.#t.value = e, this.getAttribute("value") !== e && this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.value = e, this.toggleAttribute("disabled", e);
+	}
+	get keywords() {
+		return this.#r.value;
+	}
+	set keywords(e) {
+		this.#r.value = e, e ? this.getAttribute("keywords") !== e && this.setAttribute("keywords", e) : this.removeAttribute("keywords");
+	}
+	get label() {
+		return this.textContent?.trim() || "";
+	}
+	get searchText() {
+		return `${this.label} ${this.#t.value} ${this.#r.value}`.toLowerCase();
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.#t.value = n ?? "";
+					break;
+				case "disabled":
+					this.#n.value = n !== null;
+					break;
+				case "keywords":
+					this.#r.value = n ?? "";
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#n, this.#e)), this.addEventListener("click", this.#i);
+	}
+	teardown() {
+		this.removeEventListener("click", this.#i), super.teardown();
+	}
+	#i = () => {
+		this.#n.value || this.dispatchEvent(new CustomEvent("ui-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.#t.value,
+				label: this.label
+			}
+		}));
+	};
+}, w = class extends d {
+	constructor() {
+		super();
+		let e = this.attachInternals();
+		e.role = "group";
+	}
+}, T = class extends d {}, E = class extends v(d) {
+	static observedAttributes = [
+		"checked",
+		"indeterminate",
+		"disabled",
+		"name",
+		"value",
+		"required"
+	];
+	#e;
+	#t;
+	#n;
+	#r;
+	#i = t(!1);
+	#a = !1;
+	#o;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "checkbox", this.#t = g(this, "checked", { type: "boolean" }), this.#n = g(this, "indeterminate", { type: "boolean" }), this.#r = g(this, "disabled", { type: "boolean" });
+	}
+	get checked() {
+		return this.#t.value;
+	}
+	set checked(e) {
+		this.#t.set(e);
+	}
+	get indeterminate() {
+		return this.#n.value;
+	}
+	set indeterminate(e) {
+		this.#n.set(e);
+	}
+	get disabled() {
+		return this.#r.value;
+	}
+	set disabled(e) {
+		this.#r.set(e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get value() {
+		return this.getAttribute("value") ?? "on";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get required() {
+		return this.#i.value;
+	}
+	set required(e) {
+		this.#i.value = e, this.toggleAttribute("required", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (_({
+				checked: this.#t,
+				indeterminate: this.#n,
+				disabled: this.#r
+			}, e, n)) {
+				super.attributeChangedCallback?.(e, t, n);
+				return;
+			}
+			e === "required" && (this.#i.value = n !== null), super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#o = new u(this, { disabled: () => this.disabled }), this.#a = this.hasAttribute("checked"), this.#i.value = this.hasAttribute("required"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#r.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+			let e = this.#t.value, t = this.#n.value ? "mixed" : e ? "true" : "false";
+			this.setAttribute("aria-checked", t), this.#e.setFormValue(e ? this.value : null);
+		}), this.addEffect(() => {
+			let e = this.#i.value;
+			this.#e.ariaRequired = e ? "true" : null;
+		}), this.addEffect(() => {
+			this.#i.value && !this.#t.value ? this.#e.setValidity({ valueMissing: !0 }, "Please check this box if you want to proceed.", this) : this.#e.setValidity({});
+		}), this.addEventListener("ui-press", this.#s);
+	}
+	teardown() {
+		this.removeEventListener("ui-press", this.#s), this.#o.destroy(), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#r.signal.value = e;
+	}
+	onFormReset() {
+		this.#t.set(this.#a), this.#n.set(!1);
+	}
+	#s = () => {
+		this.#r.value || (this.#n.value ? (this.indeterminate = !1, this.checked = !0) : this.checked = !this.#t.value, this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				checked: this.#t.value,
+				value: this.value
+			}
+		})));
+	};
+}, D = class extends v(d) {
+	static observedAttributes = [
+		"checked",
+		"disabled",
+		"name",
+		"value"
+	];
+	#e;
+	#t;
+	#n;
+	#r = !1;
+	#i;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "switch", this.#t = g(this, "checked", { type: "boolean" }), this.#n = g(this, "disabled", { type: "boolean" });
+	}
+	get checked() {
+		return this.#t.value;
+	}
+	set checked(e) {
+		this.#t.set(e);
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.set(e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get value() {
+		return this.getAttribute("value") ?? "on";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (_({
+			checked: this.#t,
+			disabled: this.#n
+		}, e, n), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#i = new u(this, { disabled: () => this.disabled }), this.#r = this.hasAttribute("checked"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#n.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+			let e = this.#t.value;
+			this.setAttribute("aria-checked", e ? "true" : "false"), this.#e.setFormValue(e ? this.value : null);
+		}), this.addEventListener("ui-press", this.#a);
+	}
+	teardown() {
+		this.removeEventListener("ui-press", this.#a), this.#i.destroy(), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#n.signal.value = e;
+	}
+	onFormReset() {
+		this.#t.set(this.#r);
+	}
+	#a = () => {
+		this.#n.value || (this.checked = !this.#t.value, this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				checked: this.#t.value,
+				value: this.value
+			}
+		})));
+	};
+}, O = class extends d {
+	static observedAttributes = ["value", "disabled"];
+	#e;
+	#t;
+	#n;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = g(this, "disabled", { type: "boolean" });
+	}
+	get value() {
+		return this.getAttribute("value") ?? "";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.set(e);
+	}
+	get label() {
+		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (_({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.setAttribute("aria-checked", "false"), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(h(this, this.#t.signal, this.#e)), this.addEventListener("click", this.#r), this.addEventListener("keydown", this.#i);
+	}
+	teardown() {
+		this.removeEventListener("click", this.#r), this.removeEventListener("keydown", this.#i), this.#n.destroy(), super.teardown();
+	}
+	#r = () => {
+		this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.value,
+				label: this.label
+			}
+		}));
+	};
+	#i = (e) => {
+		e.key !== "Enter" && e.key !== " " || this.disabled || (e.preventDefault(), this.dispatchEvent(new CustomEvent("ui-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.value,
+				label: this.label
+			}
+		})));
+	};
+}, k = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"name",
+		"required",
+		"orientation"
+	];
+	#e;
+	#t = t(!1);
+	#n = t(!1);
+	#r = null;
+	#i;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "radiogroup";
+	}
+	get value() {
+		return this.#i?.listValue.value ?? null;
+	}
+	set value(e) {
+		this.#i && (this.#i.listValue.value = e), e === null ? this.removeAttribute("value") : this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get required() {
+		return this.#n.value;
+	}
+	set required(e) {
+		this.#n.value = e, this.toggleAttribute("required", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.#i && (this.#i.listValue.value = n);
+					break;
+				case "disabled":
+					this.#t.value = n !== null;
+					break;
+				case "required":
+					this.#n.value = n !== null;
+					break;
+				case "orientation":
+					this.#i && (this.#i.rovingFocus.orientation = n ?? "vertical");
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#r = this.getAttribute("value"), this.#n.value = this.hasAttribute("required"), this.#i = new l(this, {
+			itemSelector: ":scope ui-radio:not([disabled])",
+			ariaAttr: "aria-checked",
+			orientation: "vertical",
+			onChildSelect: (e) => {
+				this.#i.listValue.value = e.value, this.setAttribute("value", e.value), this.dispatchEvent(new CustomEvent("ui-change", {
+					bubbles: !0,
+					composed: !0,
+					detail: e
+				}));
+			},
+			addEffect: (e) => this.addEffect(e),
+			deferChildren: (e) => this.deferChildren(e)
+		});
+		let e = this.getAttribute("value");
+		e !== null && (this.#i.listValue.value = e), this.addEffect(h(this, this.#t, this.#e)), this.addEffect(() => {
+			let e = this.#n.value;
+			this.#e.ariaRequired = e ? "true" : null;
+		}), this.addEffect(() => {
+			let e = this.#i.listValue.value;
+			this.#e.setFormValue(e);
+		}), this.addEffect(() => {
+			let e = this.#i.listValue.value;
+			this.#n.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select one of these options.", this) : this.#e.setValidity({});
+		});
+	}
+	teardown() {
+		this.#i.destroy(), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#t.value = e;
+	}
+	onFormReset() {
+		this.#i && (this.#i.listValue.value = this.#r), this.#r === null ? this.removeAttribute("value") : this.setAttribute("value", this.#r);
+	}
+}, A = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"name",
+		"required"
+	];
+	#e;
+	#t = t(!1);
+	#n = t(!1);
+	#r = null;
+	#i;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "radiogroup";
+	}
+	get value() {
+		return this.#i?.listValue.value ?? null;
+	}
+	set value(e) {
+		this.#i && (this.#i.listValue.value = e), e === null ? this.removeAttribute("value") : this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get required() {
+		return this.#n.value;
+	}
+	set required(e) {
+		this.#n.value = e, this.toggleAttribute("required", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.#i && (this.#i.listValue.value = n);
+					break;
+				case "disabled":
+					this.#t.value = n !== null;
+					break;
+				case "required":
+					this.#n.value = n !== null;
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#r = this.getAttribute("value"), this.#i = new l(this, {
+			itemSelector: ":scope > ui-segment:not([disabled])",
+			ariaAttr: "aria-checked",
+			orientation: "horizontal",
+			onChildSelect: (e) => {
+				this.#i.listValue.value = e.value, this.setAttribute("value", e.value), this.dispatchEvent(new CustomEvent("ui-change", {
+					bubbles: !0,
+					composed: !0,
+					detail: e
+				}));
+			},
+			addEffect: (e) => this.addEffect(e),
+			deferChildren: (e) => this.deferChildren(e)
+		});
+		let e = this.getAttribute("value");
+		e !== null && (this.#i.listValue.value = e), this.addEffect(h(this, this.#t, this.#e)), this.#n.value = this.hasAttribute("required"), this.addEffect(() => {
+			let e = this.#i.listValue.value;
+			this.#n.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select one of these options.", this) : this.#e.setValidity({});
+		}), this.addEffect(() => {
+			let e = this.#i.listValue.value;
+			this.#e.setFormValue(e);
+		}), this.deferChildren(() => {
+			this.addEffect(() => {
+				let e = this.#i.listValue.value, t = this.querySelectorAll(":scope > ui-segment"), n = -1, r = 0;
+				for (let i of t) i.value === e && (n = r), r++;
+				this.#a(n, r);
+			});
+		});
+	}
+	teardown() {
+		this.#i.destroy(), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#t.value = e;
+	}
+	onFormReset() {
+		this.#i && (this.#i.listValue.value = this.#r), this.#r === null ? this.removeAttribute("value") : this.setAttribute("value", this.#r);
+	}
+	#a(e, t) {
+		if (e < 0) {
+			this.#e.states.delete("ready");
+			return;
+		}
+		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_segment-count", `${t}`), this.#e.states.add("ready");
+	}
+}, j = class extends d {
+	static observedAttributes = ["value", "disabled"];
+	#e;
+	#t;
+	#n;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = g(this, "disabled", { type: "boolean" });
+	}
+	get value() {
+		return this.getAttribute("value") ?? "";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.set(e);
+	}
+	get label() {
+		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (_({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(h(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+	}
+	teardown() {
+		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
+	}
+	#r = () => {
+		this.#t.value || this.dispatchEvent(new CustomEvent("ui-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.value,
+				label: this.label
+			}
+		}));
+	};
+}, M = class extends d {
+	static observedAttributes = [
+		"placement",
+		"delay",
+		"disabled"
+	];
+	#e;
+	#t = t(!1);
+	#n = t(!1);
+	#r = null;
+	#i = null;
+	#a = "";
+	constructor() {
+		super(), this.#e = this.attachInternals();
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.value = e, this.toggleAttribute("disabled", e);
+	}
+	get placement() {
+		return this.getAttribute("placement") ?? "top";
+	}
+	set placement(e) {
+		this.setAttribute("placement", e);
+	}
+	get delay() {
+		return Number(this.getAttribute("delay") ?? 500);
+	}
+	set delay(e) {
+		this.setAttribute("delay", String(e));
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "disabled" && (this.#n.value = n !== null), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#n, this.#e)), this.#i = this.parentElement, this.#i && (this.#a = r("tip"), this.#i.style.setProperty("anchor-name", `--${this.#a}`), this.style.setProperty("position-anchor", `--${this.#a}`), this.hasAttribute("popover") || this.setAttribute("popover", "manual"), this.id ||= r("tooltip"), this.#i.setAttribute("aria-describedby", this.id), this.#i.addEventListener("mouseenter", this.#o), this.#i.addEventListener("mouseleave", this.#s), this.#i.addEventListener("focusin", this.#o), this.#i.addEventListener("focusout", this.#s), this.#i.addEventListener("keydown", this.#c), this.addEffect(() => {
+			this.#n.value && this.#t.value && (this.#l(), this.#t.value = !1);
+		}), this.addEffect(() => {
+			if (this.#t.value) try {
+				this.showPopover();
+			} catch {}
+			else try {
+				this.hidePopover();
+			} catch {}
+		}));
+	}
+	teardown() {
+		this.#l(), this.#i &&= (this.#i.removeEventListener("mouseenter", this.#o), this.#i.removeEventListener("mouseleave", this.#s), this.#i.removeEventListener("focusin", this.#o), this.#i.removeEventListener("focusout", this.#s), this.#i.removeEventListener("keydown", this.#c), this.#i.removeAttribute("aria-describedby"), this.#i.style.removeProperty("anchor-name"), null), super.teardown();
+	}
+	#o = () => {
+		this.#n.value || (this.#l(), this.#r = setTimeout(() => {
+			this.#t.value = !0;
+		}, this.delay));
+	};
+	#s = () => {
+		this.#l(), this.#t.value = !1;
+	};
+	#c = (e) => {
+		e.key === "Escape" && this.#t.value && (this.#t.value = !1);
+	};
+	#l() {
+		this.#r !== null && (clearTimeout(this.#r), this.#r = null);
+	}
+}, N = class extends d {
+	static observedAttributes = ["multiple", "disabled"];
+	#e = t(!1);
+	get multiple() {
+		return this.hasAttribute("multiple");
+	}
+	set multiple(e) {
+		this.toggleAttribute("multiple", e);
+	}
+	get disabled() {
+		return this.#e.value;
+	}
+	set disabled(e) {
+		this.#e.value = e, this.toggleAttribute("disabled", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "disabled" && (this.#e.value = n !== null), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#e)), this.addEventListener("toggle", this.#t, !0);
+	}
+	teardown() {
+		this.removeEventListener("toggle", this.#t, !0), super.teardown();
+	}
+	#t = (e) => {
+		if (this.multiple) return;
+		let t = e.target;
+		if (!t.open) return;
+		let n = t.closest("ui-accordion-item");
+		if (!n) return;
+		let r = this.querySelectorAll(":scope > ui-accordion-item[open]");
+		for (let e of r) e !== n && (e.open = !1);
+	};
+}, P = class extends d {
+	static observedAttributes = ["open", "disabled"];
+	#e = t(!1);
+	#t = t(!1);
+	#n = null;
+	get open() {
+		return this.#e.value;
+	}
+	set open(e) {
+		this.#e.value = e, this.toggleAttribute("open", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "open":
+					this.#e.value = n !== null;
+					break;
+				case "disabled":
+					this.#t.value = n !== null;
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup();
+		let e = document.createElement("details"), t = document.createElement("summary"), n = this.querySelector(":scope > [slot=\"heading\"]");
+		n && (n.removeAttribute("slot"), t.appendChild(n));
+		let r = document.createElement("div");
+		for (r.setAttribute("part", "content"); this.firstChild;) r.appendChild(this.firstChild);
+		e.appendChild(t), e.appendChild(r), this.appendChild(e), this.#n = e, this.addEffect(() => {
+			let e = this.#e.value;
+			this.#n && (this.#n.open = e);
+		}), this.addEffect(h(this, this.#t)), e.addEventListener("toggle", this.#r);
+	}
+	teardown() {
+		this.#n?.removeEventListener("toggle", this.#r), this.#n = null, super.teardown();
+	}
+	#r = () => {
+		if (!this.#n) return;
+		let e = this.#n.open;
+		this.#e.value = e, this.toggleAttribute("open", e);
+	};
+}, F = class extends d {
+	static observedAttributes = ["no-close-on-escape", "no-close-on-backdrop"];
+	#e;
+	get open() {
+		return this.#e.open;
+	}
+	showModal() {
+		this.#e.showModal();
+	}
+	close() {
+		this.#e.close();
+	}
+	setup() {
+		super.setup(), this.#e = new m(this);
+	}
+	teardown() {
+		this.#e.destroy(), super.teardown();
+	}
+}, I = class extends d {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"orientation"
+	];
+	#e;
+	#t = t(!1);
+	#n;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "tablist";
+	}
+	get value() {
+		return this.#n?.listValue.value ?? null;
+	}
+	set value(e) {
+		this.#n && (this.#n.listValue.value = e), e === null ? this.removeAttribute("value") : this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.#n && (this.#n.listValue.value = n);
+					break;
+				case "disabled":
+					this.#t.value = n !== null;
+					break;
+				case "orientation":
+					this.#n && (this.#n.rovingFocus.orientation = n === "vertical" ? "vertical" : "horizontal");
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#n = new l(this, {
+			itemSelector: ":scope > ui-tab:not([disabled])",
+			orientation: "horizontal",
+			autoSync: !0,
+			onChildSelect: (e) => {
+				this.#n.listValue.value = e.value, this.setAttribute("value", e.value), this.dispatchEvent(new CustomEvent("ui-change", {
+					bubbles: !0,
+					composed: !0,
+					detail: e
+				}));
+			},
+			addEffect: (e) => this.addEffect(e),
+			deferChildren: (e) => this.deferChildren(e)
+		});
+		let e = this.getAttribute("value");
+		e !== null && (this.#n.listValue.value = e), this.addEffect(h(this, this.#t, this.#e)), this.deferChildren(() => {
+			this.#r(), this.addEffect(() => {
+				let e = this.#n.listValue.value, t = this.querySelectorAll(":scope > ui-tab"), n = this.querySelectorAll(":scope > ui-tab-panels > ui-tab-panel"), r = -1, i = 0;
+				for (let n of t) n.value === e && (r = i), i++;
+				for (let t of n) {
+					let n = t.value === e;
+					t.toggleAttribute("hidden", !n), t.setAttribute("tabindex", n ? "0" : "-1");
+				}
+				this.#i(r, i);
+			});
+		});
+	}
+	teardown() {
+		this.#n.destroy(), super.teardown();
+	}
+	#r() {
+		let e = this.querySelectorAll(":scope > ui-tab"), t = this.querySelectorAll(":scope > ui-tab-panels > ui-tab-panel"), n = /* @__PURE__ */ new Map();
+		for (let e of t) e.id ||= r("tp"), n.set(e.value, e);
+		for (let t of e) {
+			t.id ||= r("tab");
+			let e = n.get(t.value);
+			e && (t.setAttribute("aria-controls", e.id), e.setAttribute("aria-labelledby", t.id));
+		}
+	}
+	#i(e, t) {
+		if (e < 0) {
+			this.#e.states.delete("ready");
+			return;
+		}
+		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_tab-count", `${t}`), this.#e.states.add("ready");
+	}
+}, L = class extends d {
+	static observedAttributes = ["value", "disabled"];
+	#e;
+	#t;
+	#n;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "tab", this.#t = g(this, "disabled", { type: "boolean" });
+	}
+	get value() {
+		return this.getAttribute("value") ?? "";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.set(e);
+	}
+	get label() {
+		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (_({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(h(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+	}
+	teardown() {
+		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
+	}
+	#r = () => {
+		this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.value,
+				label: this.label
+			}
+		}));
+	};
+}, R = class extends d {
+	static observedAttributes = ["value"];
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "tabpanel";
+	}
+	get value() {
+		return this.getAttribute("value") ?? "";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && super.attributeChangedCallback?.(e, t, n);
+	}
+}, z = class extends d {
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "presentation";
+	}
+}, B = class {
+	sortColumn;
+	sortDirection;
+	selected;
+	columnWidths;
+	constructor(e = {}) {
+		this.sortColumn = t(e.sortColumn ?? null), this.sortDirection = t(e.sortDirection ?? "none"), this.selected = t(/* @__PURE__ */ new Set()), this.columnWidths = t([]);
+	}
+	toggleSort(e) {
+		if (this.sortColumn.value === e) {
+			let e = this.sortDirection.value;
+			this.sortDirection.value = e === "asc" ? "desc" : e === "desc" ? "none" : "asc", this.sortDirection.value === "none" && (this.sortColumn.value = null);
+		} else this.sortColumn.value = e, this.sortDirection.value = "asc";
+	}
+	select(e) {
+		let t = new Set(this.selected.value);
+		t.add(e), this.selected.value = t;
+	}
+	deselect(e) {
+		let t = new Set(this.selected.value);
+		t.delete(e), this.selected.value = t;
+	}
+	toggle(e) {
+		this.selected.value.has(e) ? this.deselect(e) : this.select(e);
+	}
+	selectAll(e) {
+		this.selected.value = new Set(e);
+	}
+	clearSelection() {
+		this.selected.value = /* @__PURE__ */ new Set();
+	}
+	isSelected(e) {
+		return this.selected.value.has(e);
+	}
+};
+function V(e = {}) {
+	return new B(e);
+}
+var H = class {
+	table;
+	#e = [];
+	#t = -1;
+	#n = 0;
+	#r = 0;
+	#i = !1;
+	#a;
+	#o;
+	constructor(e, t = {}) {
+		this.table = e, this.#a = t.minWidth ?? 48, this.#o = t.maxWidth ?? Infinity;
+	}
+	/** Call after table is in DOM and has computed layout. */
+	init() {
+		this.table.addEventListener("pointerdown", this.#l);
+	}
+	destroy() {
+		this.table.removeEventListener("pointerdown", this.#l), this.#m();
+	}
+	#s() {
+		this.#e = getComputedStyle(this.table).gridTemplateColumns.split(/\s+/).map((e) => parseFloat(e));
+	}
+	#c() {
+		this.table.style.gridTemplateColumns = this.#e.map((e) => `${e}px`).join(" ");
+	}
+	#l = (e) => {
+		if (e.button !== 0) return;
+		let t = e.target.closest?.(".table-resize-handle");
+		if (!t || !this.table.contains(t)) return;
+		let n = t.closest("ui-table-header");
+		if (!n) return;
+		let r = n.closest("ui-table-row");
+		if (!r) return;
+		let i = [...r.querySelectorAll("ui-table-header")];
+		this.#s();
+		let a = i.indexOf(n);
+		a === -1 || a >= this.#e.length || (e.preventDefault(), e.stopPropagation(), this.table.style.width || (this.table.style.width = `${this.table.offsetWidth}px`), this.#i = !0, this.#t = a, this.#n = e.clientX, this.#r = this.#e[a], t.setPointerCapture(e.pointerId), this.table.setAttribute("resizing", ""), document.addEventListener("pointermove", this.#u), document.addEventListener("pointerup", this.#d), document.addEventListener("pointercancel", this.#f), document.addEventListener("keydown", this.#p), this.table.dispatchEvent(new CustomEvent("ui-table-resize-start", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				column: a,
+				width: this.#r
+			}
+		})));
+	};
+	#u = (e) => {
+		if (!this.#i) return;
+		let t = e.clientX - this.#n, n = Math.min(this.#o, Math.max(this.#a, this.#r + t));
+		this.#e[this.#t] = n, this.#c(), this.table.dispatchEvent(new CustomEvent("ui-table-resize", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				column: this.#t,
+				width: n
+			}
+		}));
+	};
+	#d = (e) => {
+		this.#i && (this.table.dispatchEvent(new CustomEvent("ui-table-resize-end", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				column: this.#t,
+				width: this.#e[this.#t],
+				allWidths: [...this.#e]
+			}
+		})), this.#m());
+	};
+	#f = () => {
+		this.#i && (this.#e[this.#t] = this.#r, this.#c(), this.#m());
+	};
+	#p = (e) => {
+		e.key === "Escape" && this.#i && (e.preventDefault(), this.#e[this.#t] = this.#r, this.#c(), this.#m());
+	};
+	#m() {
+		this.#i = !1, this.#t = -1, this.table.removeAttribute("resizing"), document.removeEventListener("pointermove", this.#u), document.removeEventListener("pointerup", this.#d), document.removeEventListener("pointercancel", this.#f), document.removeEventListener("keydown", this.#p);
+	}
+}, U = class {
+	#e;
+	#t;
+	#n;
+	#r = !1;
+	constructor(e, t) {
+		this.#t = t, this.#n = e, this.#e = new o(e, {
+			selector: "ui-table-row:not([colspan])",
+			axis: "vertical",
+			mode: "slot"
+		}), e.addEventListener("ui-drag-start", this.#i), e.addEventListener("ui-drop", this.#a), e.addEventListener("click", this.#o, { capture: !0 });
+	}
+	#i = (e) => {
+		this.#r = !0;
+		let t = this.#n.querySelector(":scope > [popover][aria-hidden=\"true\"]");
+		t && (t.style.gridTemplateColumns = getComputedStyle(this.#t).gridTemplateColumns, t.style.display = "grid", t.style.alignItems = "center");
+	};
+	#a = (e) => {
+		let t = e.detail, n = new CustomEvent("ui-table-reorder", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: {
+				row: t.item,
+				fromIndex: t.fromIndex,
+				toIndex: t.toIndex
+			}
+		});
+		this.#t.dispatchEvent(n) && (t.insertBefore ? this.#n.insertBefore(t.item, t.insertBefore) : this.#n.appendChild(t.item));
+	};
+	#o = (e) => {
+		this.#r &&= (e.stopPropagation(), !1);
+	};
+	destroy() {
+		this.#n.removeEventListener("ui-drag-start", this.#i), this.#n.removeEventListener("ui-drop", this.#a), this.#n.removeEventListener("click", this.#o, { capture: !0 }), this.#e.destroy();
+	}
+}, W = class extends d {
+	static observedAttributes = [
+		"selectable",
+		"resizable",
+		"reorderable"
+	];
+	#e;
+	#t = new B();
+	#n = null;
+	#r = null;
+	#i = null;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "table";
+	}
+	get store() {
+		return this.#t;
+	}
+	set store(e) {
+		this.#t = e;
+	}
+	get selectable() {
+		return this.hasAttribute("selectable");
+	}
+	set selectable(e) {
+		this.toggleAttribute("selectable", e);
+	}
+	setup() {
+		super.setup(), this.addEventListener("ui-sort", this.#c), this.addEventListener("ui-row-select", this.#l), this.deferChildren(() => {
+			this.addEffect(() => {
+				let e = this.#t.sortColumn.value, t = this.#t.sortDirection.value, n = this.querySelectorAll("ui-table-header[sortable]");
+				for (let r of n) r.column === e ? (r.setAttribute("sort", t), r.setAttribute("aria-sort", t === "asc" ? "ascending" : t === "desc" ? "descending" : "none")) : (r.setAttribute("sort", "none"), r.removeAttribute("aria-sort"));
+			}), this.addEffect(() => {
+				let e = this.#t.selected.value, t = this.querySelectorAll("ui-table-body ui-table-row");
+				for (let n of t) {
+					let t = e.has(n.value);
+					n.toggleAttribute("selected", t), n.setAttribute("aria-selected", t ? "true" : "false");
+				}
+			}), this.addEffect(() => {
+				let e = this.#t.sortColumn.value, t = this.querySelectorAll("ui-table-body ui-table-row[colspan]");
+				for (let n of t) n.toggleAttribute("hidden", e !== null);
+			}), this.hasAttribute("resizable") && this.#a(), this.hasAttribute("sticky-header") && this.#o(), this.hasAttribute("reorderable") && this.#s();
+		});
+	}
+	teardown() {
+		this.#n?.destroy(), this.#n = null, this.#r?.disconnect(), this.#r = null, this.#i?.destroy(), this.#i = null, this.removeEventListener("ui-sort", this.#c), this.removeEventListener("ui-row-select", this.#l), super.teardown();
+	}
+	#a() {
+		let e = this.querySelectorAll("ui-table-header");
+		for (let t of e) {
+			let e = document.createElement("div");
+			e.className = "table-resize-handle", e.setAttribute("aria-hidden", "true"), e.addEventListener("click", (e) => e.stopPropagation()), t.appendChild(e);
+		}
+		this.#n = new H(this), this.#n.init();
+	}
+	#o() {
+		let e = this.querySelector(":scope > ui-table-head > ui-table-row");
+		e && (this.#r = new ResizeObserver((e) => {
+			for (let t of e) {
+				let e = t.borderBoxSize?.[0]?.blockSize ?? t.target.getBoundingClientRect().height;
+				this.style.setProperty("--_header-height", `${e}px`);
+			}
+		}), this.#r.observe(e));
+	}
+	#s() {
+		let e = this.querySelector(":scope > ui-table-body");
+		e && (this.#i = new U(e, this));
+	}
+	#c = (e) => {
+		let t = e.detail;
+		this.#t.toggleSort(t.column), this.dispatchEvent(new CustomEvent("ui-table-sort", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				column: this.#t.sortColumn.value,
+				direction: this.#t.sortDirection.value
+			}
+		}));
+	};
+	#l = (e) => {
+		if (!this.selectable) return;
+		let t = e.detail;
+		this.#t.toggle(t.value), this.dispatchEvent(new CustomEvent("ui-table-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: t.value,
+				selected: this.#t.isSelected(t.value),
+				allSelected: [...this.#t.selected.value]
+			}
+		}));
+	};
+}, ue = class extends d {
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
+	}
+}, de = class extends d {
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
+	}
+}, fe = class extends d {
+	static observedAttributes = ["value", "selected"];
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "row";
+	}
+	get value() {
+		return this.getAttribute("value") ?? "";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get selected() {
+		return this.hasAttribute("selected");
+	}
+	set selected(e) {
+		this.toggleAttribute("selected", e);
+	}
+	setup() {
+		super.setup(), this.addEventListener("click", this.#t);
+	}
+	teardown() {
+		this.removeEventListener("click", this.#t), super.teardown();
+	}
+	#t = () => {
+		this.hasAttribute("colspan") || this.closest("ui-table")?.hasAttribute("selectable") && this.dispatchEvent(new CustomEvent("ui-row-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.value }
+		}));
+	};
+}, pe = class extends d {
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "cell";
+	}
+}, me = class extends d {
+	static observedAttributes = ["sort", "sortable"];
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "columnheader";
+	}
+	get column() {
+		return this.getAttribute("column") ?? "";
+	}
+	get sortable() {
+		return this.hasAttribute("sortable");
+	}
+	get sort() {
+		return this.getAttribute("sort") ?? "none";
+	}
+	set sort(e) {
+		this.setAttribute("sort", e);
+	}
+	setup() {
+		super.setup(), this.sortable && (this.setAttribute("tabindex", "0"), this.addEventListener("click", this.#t), this.addEventListener("keydown", this.#n));
+	}
+	teardown() {
+		this.removeEventListener("click", this.#t), this.removeEventListener("keydown", this.#n), super.teardown();
+	}
+	#t = () => {
+		this.sortable && this.dispatchEvent(new CustomEvent("ui-sort", {
+			bubbles: !0,
+			composed: !0,
+			detail: { column: this.column }
+		}));
+	};
+	#n = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#t());
+	};
+};
+function G(e) {
+	if (!e) return null;
+	let t = /* @__PURE__ */ new Date(e + "T00:00:00");
+	return isNaN(t.getTime()) ? null : t;
+}
+function he(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function K(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+var q = class {
+	view;
+	focusedYear;
+	focusedMonth;
+	value;
+	rangeStart;
+	rangeEnd;
+	min;
+	max;
+	days;
+	months;
+	years;
+	title;
+	constructor(n = {}) {
+		let r = /* @__PURE__ */ new Date(), i = G(n.value ?? null) ?? r;
+		this.view = t("day"), this.focusedYear = t(i.getFullYear()), this.focusedMonth = t(i.getMonth()), this.value = t(n.value ?? null), this.rangeStart = t(n.rangeStart ?? null), this.rangeEnd = t(n.rangeEnd ?? null), this.min = t(n.min ?? null), this.max = t(n.max ?? null), this.days = e(() => this.#e()), this.months = e(() => this.#t()), this.years = e(() => this.#n()), this.title = e(() => this.#r());
+	}
+	prevMonth() {
+		n(() => {
+			this.focusedMonth.value === 0 ? (this.focusedMonth.value = 11, this.focusedYear.value--) : this.focusedMonth.value--;
+		});
+	}
+	nextMonth() {
+		n(() => {
+			this.focusedMonth.value === 11 ? (this.focusedMonth.value = 0, this.focusedYear.value++) : this.focusedMonth.value++;
+		});
+	}
+	prevYear() {
+		this.focusedYear.value--;
+	}
+	nextYear() {
+		this.focusedYear.value++;
+	}
+	prevDecade() {
+		this.focusedYear.value -= 10;
+	}
+	nextDecade() {
+		this.focusedYear.value += 10;
+	}
+	selectDate(e) {
+		this.value.value = e;
+	}
+	selectMonth(e) {
+		this.focusedMonth.value = e, this.view.value = "day";
+	}
+	selectYear(e) {
+		this.focusedYear.value = e, this.view.value = "month";
+	}
+	setRange(e, t) {
+		this.rangeStart.value = e, this.rangeEnd.value = t;
+	}
+	isDateDisabled(e) {
+		let t = G(this.min.value), n = G(this.max.value), r = G(e);
+		return !!(!r || t && r < t || n && r > n);
+	}
+	#e() {
+		let e = this.focusedYear.value, t = this.focusedMonth.value, n = G(this.value.value), r = /* @__PURE__ */ new Date(), i = G(this.rangeStart.value), a = G(this.rangeEnd.value), o = new Date(e, t, 1).getDay(), s = new Date(e, t, 1 - o), c = [];
+		for (let e = 0; e < 42; e++) {
+			let o = new Date(s.getFullYear(), s.getMonth(), s.getDate() + e), l = he(o), u = o.getMonth() === t, d = K(o, r), f = n ? K(o, n) : !1, p = this.isDateDisabled(l), m = !1, h = !1, g = !1;
+			if (i && a) {
+				let e = i <= a ? i : a, t = i <= a ? a : i;
+				m = o >= e && o <= t, h = K(o, e), g = K(o, t);
+			}
+			c.push({
+				date: l,
+				day: o.getDate(),
+				inMonth: u,
+				isToday: d,
+				isSelected: f,
+				isDisabled: p,
+				inRange: m,
+				isRangeStart: h,
+				isRangeEnd: g
+			});
+		}
+		return c;
+	}
+	#t() {
+		let e = this.focusedYear.value, t = this.focusedMonth.value;
+		return [
+			"Jan",
+			"Feb",
+			"Mar",
+			"Apr",
+			"May",
+			"Jun",
+			"Jul",
+			"Aug",
+			"Sep",
+			"Oct",
+			"Nov",
+			"Dec"
+		].map((n, r) => ({
+			month: r,
+			name: n,
+			isCurrent: r === t && e === (/* @__PURE__ */ new Date()).getFullYear(),
+			isSelected: r === t
+		}));
+	}
+	#n() {
+		let e = this.focusedYear.value, t = Math.floor(e / 10) * 10, n = (/* @__PURE__ */ new Date()).getFullYear(), r = [];
+		for (let i = t - 1; i <= t + 10; i++) r.push({
+			year: i,
+			inDecade: i >= t && i < t + 10,
+			isCurrent: i === n,
+			isSelected: i === e
+		});
+		return r;
+	}
+	#r() {
+		let e = [
+			"January",
+			"February",
+			"March",
+			"April",
+			"May",
+			"June",
+			"July",
+			"August",
+			"September",
+			"October",
+			"November",
+			"December"
+		];
+		switch (this.view.value) {
+			case "day": return `${e[this.focusedMonth.value]} ${this.focusedYear.value}`;
+			case "month": return `${this.focusedYear.value}`;
+			case "year": {
+				let e = Math.floor(this.focusedYear.value / 10) * 10;
+				return `${e}–${e + 9}`;
+			}
+		}
+	}
+};
+function ge(e = {}) {
+	return new q(e);
+}
+/**
+* Calendar date picker with day/month/year views and optional range selection.
+* @attr {string} value - Selected date in ISO format (YYYY-MM-DD)
+* @attr {string} min - Minimum selectable date in ISO format
+* @attr {string} max - Maximum selectable date in ISO format
+* @attr {boolean} disabled - Disables interaction
+* @attr {string} name - Form field name
+* @attr {boolean} range - Enables range selection mode
+* @fires ui-change - Fired on single date selection with `{ value }` detail
+* @fires ui-range-select - Fired on range commit with `{ start, end }` detail
+*/
+var _e = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"min",
+		"max",
+		"disabled",
+		"name",
+		"range",
+		"required"
+	];
+	#e;
+	#t = new q();
+	#n = t(!1);
+	#r = t(!1);
+	#i = null;
+	#a = t(0);
+	#o = "idle";
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "group", this.setAttribute("tabindex", "0");
+	}
+	get store() {
+		return this.#t;
+	}
+	get value() {
+		return this.#t.value.value;
+	}
+	set value(e) {
+		this.#t.value.value = e, e ? this.setAttribute("value", e) : this.removeAttribute("value");
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.value = e, this.toggleAttribute("disabled", e);
+	}
+	get required() {
+		return this.#r.value;
+	}
+	set required(e) {
+		this.#r.value = e, this.toggleAttribute("required", e);
+	}
+	get range() {
+		return this.hasAttribute("range");
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.#t.value.value = n;
+					break;
+				case "min":
+					this.#t.min.value = n;
+					break;
+				case "max":
+					this.#t.max.value = n;
+					break;
+				case "disabled":
+					this.#n.value = n !== null;
+					break;
+				case "required":
+					this.#r.value = n !== null;
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#i = this.getAttribute("value");
+		let e = this.getAttribute("value"), t = this.getAttribute("min"), r = this.getAttribute("max");
+		n(() => {
+			e && (this.#t.value.value = e), t && (this.#t.min.value = t), r && (this.#t.max.value = r);
+		}), this.#s(), this.addEventListener("keydown", this.#b), this.addEffect(() => this.#c()), this.addEffect(() => {
+			this.#e.setFormValue(this.#t.value.value);
+		}), this.addEffect(h(this, this.#n, this.#e, { manageTabindex: !0 })), this.#r.value = this.hasAttribute("required"), this.addEffect(() => {
+			let e = this.#t.value.value;
+			this.#r.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select a date.", this) : this.#e.setValidity({});
+		});
+	}
+	teardown() {
+		this.querySelector(".cal-prev")?.removeEventListener("click", this.#l), this.querySelector(".cal-next")?.removeEventListener("click", this.#u), this.querySelector(".cal-title")?.removeEventListener("click", this.#d);
+		let e = this.querySelector(".cal-grid");
+		e?.removeEventListener("click", this.#f), e?.removeEventListener("pointermove", this.#p), this.removeEventListener("keydown", this.#b), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#n.value = e;
+	}
+	onFormReset() {
+		this.#t.value.value = this.#i, this.#i ? this.setAttribute("value", this.#i) : this.removeAttribute("value");
+	}
+	#s() {
+		this.innerHTML = "\n      <div class=\"cal-header\">\n        <button type=\"button\" class=\"cal-prev\" aria-label=\"Previous\" tabindex=\"-1\"></button>\n        <button type=\"button\" class=\"cal-title\" tabindex=\"-1\"></button>\n        <button type=\"button\" class=\"cal-next\" aria-label=\"Next\" tabindex=\"-1\"></button>\n      </div>\n      <div class=\"cal-weekdays\"></div>\n      <div class=\"cal-grid\" role=\"grid\"></div>\n    ";
+		let e = this.querySelector(".cal-prev"), t = this.querySelector(".cal-next"), n = this.querySelector(".cal-title");
+		e?.addEventListener("click", this.#l), t?.addEventListener("click", this.#u), n?.addEventListener("click", this.#d);
+		let r = this.querySelector(".cal-grid");
+		r?.addEventListener("click", this.#f), r?.addEventListener("pointermove", this.#p);
+	}
+	#c() {
+		let e = this.#t.view.value, t = this.querySelector(".cal-title"), n = this.querySelector(".cal-weekdays"), r = this.querySelector(".cal-grid");
+		!t || !n || !r || (t.textContent = this.#t.title.value, e === "day" ? (this.setAttribute("view", "day"), n.innerHTML = [
+			"Su",
+			"Mo",
+			"Tu",
+			"We",
+			"Th",
+			"Fr",
+			"Sa"
+		].map((e) => `<span class="cal-weekday">${e}</span>`).join(""), r.innerHTML = this.#t.days.value.map((e, t) => {
+			let n = `class="cal-cell" data-date="${e.date}" data-index="${t}" tabindex="-1"`;
+			return e.inMonth || (n += " data-outside"), e.isToday && (n += " data-today"), e.isSelected && (n += " data-selected"), e.isDisabled && (n += " disabled"), e.inRange && (n += " data-in-range"), e.isRangeStart && (n += " data-range-start"), e.isRangeEnd && (n += " data-range-end"), `<button type="button" ${n}>${e.day}</button>`;
+		}).join("")) : e === "month" ? (this.setAttribute("view", "month"), n.innerHTML = "", r.innerHTML = this.#t.months.value.map((e) => {
+			let t = `class="cal-cell" data-month="${e.month}" tabindex="-1"`;
+			return e.isCurrent && (t += " data-today"), e.isSelected && (t += " data-selected"), `<button type="button" ${t}>${e.name}</button>`;
+		}).join("")) : (this.setAttribute("view", "year"), n.innerHTML = "", r.innerHTML = this.#t.years.value.map((e) => {
+			let t = `class="cal-cell" data-year="${e.year}" tabindex="-1"`;
+			return e.inDecade || (t += " data-outside"), e.isCurrent && (t += " data-today"), e.isSelected && (t += " data-selected"), `<button type="button" ${t}>${e.year}</button>`;
+		}).join("")));
+	}
+	#l = () => {
+		this.#m();
+	};
+	#u = () => {
+		this.#h();
+	};
+	#d = () => {
+		this.#g();
+	};
+	#f = (e) => {
+		this.#_(e);
+	};
+	#p = (e) => {
+		this.#y(e);
+	};
+	#m() {
+		let e = this.#t.view.value;
+		e === "day" ? this.#t.prevMonth() : e === "month" ? this.#t.prevYear() : this.#t.prevDecade();
+	}
+	#h() {
+		let e = this.#t.view.value;
+		e === "day" ? this.#t.nextMonth() : e === "month" ? this.#t.nextYear() : this.#t.nextDecade();
+	}
+	#g() {
+		let e = this.#t.view.value;
+		e === "day" ? this.#t.view.value = "month" : e === "month" && (this.#t.view.value = "year");
+	}
+	#_(e) {
+		if (this.#n.value) return;
+		let t = e.target.closest(".cal-cell");
+		if (!t || t.hasAttribute("disabled")) return;
+		let n = t.dataset.date, r = t.dataset.month, i = t.dataset.year;
+		n ? this.#v(n) : r === void 0 ? i !== void 0 && this.#t.selectYear(Number(i)) : this.#t.selectMonth(Number(r));
+	}
+	#v(e) {
+		if (this.range) if (this.#o === "idle") this.#t.selectDate(e), this.#t.setRange(e, null), this.setAttribute("value", e), this.#o = "selecting";
+		else if (this.#o === "selecting") {
+			let t = this.#t.rangeStart.value;
+			if (!t) return;
+			this.#t.setRange(t, e), this.#o = "committed", this.dispatchEvent(new CustomEvent("ui-range-select", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					start: this.#t.rangeStart.value,
+					end: this.#t.rangeEnd.value
+				}
+			}));
+		} else this.#t.value.value = null, this.#t.setRange(null, null), this.removeAttribute("value"), this.#o = "idle";
+		else this.#t.selectDate(e), this.setAttribute("value", e), this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: e }
+		}));
+	}
+	#y(e) {
+		if (this.#n.value || !this.range || this.#o !== "selecting") return;
+		let t = e.target.closest(".cal-cell");
+		if (!t || t.hasAttribute("disabled")) return;
+		let n = t.dataset.date;
+		if (!n) return;
+		let r = this.#t.rangeStart.value;
+		r && this.#t.setRange(r, n);
+	}
+	#b = (e) => {
+		if (this.#n.value || this.#t.view.value !== "day") return;
+		let t = this.#t.days.value, n = this.#a.value, r = !0;
+		switch (e.key) {
+			case "ArrowRight":
+				n += 1;
+				break;
+			case "ArrowLeft":
+				--n;
+				break;
+			case "ArrowDown":
+				n += 7;
+				break;
+			case "ArrowUp":
+				n -= 7;
+				break;
+			case "Home":
+				n -= n % 7;
+				break;
+			case "End":
+				n = n - n % 7 + 6;
+				break;
+			case "PageDown":
+				e.shiftKey ? this.#t.nextYear() : this.#t.nextMonth();
+				break;
+			case "PageUp":
+				e.shiftKey ? this.#t.prevYear() : this.#t.prevMonth();
+				break;
+			case "Enter":
+			case " ": {
+				let e = t[n];
+				e && !e.isDisabled && this.#v(e.date);
+				break;
+			}
+			default: r = !1;
+		}
+		r && (e.preventDefault(), n = Math.max(0, Math.min(41, n)), this.#a.value = n, n < 0 && this.#t.prevMonth(), n > 41 && this.#t.nextMonth());
+	};
+}, J = class {
+	open = t(!1);
+	value = t(null);
+	label = t("");
+	toggle() {
+		this.open.value = !this.open.value;
+	}
+	show() {
+		this.open.value = !0;
+	}
+	hide() {
+		this.open.value = !1;
+	}
+	select(e, t) {
+		n(() => {
+			this.value.value = e, this.label.value = t, this.open.value = !1;
+		});
+	}
+	reset() {
+		n(() => {
+			this.open.value = !1, this.value.value = null, this.label.value = "";
+		});
+	}
+}, ve = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"name",
+		"options",
+		"src",
+		"placeholder",
+		"required"
+	];
+	#e;
+	#t = new J();
+	#n = t(!1);
+	#r = t(!1);
+	#i;
+	#a = t([]);
+	#o = t(null);
+	#s = t("");
+	#c = !1;
+	#l = null;
+	#u = null;
+	#d = null;
+	constructor() {
+		super(), this.#e = this.attachInternals();
+	}
+	get controller() {
+		return this.#t;
+	}
+	get value() {
+		return this.#t.value.value;
+	}
+	set value(e) {
+		if (e === null) {
+			this.#t.reset();
+			return;
+		}
+		let t = this.querySelector(`ui-option[value="${CSS.escape(e)}"]`), n = t?.getAttribute("label") ?? t?.textContent?.trim() ?? e;
+		this.#t.select(e, n);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.value = e, this.toggleAttribute("disabled", e);
+	}
+	get required() {
+		return this.#r.value;
+	}
+	set required(e) {
+		this.#r.value = e, this.toggleAttribute("required", e);
+	}
+	get options() {
+		return this.#a.value;
+	}
+	set options(e) {
+		this.#a.value = e, this.setAttribute("options", JSON.stringify(e));
+	}
+	get src() {
+		return this.#o.value;
+	}
+	set src(e) {
+		this.#o.value = e, e == null ? this.removeAttribute("src") : this.setAttribute("src", e);
+	}
+	get placeholder() {
+		return this.#s.value;
+	}
+	set placeholder(e) {
+		this.#s.value = e, e ? this.setAttribute("placeholder", e) : this.removeAttribute("placeholder");
+	}
+	#f(e) {
+		return S(e, "ui-select");
+	}
+	async #p(e) {
+		this.#l = await C(e, this.#l, this.#a, "ui-select");
+	}
+	#m() {
+		let e = document.createElement("ui-button");
+		e.setAttribute("justify", "spread");
+		let t = document.createElement("span");
+		t.setAttribute("slot", "label"), t.textContent = this.#s.value || "\xA0", e.appendChild(t);
+		let n = document.createElement("ui-icon");
+		n.setAttribute("name", "caret-up-down"), n.setAttribute("slot", "trailing"), e.appendChild(n);
+		let r = document.createElement("ui-listbox");
+		r.setAttribute("popover", "manual"), this.appendChild(e), this.appendChild(r);
+	}
+	#h(e) {
+		let t = this.#u;
+		if (t) {
+			for (; t.firstChild;) t.removeChild(t.firstChild);
+			for (let n of e) {
+				let e = document.createElement("ui-option");
+				e.setAttribute("value", n.value), e.setAttribute("label", n.label), e.textContent = n.label, n.disabled && e.setAttribute("disabled", ""), t.appendChild(e);
+			}
+		}
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "disabled":
+					this.#n.value = n !== null;
+					break;
+				case "required":
+					this.#r.value = n !== null;
+					break;
+				case "options":
+					n ? this.#a.value = this.#f(n) : this.#a.value = [];
+					break;
+				case "src":
+					this.#o.value = n;
+					break;
+				case "placeholder":
+					this.#s.value = n ?? "";
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		if (super.setup(), this.#i = new f(this), this.#c = this.hasAttribute("options") || this.hasAttribute("src"), this.#c) {
+			let e = this.getAttribute("options");
+			e && (this.#a.value = this.#f(e)), this.#o.value = this.getAttribute("src"), this.#s.value = this.getAttribute("placeholder") ?? "", this.#m();
+		}
+		let e = this.querySelector(":scope > ui-button");
+		this.#d = e;
+		let t = this.querySelector(":scope > ui-listbox[popover]");
+		this.#u = t, t?.setAttribute("popover", "manual"), e && t && this.#i.wirePopover(e, t), e?.setAttribute("aria-haspopup", "listbox"), this.deferChildren(() => {
+			let n = this.getAttribute("value");
+			if (n) {
+				let e = this.querySelector(`ui-option[value="${CSS.escape(n)}"]`), t = e?.getAttribute("label") ?? e?.textContent?.trim() ?? n;
+				this.#t.value.value = n, this.#t.label.value = t;
+			}
+			this.addEffect(() => {
+				let t = this.#t.label.value, n = e?.querySelector("[slot=\"label\"]");
+				n && (n.textContent = t || (this.#c ? this.#s.value || "\xA0" : n.textContent ?? ""));
+			}), this.addEffect(() => {
+				let e = this.#t.value.value, n = t?.querySelectorAll("ui-option") ?? [];
+				for (let t of n) {
+					let n = t.getAttribute("value") === e;
+					t.setAttribute("aria-selected", String(n));
+				}
+			}), this.#c && (this.addEffect(() => {
+				let e = this.#a.value;
+				this.#h(e);
+			}), this.addEffect(() => {
+				let e = this.#o.value;
+				e && this.#p(e);
+			}), this.addEffect(() => {
+				let t = this.#s.value, n = this.#t.label.value, r = e?.querySelector("[slot=\"label\"]");
+				r && !n && (r.textContent = t || "\xA0");
+			}));
+		}), this.addEffect(h(this, this.#n, this.#e)), this.addEffect(() => {
+			let t = this.#n.value;
+			e && e.toggleAttribute("disabled", t), t && this.#t.open.value && this.#t.hide();
+		}), this.#r.value = this.hasAttribute("required"), this.addEffect(() => {
+			let e = this.#t.value.value;
+			this.#r.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select an option.", this) : this.#e.setValidity({});
+		}), this.addEffect(() => {
+			let t = this.#t.open.value;
+			this.#i.syncPopover(t), e?.setAttribute("aria-expanded", String(t));
+		}), this.addEffect(() => {
+			let e = this.#t.value.value;
+			this.#e.setFormValue(e ?? ""), e == null ? this.removeAttribute("value") : this.setAttribute("value", e);
+		}), e?.addEventListener("ui-press", this.#g), this.addEventListener("ui-change", this.#_), this.addEventListener("ui-select", this.#v), this.addEventListener("ui-dismiss", this.#y), e?.addEventListener("keydown", this.#b);
+	}
+	#g = () => {
+		this.#n.value || this.#t.toggle();
+	};
+	#_ = (e) => {
+		e.target !== this && e.stopImmediatePropagation();
+	};
+	#v = (e) => {
+		let t = e.detail;
+		this.#t.select(t.value, t.label), this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: t
+		}));
+	};
+	#y = () => {
+		this.#t.hide();
+	};
+	#b = (e) => {
+		if (this.#n.value) return;
+		let t = this.#u;
+		switch (e.key) {
+			case "ArrowDown":
+			case "ArrowUp": {
+				e.preventDefault();
+				let n = t?.controller;
+				if (this.#t.open.value || this.#t.show(), n) {
+					let r = t?.querySelectorAll(":scope > ui-option:not([disabled])")?.length ?? 0;
+					n.moveActive(e.key === "ArrowDown" ? 1 : -1, r);
+				}
+				break;
+			}
+			case "Enter":
+			case " ":
+				if (e.preventDefault(), this.#t.open.value) {
+					let e = t?.getActiveOption();
+					e && e.click();
+				} else this.#t.toggle();
+				break;
+			case "Escape":
+				this.#t.open.value && (e.preventDefault(), this.#t.hide());
+				break;
+			case "Home": {
+				e.preventDefault();
+				let n = t?.controller;
+				n && (n.activeIndex.value = 0);
+				break;
+			}
+			case "End": {
+				e.preventDefault();
+				let n = t?.controller;
+				if (n) {
+					let e = t?.querySelectorAll(":scope > ui-option:not([disabled])");
+					n.activeIndex.value = Math.max(0, (e?.length ?? 1) - 1);
+				}
+				break;
+			}
+		}
+	};
+	teardown() {
+		this.#d?.removeEventListener("ui-press", this.#g), this.#d?.removeEventListener("keydown", this.#b), this.removeEventListener("ui-change", this.#_), this.removeEventListener("ui-select", this.#v), this.removeEventListener("ui-dismiss", this.#y), this.#d = null, this.#l?.abort(), this.#l = null, this.#u = null, this.#i.destroy(), super.teardown();
+	}
+	onFormReset() {
+		this.#t.reset();
+	}
+	onFormDisabled(e) {
+		this.#n.value = e;
+	}
+}, ye = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"name",
+		"options",
+		"src",
+		"placeholder",
+		"required"
+	];
+	#e;
+	#t = new b();
+	#n = t(!1);
+	#r = t(!1);
+	#i = t(!1);
+	#a;
+	#o = r("listbox");
+	#s = null;
+	#c = t([]);
+	#l = t(null);
+	#u = t("");
+	#d = !1;
+	#f = null;
+	#p = null;
+	constructor() {
+		super(), this.#e = this.attachInternals();
+	}
+	get store() {
+		return this.#t;
+	}
+	get value() {
+		return this.#t.value.value;
+	}
+	set value(e) {
+		if (e === null) {
+			n(() => {
+				this.#t.clearSelection(), this.#t.query.value = "", this.#t.activeIndex.value = -1, this.#n.value = !1;
+			});
+			return;
+		}
+		this.#t.select(e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get disabled() {
+		return this.#r.value;
+	}
+	set disabled(e) {
+		this.#r.value = e, this.toggleAttribute("disabled", e);
+	}
+	get required() {
+		return this.#i.value;
+	}
+	set required(e) {
+		this.#i.value = e, this.toggleAttribute("required", e);
+	}
+	get options() {
+		return this.#c.value;
+	}
+	set options(e) {
+		this.#c.value = e, this.setAttribute("options", JSON.stringify(e));
+	}
+	get src() {
+		return this.#l.value;
+	}
+	set src(e) {
+		this.#l.value = e, e == null ? this.removeAttribute("src") : this.setAttribute("src", e);
+	}
+	get placeholder() {
+		return this.#u.value;
+	}
+	set placeholder(e) {
+		this.#u.value = e, e ? this.setAttribute("placeholder", e) : this.removeAttribute("placeholder");
+	}
+	#m(e) {
+		return S(e, "ui-combobox");
+	}
+	async #h(e) {
+		this.#f = await C(e, this.#f, this.#c, "ui-combobox");
+	}
+	#g() {
+		let e = document.createElement("ui-input"), t = this.#u.value;
+		t && e.setAttribute("placeholder", t);
+		let n = this.getAttribute("size");
+		n && e.setAttribute("size", n);
+		let r = document.createElement("ui-listbox");
+		r.setAttribute("popover", "manual"), this.appendChild(e), this.appendChild(r);
+	}
+	#_(e) {
+		let t = this.#p;
+		if (t) {
+			for (; t.firstChild;) t.removeChild(t.firstChild);
+			for (let n of e) {
+				let e = document.createElement("ui-option");
+				e.setAttribute("value", n.value), e.setAttribute("label", n.label), e.textContent = n.label, n.disabled && e.setAttribute("disabled", ""), t.appendChild(e);
+			}
+			this.#t.data.value = e;
+		}
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "disabled":
+					this.#r.value = n !== null;
+					break;
+				case "required":
+					this.#i.value = n !== null;
+					break;
+				case "options":
+					n ? this.#c.value = this.#m(n) : this.#c.value = [];
+					break;
+				case "src":
+					this.#l.value = n;
+					break;
+				case "placeholder":
+					this.#u.value = n ?? "";
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		if (super.setup(), this.#a = new f(this), this.#d = this.hasAttribute("options") || this.hasAttribute("src"), this.#d) {
+			let e = this.getAttribute("options");
+			e && (this.#c.value = this.#m(e)), this.#l.value = this.getAttribute("src"), this.#u.value = this.getAttribute("placeholder") ?? "", this.#g();
+		}
+		let e = this.querySelector(":scope > ui-input");
+		this.#s = e;
+		let t = this.querySelector(":scope > ui-listbox[popover]");
+		this.#p = t, t?.setAttribute("popover", "manual"), t?.setAttribute("virtual-focus", ""), e && t && (this.#a.wirePopover(e, t), t.id ||= this.#o), e?.setAttribute("role", "combobox"), e?.setAttribute("aria-autocomplete", "list"), e?.setAttribute("aria-controls", t?.id ?? ""), e?.setAttribute("aria-expanded", "false"), this.deferChildren(() => {
+			if (!this.#d) {
+				let e = t?.querySelectorAll("ui-option") ?? [];
+				this.#t.data.value = [...e].map((e) => ({
+					value: e.getAttribute("value") ?? "",
+					label: e.getAttribute("label") ?? e.textContent?.trim() ?? ""
+				}));
+			}
+			let n = this.getAttribute("value");
+			if (n) {
+				let e = this.querySelector(`ui-option[value="${CSS.escape(n)}"]`), t = e?.getAttribute("label") ?? e?.textContent?.trim() ?? n;
+				this.#t.value.value = n, this.#t.query.value = t;
+			}
+			this.addEffect(() => {
+				let e = this.#t.view.value, n = new Set(e.map((e) => e.value)), r = t?.querySelectorAll("ui-option") ?? [];
+				for (let e of r) e.toggleAttribute("hidden", !n.has(e.getAttribute("value") ?? ""));
+			}), this.addEffect(() => {
+				this.#t.view.value;
+				let n = this.#t.activeIndex.value, i = [...t?.querySelectorAll("ui-option:not([hidden]):not([disabled])") ?? []];
+				for (let e = 0; e < i.length; e++) i[e].toggleAttribute("active", e === n);
+				let a = i[n];
+				a ? (a.scrollIntoView({ block: "nearest" }), a.id ||= r("opt"), e?.setAttribute("aria-activedescendant", a.id)) : e?.removeAttribute("aria-activedescendant");
+			}), this.addEffect(() => {
+				let e = this.#t.value.value, n = t?.querySelectorAll("ui-option") ?? [];
+				for (let t of n) {
+					let n = t.getAttribute("value") === e;
+					t.setAttribute("aria-selected", String(n));
+				}
+			}), this.#d && (this.addEffect(() => {
+				let e = this.#c.value;
+				this.#_(e);
+			}), this.addEffect(() => {
+				let e = this.#l.value;
+				e && this.#h(e);
+			}), this.addEffect(() => {
+				let t = this.#u.value;
+				e && (t ? e.setAttribute("placeholder", t) : e.removeAttribute("placeholder"));
+			}));
+		}), this.addEffect(h(this, this.#r, this.#e)), this.addEffect(() => {
+			let t = this.#r.value;
+			e && e.toggleAttribute("disabled", t), t && this.#n.value && (this.#n.value = !1);
+		}), this.#i.value = this.hasAttribute("required"), this.addEffect(() => {
+			let e = this.#t.value.value;
+			this.#i.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select an option.", this) : this.#e.setValidity({});
+		}), this.addEffect(() => {
+			let t = this.#n.value;
+			this.#a.syncPopover(t), e?.setAttribute("aria-expanded", String(t));
+		}), this.addEffect(() => {
+			let e = this.#t.value.value;
+			this.#e.setFormValue(e ?? ""), e == null ? this.removeAttribute("value") : this.setAttribute("value", e);
+		}), e?.addEventListener("focus", this.#v), this.addEventListener("ui-input", this.#y), this.addEventListener("ui-change", this.#b), this.addEventListener("ui-select", this.#x), this.addEventListener("ui-dismiss", this.#S), e?.addEventListener("keydown", this.#C);
+	}
+	#v = () => {
+		!this.#r.value && !this.#n.value && (this.#n.value = !0);
+	};
+	#y = (e) => {
+		this.#t.setQuery(e.detail.value), this.#n.value = !0;
+	};
+	#b = (e) => {
+		e.target !== this && e.stopImmediatePropagation();
+	};
+	#x = (e) => {
+		let t = e.detail;
+		n(() => {
+			this.#t.select(t.value), this.#t.query.value = t.label, this.#t.activeIndex.value = -1, this.#n.value = !1;
+		});
+		let r = this.#s;
+		r && "value" in r && (r.value = t.label), this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: t
+		}));
+	};
+	#S = () => {
+		this.#n.value = !1;
+	};
+	#C = (e) => {
+		if (this.#r.value) return;
+		let t = this.#s;
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), this.#n.value || (this.#n.value = !0), this.#t.moveActive(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.#n.value || (this.#n.value = !0), this.#t.moveActive(-1);
+				break;
+			case "Enter":
+				if (this.#n.value) {
+					e.preventDefault();
+					let n = this.#t.activeItem.value;
+					this.#t.selectActive(), n && t && "value" in t && (this.#t.query.value = n.label, t.value = n.label), this.#t.activeIndex.value = -1, this.#n.value = !1;
+				}
+				break;
+			case "Escape":
+				this.#n.value && (e.preventDefault(), this.#n.value = !1);
+				break;
+			case "Home":
+				this.#n.value && (e.preventDefault(), this.#t.activeIndex.value = 0);
+				break;
+			case "End":
+				if (this.#n.value) {
+					e.preventDefault();
+					let t = this.#t.view.value.length;
+					this.#t.activeIndex.value = Math.max(0, t - 1);
+				}
+				break;
+		}
+	};
+	teardown() {
+		this.#s?.removeEventListener("focus", this.#v), this.#s?.removeEventListener("keydown", this.#C), this.removeEventListener("ui-input", this.#y), this.removeEventListener("ui-change", this.#b), this.removeEventListener("ui-select", this.#x), this.removeEventListener("ui-dismiss", this.#S), this.#s = null, this.#p = null, this.#f?.abort(), this.#f = null, this.#a.destroy(), super.teardown();
+	}
+	onFormReset() {
+		n(() => {
+			this.#t.clearSelection(), this.#t.query.value = "", this.#t.activeIndex.value = -1, this.#n.value = !1;
+		});
+		let e = this.querySelector(":scope > ui-input");
+		e && (e.value = "");
+	}
+	onFormDisabled(e) {
+		this.#r.value = e;
+	}
+}, be = class extends d {
+	static observedAttributes = ["disabled", "required"];
+	#e = r("field-label");
+	#t = r("field-desc");
+	#n = r("field-err");
+	#r = null;
+	setup() {
+		super.setup(), this.deferChildren(() => {
+			this.#i(), this.#a(), this.#o(), this.#s(), this.#c();
+		}), this.addEventListener("ui-invalid", this.#l), this.addEventListener("ui-valid", this.#u);
+	}
+	teardown() {
+		this.removeEventListener("ui-invalid", this.#l), this.removeEventListener("ui-valid", this.#u), super.teardown();
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "disabled":
+					this.#s();
+					break;
+				case "required":
+					this.#c();
+					break;
+			}
+			super.attributeChangedCallback(e, t, n);
+		}
+	}
+	#i() {
+		let e = this.querySelectorAll("ui-input, ui-select, ui-combobox, ui-checkbox, ui-switch, ui-radio, ui-range, ui-textarea, ui-input-otp, input, select, textarea");
+		for (let t of e) if (!t.hasAttribute("slot")) {
+			this.#r = t;
+			break;
+		}
+	}
+	#a() {
+		let e = this.querySelector("[slot=\"label\"]"), t = this.querySelector("[slot=\"description\"]"), n = this.querySelector("[slot=\"error\"]");
+		e && !e.id && (e.id = this.#e), t && !t.id && (t.id = this.#t), n && !n.id && (n.id = this.#n);
+	}
+	#o() {
+		if (!this.#r) return;
+		let e = this.querySelector("[slot=\"label\"]"), t = this.querySelector("[slot=\"description\"]"), n = this.querySelector("[slot=\"error\"]");
+		e && this.#r.setAttribute("aria-labelledby", e.id);
+		let r = [];
+		t && r.push(t.id), n && r.push(n.id), r.length && this.#r.setAttribute("aria-describedby", r.join(" "));
+	}
+	#s() {
+		this.#r && (this.hasAttribute("disabled") ? this.#r.setAttribute("disabled", "") : this.#r.removeAttribute("disabled"));
+	}
+	#c() {
+		this.#r && (this.hasAttribute("required") ? this.#r.setAttribute("required", "") : this.#r.removeAttribute("required"));
+	}
+	#l = (e) => {
+		let t = e;
+		this.setAttribute("invalid", "");
+		let n = this.querySelector("[slot=\"error\"]");
+		n && t.detail?.message && (n.textContent = t.detail.message);
+	};
+	#u = () => {
+		this.removeAttribute("invalid");
+	};
+}, xe = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"placeholder",
+		"disabled",
+		"readonly",
+		"required",
+		"name",
+		"rows",
+		"maxlength",
+		"autogrow"
+	];
+	#e;
+	#t = t(!1);
+	#n = t(!1);
+	#r = t("");
+	#i = 0;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "textbox", this.#e.ariaMultiLine = "true", this.setAttribute("aria-multiline", "true");
+	}
+	get value() {
+		return this.textContent ?? "";
+	}
+	set value(e) {
+		this.textContent = e, this.#r.value = e, this.#e.setFormValue(e), this.#a(), this.#o();
+	}
+	get placeholder() {
+		return this.getAttribute("placeholder") ?? "";
+	}
+	set placeholder(e) {
+		this.setAttribute("placeholder", e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	get readOnly() {
+		return this.hasAttribute("readonly");
+	}
+	set readOnly(e) {
+		this.toggleAttribute("readonly", e), this.setAttribute("contenteditable", e ? "false" : "plaintext-only");
+	}
+	get required() {
+		return this.#n.value;
+	}
+	set required(e) {
+		this.#n.value = e, this.toggleAttribute("required", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.textContent = n ?? "", this.#r.value = n ?? "", this.#e.setFormValue(n ?? ""), this.#a(), this.#o();
+					break;
+				case "disabled":
+					this.#t.value = n !== null, this.setAttribute("contenteditable", n !== null || this.hasAttribute("readonly") ? "false" : "plaintext-only");
+					break;
+				case "readonly":
+					this.setAttribute("contenteditable", n !== null || this.#t.value ? "false" : "plaintext-only");
+					break;
+				case "required":
+					this.#n.value = n !== null;
+					break;
+				case "autogrow":
+					this.#o();
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#n.value = this.hasAttribute("required"), this.#r.value = this.textContent ?? "", this.#a(), this.#o(), this.addEffect(h(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+			this.#n.value && this.#r.value === "" ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : this.#e.setValidity({});
+		}), this.addEventListener("input", this.#s), this.addEventListener("blur", this.#c);
+	}
+	teardown() {
+		cancelAnimationFrame(this.#i), this.removeEventListener("input", this.#s), this.removeEventListener("blur", this.#c), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#t.value = e, this.setAttribute("contenteditable", e || this.hasAttribute("readonly") ? "false" : "plaintext-only");
+	}
+	onFormReset() {
+		this.textContent = "", this.#r.value = "", this.#e.setFormValue(""), this.#a(), this.#t.value = this.hasAttribute("disabled");
+	}
+	#a() {
+		(this.textContent ?? "").trim() === "" ? this.#e.states.add("empty") : this.#e.states.delete("empty");
+	}
+	#o() {
+		!this.hasAttribute("autogrow") || !this.isConnected || (this.style.setProperty("--_autogrow-height", "auto"), cancelAnimationFrame(this.#i), this.#i = requestAnimationFrame(() => {
+			this.style.setProperty("--_autogrow-height", `${this.scrollHeight}px`);
+		}));
+	}
+	#s = () => {
+		let e = this.textContent ?? "", t = this.getAttribute("maxlength");
+		if (t !== null) {
+			let n = parseInt(t, 10);
+			if (!isNaN(n) && e.length > n) {
+				this.textContent = e.slice(0, n);
+				let t = window.getSelection();
+				t && (t.selectAllChildren(this), t.collapseToEnd());
+			}
+		}
+		let n = this.textContent ?? "";
+		this.#r.value = n, this.#e.setFormValue(n), this.#a(), this.#o(), this.dispatchEvent(new CustomEvent("ui-input", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: n }
+		}));
+	};
+	#c = () => {
+		this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.textContent ?? "" }
+		}));
+	};
+}, Se = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"min",
+		"max",
+		"step",
+		"disabled",
+		"name"
+	];
+	#e;
+	#t = t(!1);
+	#n = t(50);
+	#r = 50;
+	#i = t(0);
+	#a = t(100);
+	#o = t(1);
+	#s = null;
+	#c = !1;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "slider";
+	}
+	get value() {
+		return this.#n.value;
+	}
+	set value(e) {
+		this.#n.value = this.#l(e), this.#d();
+	}
+	get min() {
+		return this.#i.value;
+	}
+	set min(e) {
+		this.#i.value = e;
+	}
+	get max() {
+		return this.#a.value;
+	}
+	set max(e) {
+		this.#a.value = e;
+	}
+	get step() {
+		return this.#o.value;
+	}
+	set step(e) {
+		this.#o.value = e;
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "value":
+					this.#n.value = this.#l(parseFloat(n ?? "50") || 50);
+					break;
+				case "min":
+					this.#i.value = parseFloat(n ?? "0") || 0;
+					break;
+				case "max":
+					this.#a.value = parseFloat(n ?? "100") || 100;
+					break;
+				case "step":
+					this.#o.value = parseFloat(n ?? "1") || 1;
+					break;
+				case "disabled":
+					this.#t.value = n !== null;
+					break;
+			}
+			super.attributeChangedCallback(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#r = this.#n.value, this.#s = document.createElement("div"), this.#s.classList.add("ui-range-thumb"), this.appendChild(this.#s), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+			let e = this.#u();
+			this.style.setProperty("--_progress", String(e)), this.#e.ariaValueNow = String(this.#n.value), this.#e.ariaValueMin = String(this.#i.value), this.#e.ariaValueMax = String(this.#a.value);
+		}), this.#d(), this.addEventListener("pointerdown", this.#p), this.addEventListener("keydown", this.#_);
+	}
+	teardown() {
+		this.removeEventListener("pointerdown", this.#p), this.removeEventListener("keydown", this.#_), this.#s &&= (this.#s.remove(), null), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#t.value = e;
+	}
+	onFormReset() {
+		this.#n.value = this.#r, this.#d();
+	}
+	#l(e) {
+		let t = this.#i.value, n = this.#a.value, r = this.#o.value, i = Math.round((e - t) / r) * r + t;
+		return Math.min(n, Math.max(t, i));
+	}
+	#u() {
+		let e = this.#a.value - this.#i.value;
+		return e === 0 ? 0 : (this.#n.value - this.#i.value) / e;
+	}
+	#d() {
+		this.#e.setFormValue(String(this.#n.value));
+	}
+	#f(e) {
+		let t = this.getBoundingClientRect(), n = this.#s?.offsetWidth ?? 0, r = n / 2, i = t.width - n;
+		if (i <= 0) return this.#i.value;
+		let a = e.clientX - t.left - r, o = Math.min(1, Math.max(0, a / i));
+		return this.#i.value + o * (this.#a.value - this.#i.value);
+	}
+	#p = (e) => {
+		if (e.button !== 0 || this.#t.value) return;
+		this.setPointerCapture(e.pointerId), this.#c = !0, this.toggleAttribute("pressed", !0);
+		let t = this.#l(this.#f(e));
+		this.#n.value = t, this.#d(), this.#v(), this.addEventListener("pointermove", this.#m), this.addEventListener("pointerup", this.#h), this.addEventListener("pointercancel", this.#g);
+	};
+	#m = (e) => {
+		if (!this.#c || this.#t.value) return;
+		let t = this.#l(this.#f(e));
+		t !== this.#n.value && (this.#n.value = t, this.#d(), this.#v());
+	};
+	#h = () => {
+		this.#c = !1, this.removeAttribute("pressed"), this.removeEventListener("pointermove", this.#m), this.removeEventListener("pointerup", this.#h), this.removeEventListener("pointercancel", this.#g), this.#y();
+	};
+	#g = () => {
+		this.#c = !1, this.removeAttribute("pressed"), this.removeEventListener("pointermove", this.#m), this.removeEventListener("pointerup", this.#h), this.removeEventListener("pointercancel", this.#g);
+	};
+	#_ = (e) => {
+		if (this.#t.value) return;
+		let t = this.#o.value, n = t * 10, r = this.#n.value;
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				r += t;
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				r -= t;
+				break;
+			case "PageUp":
+				r += n;
+				break;
+			case "PageDown":
+				r -= n;
+				break;
+			case "Home":
+				r = this.#i.value;
+				break;
+			case "End":
+				r = this.#a.value;
+				break;
+			default: return;
+		}
+		e.preventDefault(), r = this.#l(r), r !== this.#n.value && (this.#n.value = r, this.#d(), this.#v(), this.#y());
+	};
+	#v() {
+		this.dispatchEvent(new CustomEvent("ui-input", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#n.value }
+		}));
+	}
+	#y() {
+		this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#n.value }
+		}));
+	}
+}, Ce = class extends v(d) {
+	static observedAttributes = [
+		"value",
+		"length",
+		"disabled",
+		"name",
+		"pattern",
+		"mask",
+		"required"
+	];
+	#e;
+	#t = t(!1);
+	#n;
+	#r = [];
+	#i = [];
+	#a = 6;
+	#o = /[0-9]/;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "group", this.#n = g(this, "disabled", { type: "boolean" });
+	}
+	get value() {
+		return this.#i.join("");
+	}
+	set value(e) {
+		this.#i = e.split("").slice(0, this.#a), this.#c(), this.#l();
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.set(e);
+	}
+	get required() {
+		return this.#t.value;
+	}
+	set required(e) {
+		this.#t.value = e, this.toggleAttribute("required", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (_({ disabled: this.#n }, e, n)) {
+				super.attributeChangedCallback(e, t, n);
+				return;
+			}
+			switch (e) {
+				case "value":
+					this.value = n ?? "";
+					break;
+				case "length": {
+					let e = parseInt(n ?? "6", 10);
+					!isNaN(e) && e >= 1 && e <= 12 && (this.#a = e, this.isConnected && this.#s());
+					break;
+				}
+				case "pattern":
+					try {
+						this.#o = new RegExp(n ?? "[0-9]");
+					} catch {}
+					break;
+				case "required":
+					this.#t.value = n !== null, this.isConnected && this.#l();
+					break;
+			}
+			super.attributeChangedCallback(e, t, n);
+		}
+	}
+	setup() {
+		super.setup();
+		let e = this.getAttribute("length");
+		if (e) {
+			let t = parseInt(e, 10);
+			!isNaN(t) && t >= 1 && t <= 12 && (this.#a = t);
+		}
+		let t = this.getAttribute("pattern");
+		if (t) try {
+			this.#o = new RegExp(t);
+		} catch {}
+		this.#s(), this.addEffect(h(this, this.#n.signal, this.#e, { manageTabindex: !1 })), this.#t.value = this.hasAttribute("required");
+		let n = this.getAttribute("value");
+		n && (this.value = n), this.addEventListener("paste", this.#m);
+	}
+	teardown() {
+		for (let e of this.#r) e.removeEventListener("input", this.#d), e.removeEventListener("keydown", this.#f), e.removeEventListener("focus", this.#p);
+		this.removeEventListener("paste", this.#m), super.teardown();
+	}
+	#s() {
+		for (let e of this.#r) e.removeEventListener("input", this.#d), e.removeEventListener("keydown", this.#f), e.removeEventListener("focus", this.#p), e.remove();
+		this.#r = [], this.#i = [];
+		for (let e = 0; e < this.#a; e++) {
+			let e = document.createElement("div");
+			e.classList.add("ui-otp-cell"), e.setAttribute("data-empty", ""), e.setAttribute("contenteditable", "plaintext-only"), e.setAttribute("inputmode", "numeric"), e.addEventListener("input", this.#d), e.addEventListener("keydown", this.#f), e.addEventListener("focus", this.#p), this.appendChild(e), this.#r.push(e), this.#i.push("");
+		}
+	}
+	#c() {
+		for (let e = 0; e < this.#a; e++) {
+			let t = this.#r[e];
+			if (!t) continue;
+			let n = this.#i[e] ?? "";
+			t.textContent = n, n ? t.removeAttribute("data-empty") : t.setAttribute("data-empty", "");
+		}
+	}
+	#l() {
+		let e = this.value;
+		this.#e.setFormValue(e), this.#t.value && e.length < this.#a ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : this.#e.setValidity({});
+	}
+	#u(e) {
+		let t = this.#r[e];
+		if (t) {
+			t.focus();
+			let e = window.getSelection();
+			e && (e.selectAllChildren(t), e.collapseToEnd());
+		}
+	}
+	#d = (e) => {
+		if (this.disabled) return;
+		let t = e.target, n = this.#r.indexOf(t);
+		if (n === -1) return;
+		let r = t.textContent ?? "";
+		if (r.length > 0) {
+			let e = r[r.length - 1];
+			this.#o.test(e) ? (this.#i[n] = e, t.textContent = e, t.removeAttribute("data-empty"), this.#l(), this.#h(), n < this.#a - 1 && this.#u(n + 1), this.value.length === this.#a && this.#g()) : t.textContent = this.#i[n] || "";
+		} else this.#i[n] = "", t.setAttribute("data-empty", ""), this.#l(), this.#h();
+	};
+	#f = (e) => {
+		if (this.disabled) return;
+		let t = e.target, n = this.#r.indexOf(t);
+		n !== -1 && (e.key === "Backspace" ? (this.#i[n] ? (this.#i[n] = "", t.textContent = "", t.setAttribute("data-empty", ""), this.#l(), this.#h()) : n > 0 && this.#u(n - 1), e.preventDefault()) : e.key === "ArrowLeft" && n > 0 ? (this.#u(n - 1), e.preventDefault()) : e.key === "ArrowRight" && n < this.#a - 1 ? (this.#u(n + 1), e.preventDefault()) : e.key === "Delete" && (this.#i[n] = "", t.textContent = "", t.setAttribute("data-empty", ""), this.#l(), this.#h(), e.preventDefault()));
+	};
+	#p = (e) => {
+		let t = e.target, n = window.getSelection();
+		n && (n.selectAllChildren(t), n.collapseToEnd());
+	};
+	#m = (e) => {
+		if (this.disabled) {
+			e.preventDefault();
+			return;
+		}
+		e.preventDefault();
+		let t = (e.clipboardData?.getData("text") ?? "").split("").filter((e) => this.#o.test(e)).slice(0, this.#a);
+		for (let e = 0; e < this.#a; e++) this.#i[e] = t[e] ?? "";
+		this.#c(), this.#l(), this.#h();
+		let n = this.#i.findIndex((e) => !e);
+		this.#u(n >= 0 ? n : this.#a - 1), t.length === this.#a && this.#g();
+	};
+	onFormDisabled(e) {
+		this.#n.signal.value = e;
+		for (let t of this.#r) t.setAttribute("contenteditable", e ? "false" : "plaintext-only");
+	}
+	onFormReset() {
+		this.value = "", this.#n.signal.value = this.hasAttribute("disabled");
+	}
+	#h() {
+		this.dispatchEvent(new CustomEvent("ui-input", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.value }
+		}));
+	}
+	#g() {
+		this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.value }
+		}));
+	}
+}, we = class extends d {
+	static observedAttributes = [
+		"src",
+		"name",
+		"alt"
+	];
+	#e;
+	#t = null;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "img";
+	}
+	get src() {
+		return this.getAttribute("src") ?? "";
+	}
+	set src(e) {
+		this.setAttribute("src", e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (this.isConnected && this.#n(), super.attributeChangedCallback(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#n();
+	}
+	teardown() {
+		this.#t &&= (this.#t.removeEventListener("error", this.#i), null), super.teardown();
+	}
+	#n() {
+		this.textContent = "", this.#t = null;
+		let e = this.getAttribute("src"), t = this.getAttribute("name"), n = this.getAttribute("alt") ?? t ?? "";
+		this.#e.ariaLabel = n, this.setAttribute("aria-label", n), e ? (this.#t = document.createElement("img"), this.#t.src = e, this.#t.alt = n, this.#t.addEventListener("error", this.#i), this.appendChild(this.#t)) : t ? this.textContent = this.#r(t) : this.textContent = "?";
+	}
+	#r(e) {
+		let t = e.trim().split(/\s+/);
+		return t.length === 0 ? "?" : t.length === 1 ? t[0][0].toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+	}
+	#i = () => {
+		this.#t &&= (this.#t.removeEventListener("error", this.#i), this.#t.remove(), null);
+		let e = this.getAttribute("name");
+		e ? this.textContent = this.#r(e) : this.textContent = "?";
+	};
+}, Te = class extends d {
+	static observedAttributes = ["max"];
+	#e;
+	#t = "";
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "status";
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "max" && this.isConnected && this.#n(), super.attributeChangedCallback(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#t = this.textContent?.trim() ?? "", this.#n();
+	}
+	#n() {
+		let e = this.getAttribute("max");
+		if (!e) return;
+		let t = parseInt(e, 10);
+		if (isNaN(t)) return;
+		let n = parseInt(this.#t, 10);
+		isNaN(n) || (n > t ? this.textContent = `${t}+` : this.textContent = this.#t);
+	}
+}, Ee = class extends d {
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "navigation";
+	}
+	setup() {
+		super.setup();
+		let e = this.getAttribute("aria-label") ?? "Breadcrumb";
+		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e);
+	}
+}, De = class extends d {
+	static observedAttributes = ["href", "current"];
+	#e;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "link";
+	}
+	setup() {
+		super.setup(), this.#t(), !this.hasAttribute("current") && !this.hasAttribute("tabindex") && this.setAttribute("tabindex", "0"), this.addEventListener("click", this.#n), this.addEventListener("keydown", this.#r);
+	}
+	teardown() {
+		this.removeEventListener("click", this.#n), this.removeEventListener("keydown", this.#r), super.teardown();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (this.isConnected && this.#t(), super.attributeChangedCallback(e, t, n));
+	}
+	#t() {
+		this.hasAttribute("current") ? (this.setAttribute("aria-disabled", "true"), this.setAttribute("aria-current", "page"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.removeAttribute("aria-current"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"));
+	}
+	#n = () => {
+		if (this.hasAttribute("current")) return;
+		let e = this.getAttribute("href");
+		e && (window.location.href = e);
+	};
+	#r = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#n());
+	};
+}, Oe = class extends d {
+	static observedAttributes = [
+		"total",
+		"value",
+		"siblings",
+		"boundaries",
+		"disabled"
+	];
+	#e;
+	#t = t(1);
+	#n = t(1);
+	#r = t(1);
+	#i = t(1);
+	#a = t(!1);
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "navigation";
+	}
+	get total() {
+		return this.#t.value;
+	}
+	set total(e) {
+		this.#t.value = Math.max(1, e);
+	}
+	get value() {
+		return this.#n.value;
+	}
+	set value(e) {
+		this.#n.value = Math.min(Math.max(1, e), this.#t.value);
+	}
+	get siblings() {
+		return this.#r.value;
+	}
+	set siblings(e) {
+		this.#r.value = Math.max(0, e);
+	}
+	get boundaries() {
+		return this.#i.value;
+	}
+	set boundaries(e) {
+		this.#i.value = Math.max(0, e);
+	}
+	get disabled() {
+		return this.#a.value;
+	}
+	set disabled(e) {
+		this.#a.value = e, this.toggleAttribute("disabled", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t === n) return;
+		let r = parseInt(n ?? "", 10);
+		switch (e) {
+			case "total":
+				this.#t.value = Math.max(1, isNaN(r) ? 1 : r);
+				break;
+			case "value":
+				this.#n.value = Math.min(Math.max(1, isNaN(r) ? 1 : r), this.#t.value);
+				break;
+			case "siblings":
+				this.#r.value = Math.max(0, isNaN(r) ? 1 : r);
+				break;
+			case "boundaries":
+				this.#i.value = Math.max(0, isNaN(r) ? 1 : r);
+				break;
+			case "disabled":
+				this.#a.value = n !== null;
+				return;
+		}
+		super.attributeChangedCallback(e, t, n);
+	}
+	setup() {
+		super.setup();
+		let e = this.getAttribute("aria-label") ?? "Pagination";
+		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(h(this, this.#a, this.#e)), this.addEffect(() => {
+			this.#l();
+		});
+	}
+	teardown() {
+		this.textContent = "", super.teardown();
+	}
+	#o() {
+		let e = this.#t.value, t = this.#n.value, n = this.#r.value, r = this.#i.value;
+		if (e <= r * 2 + n * 2 + 3) return Array.from({ length: e }, (e, t) => t + 1);
+		let i = [];
+		for (let e = 1; e <= r; e++) i.push(e);
+		let a = Math.max(r + 1, t - n);
+		a > r + 1 && i.push("ellipsis");
+		let o = Math.min(e - r, t + n);
+		for (let e = a; e <= o; e++) i.includes(e) || i.push(e);
+		o < e - r && i.push("ellipsis");
+		for (let t = e - r + 1; t <= e; t++) i.includes(t) || i.push(t);
+		return i;
+	}
+	#s(e, t, n, r) {
+		let i = document.createElement("ui-button");
+		return i.setAttribute("variant", "ghost"), i.setAttribute("aria-label", t), n && i.setAttribute("disabled", ""), i.textContent = e, i.addEventListener("ui-press", r), i;
+	}
+	#c(e, t, n, r) {
+		let i = document.createElement("ui-button");
+		i.setAttribute("variant", "ghost"), i.setAttribute("aria-label", t), n && i.setAttribute("disabled", "");
+		let a = document.createElement("ui-icon");
+		return a.setAttribute("name", e), i.appendChild(a), i.addEventListener("ui-press", r), i;
+	}
+	#l() {
+		let e = this.#t.value, t = this.#n.value, n = this.#o();
+		this.textContent = "", this.appendChild(this.#c("caret-left", "Previous page", t <= 1, () => this.#u(t - 1)));
+		for (let e of n) if (e === "ellipsis") {
+			let e = document.createElement("span");
+			e.classList.add("ui-pagination-ellipsis"), e.textContent = "…", this.appendChild(e);
+		} else {
+			let n = this.#s(String(e), `Page ${e}`, !1, () => this.#u(e));
+			e === t && n.setAttribute("aria-current", "page"), this.appendChild(n);
+		}
+		this.appendChild(this.#c("caret-right", "Next page", t >= e, () => this.#u(t + 1)));
+	}
+	#u(e) {
+		if (this.#a.value) return;
+		let t = Math.min(Math.max(1, e), this.#t.value);
+		t !== this.#n.value && (this.#n.value = t, this.setAttribute("value", String(t)), this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: t }
+		})));
+	}
+}, ke = class extends d {
+	static observedAttributes = [
+		"side",
+		"no-close-on-escape",
+		"no-close-on-backdrop"
+	];
+	#e;
+	get open() {
+		return this.#e.open;
+	}
+	showModal() {
+		this.#e.showModal();
+	}
+	close() {
+		this.#e.close();
+	}
+	setup() {
+		super.setup(), this.#e = new m(this, { contentTarget: () => document.createElement("ui-drawer-panel") });
+	}
+	teardown() {
+		this.#e.destroy(), super.teardown();
+	}
+}, Ae = class extends d {
+	static observedAttributes = ["disabled"];
+	#e;
+	#t = t(!1);
+	#n;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "tree";
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "disabled" && (this.#t.value = n !== null), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#n = new a(this, {
+			selector: ":scope ui-tree-item > [slot=\"label\"]",
+			orientation: "vertical"
+		});
+		let e = this.getAttribute("aria-label") ?? "Tree";
+		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(h(this, this.#t, this.#e));
+	}
+	teardown() {
+		this.#n.destroy(), super.teardown();
+	}
+}, je = class extends d {
+	static observedAttributes = [
+		"expanded",
+		"selected",
+		"disabled"
+	];
+	#e;
+	#t = null;
+	#n = null;
+	#r = t(!1);
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "treeitem";
+	}
+	get disabled() {
+		return this.#r.value;
+	}
+	set disabled(e) {
+		this.#r.value = e, this.toggleAttribute("disabled", e);
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#r, this.#e)), this.deferChildren(() => {
+			this.#i(), this.#a();
+		}), this.addEventListener("click", this.#o), this.addEventListener("keydown", this.#s);
+	}
+	teardown() {
+		this.removeEventListener("click", this.#o), this.removeEventListener("keydown", this.#s), super.teardown();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "disabled" && (this.#r.value = n !== null), this.isConnected && this.#a(), super.attributeChangedCallback(e, t, n));
+	}
+	#i() {
+		let e = this.querySelectorAll(":scope > ui-tree-item");
+		if (e.length > 0) {
+			this.setAttribute("expandable", "");
+			let t = this.querySelector(":scope > [slot=\"label\"]");
+			t && (this.#n = document.createElement("ui-icon"), this.#n.setAttribute("name", this.hasAttribute("expanded") ? "caret-down" : "caret-right"), this.#n.classList.add("ui-tree-caret"), t.prepend(this.#n)), this.#t = document.createElement("div"), this.#t.classList.add("ui-tree-children");
+			for (let t of e) this.#t.appendChild(t);
+			this.appendChild(this.#t);
+		}
+		let t = 0, n = this.parentElement;
+		for (; n;) {
+			if (n.tagName === "UI-TREE-ITEM") t++;
+			else if (!n.classList?.contains("ui-tree-children")) break;
+			n = n.parentElement;
+		}
+		if (t > 0) {
+			let e = this.querySelector(":scope > [slot=\"label\"]");
+			e instanceof HTMLElement && e.style.setProperty("--_tree-depth", String(t));
+		}
+		let r = this.querySelector(":scope > [slot=\"label\"]");
+		r instanceof HTMLElement && !r.hasAttribute("tabindex") && r.setAttribute("tabindex", "-1");
+	}
+	#a() {
+		let e = this.hasAttribute("expanded"), t = this.hasAttribute("selected");
+		this.hasAttribute("expandable") ? this.setAttribute("aria-expanded", String(e)) : this.removeAttribute("aria-expanded"), this.setAttribute("aria-selected", String(t)), this.#n && this.#n.setAttribute("name", e ? "caret-down" : "caret-right");
+	}
+	#o = (e) => {
+		let t = e.target, n = this.querySelector(":scope > [slot=\"label\"]");
+		t !== n && !n?.contains(t) || (e.stopPropagation(), !this.#r.value && (this.hasAttribute("expandable") && this.toggleAttribute("expanded"), this.toggleAttribute("selected", !0)));
+	};
+	#s = (e) => {
+		if (e.target === this.querySelector(":scope > [slot=\"label\"]") && !this.#r.value) switch (e.key) {
+			case "ArrowRight":
+				if (this.hasAttribute("expandable") && !this.hasAttribute("expanded")) this.setAttribute("expanded", ""), e.preventDefault(), e.stopPropagation();
+				else if (this.hasAttribute("expanded")) {
+					let t = this.querySelector(":scope > .ui-tree-children > ui-tree-item > [slot=\"label\"]");
+					t && (t.focus(), e.preventDefault(), e.stopPropagation());
+				}
+				break;
+			case "ArrowLeft":
+				if (this.hasAttribute("expanded")) this.removeAttribute("expanded"), e.preventDefault(), e.stopPropagation();
+				else {
+					let t = (this.parentElement?.closest("ui-tree-item"))?.querySelector(":scope > [slot=\"label\"]");
+					t && (t.focus(), e.preventDefault(), e.stopPropagation());
+				}
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), e.stopPropagation(), this.toggleAttribute("selected", !0), this.hasAttribute("expandable") && this.toggleAttribute("expanded");
+				break;
+		}
+	};
+}, Me = class extends d {
+	static observedAttributes = [
+		"direction",
+		"controls",
+		"indicators",
+		"autoplay",
+		"interval",
+		"loop",
+		"peek",
+		"per-view",
+		"gap",
+		"disabled"
+	];
+	#e = null;
+	#t = null;
+	#n = null;
+	#r = null;
+	#i = null;
+	#a = t(0);
+	#o = t(0);
+	#s = t(!1);
+	#c = null;
+	#l = window.matchMedia("(prefers-reduced-motion: reduce)");
+	#u = null;
+	#d = [];
+	#f = !1;
+	#p = 0;
+	#m = 0;
+	#h = 0;
+	#g = 0;
+	#_;
+	constructor() {
+		super(), this.#_ = this.attachInternals(), this.#_.role = "region";
+	}
+	get index() {
+		return this.#a.value;
+	}
+	goTo(e) {
+		let t = this.#d.length;
+		if (t === 0) return;
+		let n = e;
+		n = this.hasAttribute("loop") ? (e % t + t) % t : Math.max(0, Math.min(e, t - 1));
+		let r = this.#d[n];
+		if (!r) return;
+		let i = this.getAttribute("direction") === "vertical";
+		r.scrollIntoView({
+			block: i ? "start" : "nearest",
+			inline: i ? "nearest" : "start"
+		});
+	}
+	next() {
+		this.goTo(this.#a.value + 1);
+	}
+	prev() {
+		this.goTo(this.#a.value - 1);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "disabled":
+					this.#s.value = n !== null;
+					break;
+				case "per-view":
+					this.#v(n);
+					break;
+				case "autoplay":
+					n === null ? this.#E() : this.#T();
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup();
+		let e = document.createElement("div");
+		e.setAttribute("part", "track"), e.id = r("ss-track"), e.setAttribute("tabindex", "0");
+		let t = [];
+		for (; this.firstChild;) {
+			let n = this.firstChild;
+			e.appendChild(n), n instanceof HTMLElement && n.tagName.toLowerCase() === "ui-slide" && t.push(n);
+		}
+		this.appendChild(e), this.#e = e, this.#d = t;
+		let n = document.createElement("div");
+		n.setAttribute("part", "controls");
+		let i = document.createElement("button");
+		i.setAttribute("part", "prev"), i.setAttribute("aria-label", "Previous slide"), i.setAttribute("type", "button"), i.innerHTML = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 256 256\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\" fill=\"currentColor\"/></svg>";
+		let a = document.createElement("button");
+		a.setAttribute("part", "next"), a.setAttribute("aria-label", "Next slide"), a.setAttribute("type", "button"), a.innerHTML = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 256 256\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\" fill=\"currentColor\"/></svg>", n.appendChild(i), n.appendChild(a), this.appendChild(n), this.#n = i, this.#r = a;
+		let o = document.createElement("div");
+		o.setAttribute("part", "indicators"), o.setAttribute("aria-hidden", "true"), this.appendChild(o), this.#t = o;
+		let s = document.createElement("div");
+		s.id = r("ss-live"), s.setAttribute("aria-live", "polite"), s.setAttribute("aria-atomic", "true"), s.setAttribute("data-visually-hidden", ""), this.appendChild(s), this.#i = s, this.setAttribute("aria-roledescription", "carousel"), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Slideshow"), this.#v(this.getAttribute("per-view")), this.#o.value = t.length, this.#y(t), this.#b(t.length), this.#S(t), t.length > 0 && t[0].toggleAttribute("active", !0), this.addEffect(() => {
+			let e = this.#a.value, t = this.#o.value;
+			this.#C(e), this.#w(e, t), this.#i && (this.#i.textContent = `Slide ${e + 1} of ${t}`);
+		}), this.addEffect(h(this, this.#s, this.#_)), i.addEventListener("click", this.#D), a.addEventListener("click", this.#O), e.addEventListener("keydown", this.#P), e.addEventListener("pointerdown", this.#j), this.addEventListener("mouseenter", this.#k), this.addEventListener("mouseleave", this.#A), this.addEventListener("focusin", this.#k), this.addEventListener("focusout", this.#A), this.hasAttribute("autoplay") && this.#T();
+	}
+	teardown() {
+		this.#E(), this.#u?.disconnect(), this.#u = null, this.#n?.removeEventListener("click", this.#D), this.#r?.removeEventListener("click", this.#O), this.#e?.removeEventListener("keydown", this.#P), this.#e?.removeEventListener("pointerdown", this.#j), this.removeEventListener("mouseenter", this.#k), this.removeEventListener("mouseleave", this.#A), this.removeEventListener("focusin", this.#k), this.removeEventListener("focusout", this.#A), this.#e = null, this.#t?.removeEventListener("click", this.#x), this.#t && (this.#t.innerHTML = ""), this.#t = null, this.#n = null, this.#r = null, this.#i = null, this.#d = [], super.teardown();
+	}
+	#v(e) {
+		let t = Math.max(1, parseInt(e ?? "1", 10) || 1);
+		this.style.setProperty("--_per-view", String(t));
+	}
+	#y(e) {
+		let t = e.length;
+		for (let n = 0; n < t; n++) {
+			let i = e[n];
+			i.setAttribute("role", "group"), i.setAttribute("aria-roledescription", "slide"), i.setAttribute("aria-label", `${n + 1} of ${t}`), i.id ||= r("slide");
+		}
+	}
+	#b(e) {
+		let t = this.#t;
+		if (t) {
+			t.addEventListener("click", this.#x);
+			for (let n = 0; n < e; n++) {
+				let e = document.createElement("button");
+				e.setAttribute("part", "dot"), e.setAttribute("type", "button"), e.setAttribute("aria-label", `Go to slide ${n + 1}`), e.setAttribute("data-index", String(n)), n === 0 && e.toggleAttribute("active", !0), t.appendChild(e);
+			}
+		}
+	}
+	#x = (e) => {
+		let t = e.target.closest("[data-index]");
+		if (!t) return;
+		let n = parseInt(t.dataset.index ?? "", 10);
+		isNaN(n) || (this.#E(), this.goTo(n));
+	};
+	#S(e) {
+		let t = this.#e;
+		if (!(!t || e.length === 0)) {
+			this.#u = new IntersectionObserver((e) => {
+				for (let t of e) if (t.isIntersecting && t.intersectionRatio >= .5) {
+					let e = t.target, n = this.#d.indexOf(e);
+					n !== -1 && n !== this.#a.value && (this.#a.value = n, this.#d.forEach((e, t) => e.toggleAttribute("active", t === n)), this.dispatchEvent(new CustomEvent("ui-slide-change", {
+						bubbles: !0,
+						composed: !0,
+						detail: {
+							index: n,
+							slide: e
+						}
+					})));
+				}
+			}, {
+				root: t,
+				threshold: .5
+			});
+			for (let t of e) this.#u.observe(t);
+		}
+	}
+	#C(e) {
+		let t = this.#t?.querySelectorAll("[part=\"dot\"]");
+		t && t.forEach((t, n) => t.toggleAttribute("active", n === e));
+	}
+	#w(e, t) {
+		if (!this.#n || !this.#r) return;
+		let n = this.hasAttribute("loop");
+		this.#n.disabled = !n && e === 0, this.#r.disabled = !n && e === t - 1;
+	}
+	#T() {
+		if (this.#l.matches) return;
+		this.#E();
+		let e = parseInt(this.getAttribute("interval") ?? "5000", 10) || 5e3;
+		this.#c = setInterval(() => this.next(), e);
+	}
+	#E() {
+		this.#c !== null && (clearInterval(this.#c), this.#c = null);
+	}
+	#D = () => {
+		this.#E(), this.prev();
+	};
+	#O = () => {
+		this.#E(), this.next();
+	};
+	#k = () => {
+		this.#c !== null && (clearInterval(this.#c), this.#c = null);
+	};
+	#A = () => {
+		this.hasAttribute("autoplay") && !this.#l.matches && this.#c === null && this.#T();
+	};
+	#j = (e) => {
+		if (e.button !== 0 || e.pointerType === "touch") return;
+		let t = this.#e;
+		t && (this.#f = !0, this.#p = e.clientX, this.#m = e.clientY, this.#h = t.scrollLeft, this.#g = t.scrollTop, t.style.scrollBehavior = "auto", t.style.scrollSnapType = "none", t.setPointerCapture(e.pointerId), t.setAttribute("data-dragging", ""), t.addEventListener("pointermove", this.#M), t.addEventListener("pointerup", this.#N), t.addEventListener("pointercancel", this.#N));
+	};
+	#M = (e) => {
+		if (!(!this.#f || !this.#e)) if (e.preventDefault(), this.getAttribute("direction") === "vertical") {
+			let t = e.clientY - this.#m;
+			this.#e.scrollTop = this.#g - t;
+		} else {
+			let t = e.clientX - this.#p;
+			this.#e.scrollLeft = this.#h - t;
+		}
+	};
+	#N = (e) => {
+		!this.#f || !this.#e || (this.#f = !1, this.#e.releasePointerCapture(e.pointerId), this.#e.removeAttribute("data-dragging"), this.#e.removeEventListener("pointermove", this.#M), this.#e.removeEventListener("pointerup", this.#N), this.#e.removeEventListener("pointercancel", this.#N), this.#e.style.scrollBehavior = "", this.#e.style.scrollSnapType = "");
+	};
+	#P = (e) => {
+		if (this.#s.value) return;
+		let t = this.getAttribute("direction") === "vertical";
+		switch (e.key) {
+			case t ? "ArrowDown" : "ArrowRight":
+				e.preventDefault(), this.next();
+				break;
+			case t ? "ArrowUp" : "ArrowLeft":
+				e.preventDefault(), this.prev();
+				break;
+			case "Home":
+				e.preventDefault(), this.goTo(0);
+				break;
+			case "End":
+				e.preventDefault(), this.goTo(this.#o.value - 1);
+				break;
+		}
+	};
+}, Ne = class extends d {
+	setup() {
+		super.setup(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1");
+	}
+}, Pe = class extends d {
+	static observedAttributes = ["value", "disabled"];
+	#e;
+	#t;
+	#n;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "navigation", this.#t = g(this, "disabled", { type: "boolean" });
+	}
+	get value() {
+		return this.#n?.listValue.value ?? null;
+	}
+	set value(e) {
+		this.#n && (this.#n.listValue.value = e), e === null ? this.removeAttribute("value") : this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.set(e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (_({ disabled: this.#t }, e, n)) {
+				super.attributeChangedCallback?.(e, t, n);
+				return;
+			}
+			e === "value" && this.#n && (this.#n.listValue.value = n), super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.#n = new l(this, {
+			itemSelector: ":scope ui-nav-item:not([disabled])",
+			orientation: "vertical",
+			ariaAttr: "aria-current",
+			onChildSelect: (e) => {
+				this.#n.listValue.value = e.value, this.setAttribute("value", e.value), this.dispatchEvent(new CustomEvent("ui-change", {
+					bubbles: !0,
+					composed: !0,
+					cancelable: !0,
+					detail: e
+				}));
+			},
+			addEffect: (e) => this.addEffect(e),
+			deferChildren: (e) => this.deferChildren(e)
+		});
+		let e = this.getAttribute("value");
+		e !== null && (this.#n.listValue.value = e), this.addEffect(h(this, this.#t.signal, this.#e));
+	}
+	teardown() {
+		this.#n.destroy(), super.teardown();
+	}
+}, Fe = class extends d {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"label"
+	];
+	#e;
+	#t = t("");
+	#n;
+	#r = t("");
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = g(this, "disabled", { type: "boolean" });
+	}
+	get value() {
+		return this.#t.value;
+	}
+	set value(e) {
+		this.#t.value = e, this.getAttribute("value") !== e && this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.#n.value;
+	}
+	set disabled(e) {
+		this.#n.set(e);
+	}
+	get label() {
+		return this.#r.value || this.textContent?.trim() || "";
+	}
+	set label(e) {
+		this.#r.value = e, e ? this.getAttribute("label") !== e && this.setAttribute("label", e) : this.removeAttribute("label");
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (_({ disabled: this.#n }, e, n)) {
+				super.attributeChangedCallback?.(e, t, n);
+				return;
+			}
+			switch (e) {
+				case "value":
+					this.#t.value = n ?? "";
+					break;
+				case "label":
+					this.#r.value = n ?? "";
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
+	}
+	teardown() {
+		this.removeEventListener("click", this.#i), super.teardown();
+	}
+	#i = () => {
+		this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.#t.value,
+				label: this.label
+			}
+		}));
+	};
+}, Ie = class extends d {
+	static observedAttributes = ["open"];
+	#e = t(!0);
+	#t = null;
+	#n;
+	#r = null;
+	constructor() {
+		super(), this.#n = this.attachInternals(), this.#n.role = "group";
+	}
+	get open() {
+		return this.#e.value;
+	}
+	set open(e) {
+		this.#e.value = e, this.toggleAttribute("open", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "open" && (this.#e.value = n !== null), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup();
+		let e = document.createElement("details"), t = document.createElement("summary"), n = this.querySelector(":scope > ui-nav-group-header");
+		for (n && t.appendChild(n); this.firstChild;) e.appendChild(this.firstChild);
+		e.insertBefore(t, e.firstChild), this.appendChild(e), this.#t = e, this.addEffect(() => {
+			let e = this.#e.value;
+			this.#t && (this.#t.open = e);
+		}), e.addEventListener("toggle", this.#a), this.#r = new MutationObserver(() => this.#i()), this.#r.observe(e, {
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: ["aria-current"]
+		}), this.#i();
+	}
+	teardown() {
+		this.#r?.disconnect(), this.#r = null, this.#t?.removeEventListener("toggle", this.#a), this.#t = null, super.teardown();
+	}
+	#i() {
+		if (!this.#t) return;
+		let e = this.#t.querySelectorAll(":scope > ui-nav-item"), t = -1;
+		for (let n = 0; n < e.length; n++) if (e[n].hasAttribute("aria-current")) {
+			t = n;
+			break;
+		}
+		if (t < 0) {
+			this.#n.states.delete("has-selection");
+			return;
+		}
+		this.style.setProperty("--_indicator-index", `${t}`), this.#n.states.add("has-selection");
+	}
+	#a = () => {
+		if (!this.#t) return;
+		let e = this.#t.open;
+		this.#e.value = e, this.toggleAttribute("open", e);
+	};
+}, Le = class extends d {
+	constructor() {
+		super();
+		let e = this.attachInternals();
+		e.role = "presentation";
+	}
+	setup() {
+		super.setup(), this.id ||= r("ngh");
+		let e = this.closest("ui-nav-group");
+		e && e.setAttribute("aria-labelledby", this.id);
+	}
+}, Re = class extends d {
+	static observedAttributes = [
+		"traits",
+		"for",
+		"provides"
+	];
+	/** Per-target controller instances: target → Map<traitName, instance> */
+	#e = /* @__PURE__ */ new Map();
+	/** Watches for child additions/removals in selector mode */
+	#t = null;
+	/** Watches for trait option attribute changes on this element */
+	#n = null;
+	connectedCallback() {
+		this.setup();
+	}
+	setup() {
+		super.setup(), this.#r(), this.#d();
+	}
+	teardown() {
+		this.#u(), this.#t?.disconnect(), this.#t = null, this.#n?.disconnect(), this.#n = null, super.teardown();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), this.isConnected && (e === "traits" || e === "for" || e === "provides") && (this.#u(), this.#t?.disconnect(), this.#t = null, this.#r());
+	}
+	#r() {
+		if (this.getAttribute("provides") !== null) return;
+		let e = this.getAttribute("traits");
+		if (!e) return;
+		let t = this.getAttribute("for");
+		t === null ? this.#i(e) : this.#a(e, t);
+	}
+	#i(e) {
+		let t = this.#c();
+		t && this.#s(t, e);
+	}
+	#a(e, t) {
+		let n = this.querySelectorAll(t);
+		for (let t of n) this.#s(t, e);
+		this.#t = new MutationObserver(() => {
+			this.#o(e, t);
+		}), this.#t.observe(this, {
+			childList: !0,
+			subtree: !0
+		});
+	}
+	#o(e, t) {
+		let n = new Set(this.querySelectorAll(t));
+		for (let [e, t] of this.#e) n.has(e) || (this.#l(e, t), this.#e.delete(e));
+		for (let t of n) this.#e.has(t) || this.#s(t, e);
+	}
+	#s(e, t) {
+		let n = t.split(/\s+/).filter(Boolean), r = this.#e.get(e) ?? /* @__PURE__ */ new Map();
+		for (let t of n) {
+			if (r.has(t)) continue;
+			let n = i(t);
+			if (!n) {
+				console.warn(`[native-ui] Unknown trait "${t}". Is it registered?`);
+				continue;
+			}
+			for (let [e] of r) if (i(e)?.conflicts?.includes(t) || n.conflicts?.includes(e)) {
+				let n = `[native-ui] Trait conflict: "${t}" and "${e}" are incompatible.`;
+				console.warn(n);
+			}
+			let a = c(this, t), o = n.create(e, a);
+			r.set(t, o);
+		}
+		this.#e.set(e, r);
+	}
+	#c() {
+		for (let e of this.children) if (e instanceof HTMLElement) return e;
+		return null;
+	}
+	#l(e, t) {
+		for (let [e, n] of t) {
+			let t = i(e);
+			t && t.destroy(n);
+		}
+		t.clear();
+	}
+	#u() {
+		for (let [e, t] of this.#e) this.#l(e, t);
+		this.#e.clear();
+	}
+	/** Watch trait option attributes (e.g. draggable-axis) on this element */
+	#d() {
+		this.#n = new MutationObserver((e) => {
+			for (let t of e) {
+				if (!t.attributeName || t.attributeName === "traits" || t.attributeName === "for" || t.attributeName === "provides") continue;
+				let e = s(t.attributeName);
+				if (!e) continue;
+				let n = i(e.trait);
+				if (!n?.update) continue;
+				let r = c(this, e.trait);
+				for (let [, t] of this.#e) {
+					let i = t.get(e.trait);
+					i && n.update(i, r);
+				}
+			}
+		}), this.#n.observe(this, { attributes: !0 });
+	}
+}, Y = class extends d {
+	static observedAttributes = [
+		"disabled",
+		"no-enter-submit",
+		"no-auto-clear"
+	];
+	#e;
+	#t = t(!1);
+	#n = null;
+	#r = null;
+	constructor() {
+		super(), this.#e = this.attachInternals();
+	}
+	get value() {
+		return this.#n?.value ?? "";
+	}
+	set value(e) {
+		this.#n && (this.#n.value = e);
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (e) {
+				case "disabled":
+					this.#t.value = n !== null;
+					break;
+			}
+			super.attributeChangedCallback(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.addEffect(h(this, this.#t, this.#e)), this.deferChildren(() => {
+			this.#i(), this.addEffect(() => {
+				let e = this.#t.value;
+				this.#n && this.#n.toggleAttribute("disabled", e), this.#r && (e ? this.#r.setAttribute("disabled", "") : this.#o());
+			});
+		}), this.addEventListener("ui-input", this.#s), this.addEventListener("ui-press", this.#c), this.addEventListener("keydown", this.#l);
+	}
+	teardown() {
+		this.removeEventListener("ui-input", this.#s), this.removeEventListener("ui-press", this.#c), this.removeEventListener("keydown", this.#l), this.#n = null, this.#r = null, super.teardown();
+	}
+	#i() {
+		this.#n = this.querySelector(":scope > ui-textarea"), this.#r = this.querySelector("[data-submit]") ?? this.#a();
+	}
+	#a() {
+		let e = this.querySelector(":scope > ui-chat-input-actions");
+		if (!e) return null;
+		let t = e.querySelectorAll("ui-button[variant=\"primary\"]");
+		return t.length ? t[t.length - 1] : null;
+	}
+	#o() {
+		!this.#r || this.#t.value || (this.value.trim() ? this.#r.removeAttribute("disabled") : this.#r.setAttribute("disabled", ""));
+	}
+	#s = (e) => {
+		this.#t.value || this.#o();
+	};
+	#c = (e) => {
+		this.#t.value || e.target === this.#r && this.#u();
+	};
+	#l = (e) => {
+		if (this.#t.value || this.hasAttribute("no-enter-submit")) return;
+		let t = e;
+		if (t.isComposing) return;
+		let n = t.target;
+		!this.#n?.contains(n) && n !== this.#n || t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && (t.preventDefault(), this.value.trim() && this.#u());
+	};
+	#u() {
+		let e = this.value.trim();
+		e && this.dispatchEvent(new CustomEvent("ui-send", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { value: e }
+		})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#r?.setAttribute("disabled", ""));
+	}
+}, ze = class extends d {
+	static observedAttributes = ["interactive", "href"];
+	setup() {
+		super.setup(), this.hasAttribute("interactive") && (this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("click", this.#e), this.addEventListener("keydown", this.#t));
+	}
+	teardown() {
+		this.removeEventListener("click", this.#e), this.removeEventListener("keydown", this.#t), super.teardown();
+	}
+	#e = () => {
+		let e = this.getAttribute("href");
+		e && (window.location.href = e);
+	};
+	#t = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#e());
+	};
+}, Be = class extends d {
+	static observedAttributes = [
+		"collapsible",
+		"collapsed",
+		"divider"
+	];
+	setup() {
+		if (super.setup(), this.hasAttribute("collapsible")) {
+			let e = this.querySelector("[slot=\"heading\"]");
+			e && e.addEventListener("click", this.#e);
+		}
+	}
+	teardown() {
+		let e = this.querySelector("[slot=\"heading\"]");
+		e && e.removeEventListener("click", this.#e), super.teardown();
+	}
+	#e = () => {
+		this.hasAttribute("collapsible") && this.toggleAttribute("collapsed");
+	};
+}, Ve = class extends d {
+	#e;
+	#t;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "toolbar";
+	}
+	setup() {
+		super.setup(), this.#t = new a(this, {
+			selector: ":scope > ui-button:not([disabled]), :scope > button:not([disabled])",
+			orientation: "horizontal"
+		}), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Toolbar");
+	}
+	teardown() {
+		this.#t.destroy(), super.teardown();
+	}
+}, He = class extends d {
+	#e = null;
+	setup() {
+		super.setup();
+		let e = this.querySelector(":scope > [slot=\"sidebar\"]");
+		e?.querySelector(".layout-resize-handle") && (this.#e = new p(e, {
+			handleSelector: ".layout-resize-handle",
+			axis: "horizontal",
+			min: 160,
+			max: 400
+		})), this.dataset.ready = "";
+	}
+	teardown() {
+		this.#e?.destroy(), this.#e = null, super.teardown();
+	}
+}, Ue = class extends d {
+	#e = null;
+	#t = !1;
+	setup() {
+		super.setup();
+		let e = this.querySelector(":scope > ui-listbox[popover]");
+		e && (this.#e = new f(this), this.#e.wirePopover(this, e), this.addEventListener("click", this.#n), this.addEventListener("ui-dismiss", this.#r));
+	}
+	teardown() {
+		this.removeEventListener("click", this.#n), this.removeEventListener("ui-dismiss", this.#r), this.#e?.destroy(), this.#e = null, this.#t = !1, super.teardown();
+	}
+	#n = (e) => {
+		e.target.closest("ui-listbox") || (this.#t = !this.#t, this.#e?.syncPopover(this.#t));
+	};
+	#r = () => {
+		this.#t = !1, this.#e?.syncPopover(!1);
+	};
+}, We = class extends d {
+	#e = null;
+	get open() {
+		return this.hasAttribute("open");
+	}
+	set open(e) {
+		this.toggleAttribute("open", e);
+	}
+	toggle() {
+		this.open = !this.open;
+	}
+	setup() {
+		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new p(this, {
+			handleSelector: ".layout-resize-handle",
+			axis: "horizontal",
+			min: 280,
+			max: 480,
+			reverse: !0
+		}));
+	}
+	teardown() {
+		this.#e?.destroy(), this.#e = null, super.teardown();
+	}
+}, X = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Set();
+function Ge(e, t) {
+	X.set(e, t), Z.forEach((t) => t(e));
+}
+function Q(e) {
+	return X.get(e);
+}
+function $(e) {
+	return Z.add(e), () => Z.delete(e);
+}
+/**
+* Icon component rendering SVG from the global icon registry.
+* @attr {string} name - Icon name from the Phosphor icon set
+* @attr {string} size - Icon size override
+* @attr {string} aria-label - Accessible label (sets role="img" when present)
+*/
+var Ke = class extends d {
+	static observedAttributes = [
+		"name",
+		"size",
+		"aria-label"
+	];
+	#e = null;
+	setup() {
+		super.setup(), this.#t(), this.#n();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === "name" && this.#n(), e === "aria-label" && this.#t();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#e?.(), this.#e = null;
+	}
+	#t() {
+		this.hasAttribute("aria-label") ? (this.setAttribute("role", "img"), this.removeAttribute("aria-hidden")) : (this.setAttribute("aria-hidden", "true"), this.removeAttribute("role"));
+	}
+	#n() {
+		let e = this.getAttribute("name");
+		if (!e) {
+			this.innerHTML = "", this.#e?.(), this.#e = null;
+			return;
+		}
+		let t = Q(e);
+		t ? (this.innerHTML = t, this.#e?.(), this.#e = null) : (this.innerHTML = "", this.#e ||= $((e) => {
+			e === this.getAttribute("name") && this.#n();
+		}));
+	}
+};
+export { M as $, be as A, de as B, De as C, g as Ct, Ce as D, we as E, q as F, V as G, W as H, ge as I, L as J, z as K, me as L, ve as M, J as N, Se as O, _e as P, N as Q, pe as R, Oe as S, v as St, Te as T, h as Tt, H as U, ue as V, B as W, F as X, I as Y, P as Z, Ne as _, ee as _t, We as a, E as at, Ae as b, b as bt, Ve as c, le as ct, Y as d, oe as dt, j as et, Re as f, ae as ft, Pe as g, te as gt, Fe as h, ne as ht, Ge as i, D as it, ye as j, xe as k, Be as l, ce as lt, Ie as m, re as mt, Q as n, k as nt, Ue as o, T as ot, Le as p, ie as pt, R as q, $ as r, O as rt, He as s, w as st, Ke as t, A as tt, ze as u, se as ut, Me as v, C as vt, Ee as w, _ as wt, ke as x, x as xt, je as y, S as yt, fe as z };