@nonoun/native-ui 0.2.9 → 0.2.10

package/dist/{ui-layout-inspector-element.js → components.js}

@@ -1,19 +1,1295 @@
-import { a as e, o as t, r as n, t as r } from "./uid.js";
-import { i, n as a, r as o, t as s } from "./dialog-controller.js";
-import { a as c, d as l, f as u, h as d, i as f, m as p, n as m, p as h, t as g, u as _ } from "./list-navigate-controller.js";
-import { _ as v, d as y, f as b, g as x, h as S, p as C, v as w } from "./ui-icon-element.js";
+var e = null, t = 0, n = /* @__PURE__ */ new Set();
+const r = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new Set();
+function a() {
+	return e;
+}
+function o(t) {
+	e = t;
+}
+function s() {
+	return t;
+}
+function c() {
+	t++;
+}
+function l() {
+	t--;
+}
+var u = class {
+	_value;
+	_subs = /* @__PURE__ */ new Set();
+	constructor(e) {
+		this._value = e;
+	}
+}, d = class e {
+	_subs = /* @__PURE__ */ new Set();
+	_deps = /* @__PURE__ */ new Set();
+	_fn;
+	_value = void 0;
+	_dirty = !0;
+	constructor(e) {
+		this._fn = e;
+	}
+	_notify() {
+		if (!this._dirty) {
+			this._dirty = !0;
+			for (let r of [...this._subs]) r instanceof e ? r._notify() : t > 0 ? n.add(r) : g(r);
+		}
+	}
+}, f = class {
+	_deps = /* @__PURE__ */ new Set();
+	_fn;
+	_disposed = !1;
+	_running = !1;
+	constructor(e) {
+		this._fn = e;
+	}
+};
+function p(t) {
+	e !== null && (t._subs.add(e), e._deps.add(t));
+}
+function m(e) {
+	for (let t of e._deps) t._subs.delete(e);
+	e._deps.clear();
+}
+function h(e) {
+	for (let r of [...e._subs]) r instanceof d ? r._notify() : t > 0 ? n.add(r) : g(r);
+}
+function g(t) {
+	if (t._disposed || t._running) return;
+	m(t);
+	let n = e;
+	e = t, t._running = !0;
+	try {
+		t._fn();
+	} finally {
+		e = n, t._running = !1;
+	}
+}
+function ee() {
+	let e = 0;
+	for (; n.size > 0;) {
+		if (++e > 100) throw Error("Reactive flush limit exceeded (100 iterations). Possible infinite loop.");
+		let t = [...n];
+		n.clear();
+		for (let e of t) g(e);
+	}
+}
+var te = class {
+	[Symbol.toStringTag] = "Signal";
+	#e;
+	constructor(e) {
+		this.#e = e;
+	}
+	get value() {
+		return p(this.#e), this.#e._value;
+	}
+	set value(e) {
+		Object.is(this.#e._value, e) || (this.#e._value = e, h(this.#e));
+	}
+	peek() {
+		return this.#e._value;
+	}
+};
+function _(e) {
+	let t = new u(e), n = new te(t);
+	return r.set(n, t), n;
+}
+var ne = class {
+	[Symbol.toStringTag] = "Computed";
+	#e;
+	constructor(e) {
+		this.#e = e;
+	}
+	get value() {
+		return p(this.#e), this.#e._dirty && this.#t(), this.#e._value;
+	}
+	peek() {
+		return this.#e._dirty && this.#t(), this.#e._value;
+	}
+	#t() {
+		let e = this.#e;
+		if (i.has(e)) throw Error("Circular computed dependency detected.");
+		m(e), i.add(e);
+		let t = a();
+		o(e);
+		try {
+			e._value = e._fn();
+		} finally {
+			o(t), i.delete(e), e._dirty = !1;
+		}
+	}
+};
+function v(e) {
+	let t = new d(e), n = new ne(t);
+	return r.set(n, t), n;
+}
+function y(e) {
+	let t = new f(e);
+	return g(t), () => {
+		t._disposed || (t._disposed = !0, m(t));
+	};
+}
+function b(e) {
+	c();
+	try {
+		e();
+	} finally {
+		l(), s() === 0 && ee();
+	}
+}
+function x(e) {
+	let t = a();
+	o(null);
+	try {
+		return e();
+	} finally {
+		o(t);
+	}
+}
+var S = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
+function re(e) {
+	if (S.has(e.name)) {
+		console.warn(`[native-ui] Trait "${e.name}" is already registered.`);
+		return;
+	}
+	S.set(e.name, e);
+	for (let t of C) t(e.name);
+}
+/** Subscribe to trait registration events. Returns unsubscribe function. */
+function w(e) {
+	return C.add(e), () => C.delete(e);
+}
+function T(e) {
+	return S.get(e);
+}
+function E() {
+	return new Set(S.keys());
+}
 /**
-* Single-line text input using contenteditable with form association.
-* @attr {string} value - Current text value
-* @attr {string} placeholder - Placeholder text shown when empty
-* @attr {boolean} disabled - Disables interaction
-* @attr {boolean} readonly - Prevents editing while remaining focusable
-* @attr {boolean} required - Marks as required for form validation
-* @attr {string} name - Form field name
-* @fires ui-input - Fired on each keystroke with `{ value }` detail
-* @fires ui-change - Fired on blur with `{ value }` detail
+* Parse a namespaced trait attribute like "draggable-axis" into
+* { trait: "draggable", key: "axis" }. Returns null if the attribute
+* doesn't match any registered trait name prefix.
+*/
+function D(e) {
+	let t = E();
+	for (let n of t) if (e.startsWith(n + "-")) return {
+		trait: n,
+		key: e.slice(n.length + 1)
+	};
+	return null;
+}
+/**
+* Collect all `{traitName}-*` attributes from an element for a given trait.
+* Returns a plain object mapping option keys to string values.
+*
+* Example: element has `draggable-axis="x"` and `draggable-mode="slot"`
+* → collectTraitOptions(el, 'draggable') returns { axis: 'x', mode: 'slot' }
+*/
+function O(e, t) {
+	let n = t + "-", r = {};
+	for (let t of e.attributes) t.name.startsWith(n) && (r[t.name.slice(n.length)] = t.value);
+	return r;
+}
+/** Base custom element class with reactive effect lifecycle, child deferral, and trait protocol. */
+var k = class extends HTMLElement {
+	#e = [];
+	#t = /* @__PURE__ */ new Map();
+	#n = null;
+	#r = /* @__PURE__ */ new Set();
+	#i = null;
+	#a = !1;
+	#o = null;
+	/** Resolves after setup() and any deferChildren microtask have completed. */
+	ready = new Promise((e) => {
+		this.#o = e;
+	});
+	addEffect(e) {
+		this.#e.push(y(e));
+	}
+	connectedCallback() {
+		if (this.#a) return;
+		this.#a = !0, this.setup();
+		let e = this.getAttribute("traits");
+		e !== null && this.#s(e), queueMicrotask(() => this.#o?.());
+	}
+	disconnectedCallback() {
+		this.#a = !1, this.#l(), this.#n?.disconnect(), this.#n = null, this.#i?.(), this.#i = null, this.#r.clear(), this.teardown();
+		for (let e of this.#e) e();
+		this.#e = [];
+	}
+	setup() {}
+	teardown() {}
+	deferChildren(e) {
+		this.firstChild ? e() : queueMicrotask(() => {
+			this.isConnected && e();
+		});
+	}
+	attributeChangedCallback(e, t, n) {}
+	/**
+	* Get a trait controller instance by name.
+	* Returns null if no controller with that name is active.
+	*/
+	getTraitController(e) {
+		return this.#t.get(e) ?? null;
+	}
+	#s(e) {
+		this.#c(e), this.#n = new MutationObserver((e) => {
+			for (let t of e) if (t.attributeName === "traits") this.#c(this.getAttribute("traits") ?? "");
+			else if (t.attributeName) {
+				let e = D(t.attributeName);
+				if (e) {
+					let t = T(e.trait), n = this.#t.get(e.trait);
+					t && n && t.update && t.update(n, O(this, e.trait));
+				}
+			}
+		}), this.#n.observe(this, { attributes: !0 });
+	}
+	#c(e) {
+		let t = new Set(e.split(/\s+/).filter(Boolean));
+		for (let [e, n] of this.#t) if (!t.has(e)) {
+			let t = T(e);
+			t && t.destroy(n), this.#t.delete(e);
+		}
+		this.#r.clear();
+		for (let e of t) {
+			if (this.#t.has(e)) continue;
+			let t = T(e);
+			if (!t) {
+				this.#r.add(e);
+				continue;
+			}
+			for (let [n] of this.#t) if (T(n)?.conflicts?.includes(e) || t.conflicts?.includes(n)) {
+				let t = `[native-ui] Trait conflict: "${e}" and "${n}" are incompatible.`;
+				console.warn(t);
+			}
+			let n = O(this, e), r = t.create(this, n);
+			this.#t.set(e, r);
+		}
+		this.#r.size > 0 && !this.#i ? this.#i = w((e) => {
+			this.#r.has(e) && (this.#r.delete(e), this.#c(this.getAttribute("traits") ?? ""), this.#r.size === 0 && (this.#i?.(), this.#i = null));
+		}) : this.#r.size === 0 && this.#i && (this.#i(), this.#i = null);
+	}
+	#l() {
+		for (let [e, t] of this.#t) {
+			let n = T(e);
+			n && n.destroy(t);
+		}
+		this.#t.clear();
+	}
+};
+function A(e = "ui") {
+	return `${e}-${crypto.randomUUID().slice(0, 8)}`;
+}
+function j(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 M(e, t, n) {
+	let r = n.attribute ?? t;
+	if (n.type === "boolean") {
+		let t = _(!1);
+		return {
+			get signal() {
+				return t;
+			},
+			get value() {
+				return t.value;
+			},
+			set(n) {
+				t.value = n, e.toggleAttribute(r, n);
+			},
+			fromAttribute(e) {
+				t.value = e !== null;
+			}
+		};
+	}
+	if (n.type === "number") {
+		let t = n.initial ?? 0, i = _(t);
+		return {
+			get signal() {
+				return i;
+			},
+			get value() {
+				return i.value;
+			},
+			set(t) {
+				i.value = t, e.setAttribute(r, String(t));
+			},
+			fromAttribute(e) {
+				i.value = parseFloat(e ?? String(t)) || t;
+			}
+		};
+	}
+	let i = n.initial ?? "", a = _(i);
+	return {
+		get signal() {
+			return a;
+		},
+		get value() {
+			return a.value;
+		},
+		set(t) {
+			a.value = t, t ? e.getAttribute(r) !== t && e.setAttribute(r, t) : e.removeAttribute(r);
+		},
+		fromAttribute(e) {
+			a.value = e ?? i;
+		}
+	};
+}
+/**
+* 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 N(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()`
+* - `formStateRestoreCallback` → calls `onFormStateRestore(state)`
+*
+* 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) {
+*   #internals = this.attachInternals();
+*   onFormDisabled(disabled: boolean) { this.#disabled.value = disabled; }
+*   onFormReset() { this.textContent = ''; }
+* }
+* ```
+*/
+function P(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) {}
+	};
+}
+var F = class {
+	#e = /* @__PURE__ */ new Set();
+	#t = null;
+	#n = !1;
+	register(e) {
+		this.#e.add(e), this.#a();
+	}
+	unregister(e) {
+		this.#e.delete(e), this.#t === e && (this.#t = null), this.#e.size === 0 && this.#o();
+	}
+	/** Release the current claim (e.g. on pointerup). */
+	release() {
+		this.#t = null;
+	}
+	/** Get the currently active (claiming) participant, if any. */
+	get activeParticipant() {
+		return this.#t;
+	}
+	#r = (e) => {
+		if (this.#t) return;
+		let t = e.target, n = [];
+		for (let e of this.#e) e.host.contains(t) && n.push(e);
+		if (n.length !== 0) {
+			n.sort((e, t) => e.priority - t.priority);
+			for (let t of n) if (t.onGestureStart(e) === "claim") {
+				this.#t = t;
+				for (let e of n) e !== t && e.onGestureCancel?.();
+				return;
+			}
+		}
+	};
+	#i = () => {
+		this.release();
+	};
+	#a() {
+		this.#n ||= (document.addEventListener("pointerdown", this.#r, !0), document.addEventListener("pointerup", this.#i, !0), document.addEventListener("pointercancel", this.#i, !0), !0);
+	}
+	#o() {
+		this.#n &&= (document.removeEventListener("pointerdown", this.#r, !0), document.removeEventListener("pointerup", this.#i, !0), document.removeEventListener("pointercancel", this.#i, !0), !1);
+	}
+}, I = class {
+	#e = [];
+	#t = !1;
+	#n = (e) => {
+		let t = this.#e[this.#e.length - 1];
+		t && (e.composedPath().includes(t) || t.dispatchEvent(new CustomEvent("ui-dismiss", {
+			bubbles: !0,
+			composed: !0
+		})));
+	};
+	#r = (e) => {
+		if (e.key !== "Escape") return;
+		let t = this.#e[this.#e.length - 1];
+		t && (e.preventDefault(), t.dispatchEvent(new CustomEvent("ui-dismiss", {
+			bubbles: !0,
+			composed: !0
+		})));
+	};
+	push(e) {
+		let t = this.#e.indexOf(e);
+		t !== -1 && this.#e.splice(t, 1), this.#e.push(e), this.#i();
+	}
+	remove(e) {
+		let t = this.#e.indexOf(e);
+		t !== -1 && this.#e.splice(t, 1), this.#a();
+	}
+	#i() {
+		this.#t ||= (document.addEventListener("pointerdown", this.#n, !0), document.addEventListener("keydown", this.#r), !0);
+	}
+	#a() {
+		this.#e.length > 0 || (document.removeEventListener("pointerdown", this.#n, !0), document.removeEventListener("keydown", this.#r), this.#t = !1);
+	}
+}, L = class {
+	#e = null;
+	#t = 0;
+	#n = [];
+	#r() {
+		return this.#e && this.#e.isConnected ? this.#e : (this.#e = document.createElement("div"), this.#e.className = "ui-toast-container", this.#e.setAttribute("role", "status"), this.#e.setAttribute("aria-live", "polite"), this.#e.setAttribute("aria-atomic", "false"), this.#e.style.cssText = "\n      position: fixed;\n      top: 1rem;\n      right: 1rem;\n      display: flex;\n      flex-direction: column;\n      gap: 0.5rem;\n      z-index: 10000;\n      pointer-events: none;\n    ", document.body.appendChild(this.#e), this.#e);
+	}
+	toast(e, t) {
+		let { message: n, intent: r = "info", duration: i = 4e3, dismissible: a = !0 } = t, o = this.#t++, s = this.#r(), c = document.createElement("div");
+		c.className = "ui-toast", c.setAttribute("intent", r), c.setAttribute("role", "alert"), c.style.cssText = "pointer-events: auto;";
+		let l = document.createElement("span");
+		if (l.className = "ui-toast-message", l.textContent = n, c.appendChild(l), a) {
+			let e = document.createElement("button");
+			e.className = "ui-toast-close", e.setAttribute("aria-label", "Dismiss"), e.textContent = "×", e.addEventListener("click", () => this.dismiss(o)), c.appendChild(e);
+		}
+		s.appendChild(c);
+		let u = i > 0 ? setTimeout(() => this.dismiss(o), i) : null;
+		return this.#n.push({
+			id: o,
+			el: c,
+			timer: u
+		}), e.dispatchEvent(new CustomEvent("ui-toast", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				id: o,
+				message: n,
+				intent: r
+			}
+		})), o;
+	}
+	dismiss(e) {
+		let t = this.#n.findIndex((t) => t.id === e);
+		if (t === -1) return;
+		let n = this.#n[t];
+		n.timer && clearTimeout(n.timer), n.el.remove(), this.#n.splice(t, 1), this.#n.length === 0 && this.#e && (this.#e.remove(), this.#e = null);
+	}
+	dismissAll() {
+		for (let e of [...this.#n]) this.dismiss(e.id);
+	}
+}, ie = null;
+function R() {
+	return ie ||= {
+		dismissStack: new I(),
+		toastManager: new L(),
+		gestureRouter: new F()
+	}, ie;
+}
+function ae(e, t) {
+	return e.label.toLowerCase().includes(t.toLowerCase());
+}
+var z = class {
+	data;
+	query;
+	#e;
+	#t;
+	filtered;
+	sorted;
+	activeIndex;
+	activeItem;
+	value;
+	selected;
+	#n;
+	selectedItem;
+	empty;
+	constructor(e = {}) {
+		this.data = _([]), this.query = _(""), this.#e = _(e.filterFn ?? ae), this.#t = _(e.sortFn ?? null), this.#n = _(e.multiple ?? !1), this.activeIndex = _(e.initialActiveIndex ?? -1), this.value = _(null), this.selected = _(/* @__PURE__ */ new Set()), this.filtered = v(() => {
+			let e = this.data.value, t = this.query.value, n = this.#e.value;
+			return t ? e.filter((e) => n(e, t)) : e;
+		}), this.sorted = v(() => {
+			let e = this.filtered.value, t = this.#t.value;
+			return t ? [...e].sort(t) : e;
+		}), this.activeItem = v(() => {
+			let e = this.view.value, t = this.activeIndex.value;
+			return t >= 0 && t < e.length ? e[t] : null;
+		}), this.selectedItem = v(() => {
+			let e = this.value.value;
+			return e === null ? null : this.data.value.find((t) => t.value === e) ?? null;
+		}), this.empty = v(() => 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) {
+		b(() => {
+			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), b(() => {
+				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), b(() => {
+			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() {
+		b(() => {
+			this.value.value = null, this.selected.value = /* @__PURE__ */ new Set();
+		});
+	}
+	reset() {
+		b(() => {
+			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 oe(e) {
+	return new z(e);
+}
+/**
+* Validates a JSON string → typed option array.
+* Filters out entries missing `value` or `label` strings.
 */
-var ee = class extends S(_) {
+function B(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 V(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;
+}
+/** Enables pointer-driven drag-and-drop with drop, slot, or preview reordering. */
+var H = class {
+	host;
+	selector;
+	dropZoneSelector;
+	axis;
+	mode;
+	disabled;
+	animate;
+	#e = null;
+	#t = null;
+	#n = null;
+	#r = 0;
+	#i = 0;
+	#a = 0;
+	#o = 0;
+	#s = -1;
+	#c = -1;
+	#l = !1;
+	#u = null;
+	#d = null;
+	#f = -1;
+	constructor(e, t) {
+		this.host = e, this.selector = t.selector, this.dropZoneSelector = t.dropZoneSelector ?? "", this.axis = t.axis ?? "both", this.mode = t.mode ?? "drop", this.disabled = t.disabled ?? !1, this.animate = t.animate ?? !0, this.attach();
+	}
+	attach() {
+		this.#l || (this.#l = !0, this.host.addEventListener("pointerdown", this.#_), this.host.addEventListener("pointerenter", this.#h, !0), this.host.addEventListener("pointerleave", this.#g, !0));
+	}
+	detach() {
+		this.#l && (this.#l = !1, this.host.removeEventListener("pointerdown", this.#_), this.host.removeEventListener("pointerenter", this.#h, !0), this.host.removeEventListener("pointerleave", this.#g, !0), this.#A());
+	}
+	destroy() {
+		this.detach();
+	}
+	#p() {
+		return this.selector ? [...this.host.querySelectorAll(this.selector)] : [];
+	}
+	#m() {
+		return this.dropZoneSelector ? [...this.host.querySelectorAll(this.dropZoneSelector)] : this.#p();
+	}
+	#h = (e) => {
+		if (this.disabled || !this.selector || this.#t) return;
+		let t = e.target.closest?.(this.selector);
+		!t || !this.host.contains(t) || (t.style.outline = "2px solid var(--ui-focus-ring, highlight)", t.style.outlineOffset = "2px");
+	};
+	#g = (e) => {
+		if (!this.selector) return;
+		let t = e.target.closest?.(this.selector);
+		!t || !this.host.contains(t) || (t.style.removeProperty("outline"), t.style.removeProperty("outline-offset"));
+	};
+	#_ = (e) => {
+		if (e.button !== 0 || this.disabled || !this.selector) return;
+		let t = e.target.closest?.(this.selector);
+		if (!t || !this.host.contains(t)) return;
+		let n = this.#p().indexOf(t);
+		if (n === -1) return;
+		e.preventDefault(), this.#e = t, this.#s = n, this.#r = e.clientX, this.#i = e.clientY;
+		let r = t.getBoundingClientRect();
+		this.#a = r.left + r.width / 2 - e.clientX, this.#o = r.top + r.height / 2 - e.clientY, document.addEventListener("pointermove", this.#v), document.addEventListener("pointerup", this.#E), document.addEventListener("pointercancel", this.#D), document.addEventListener("keydown", this.#O);
+	};
+	#v = (e) => {
+		if (!this.#e) return;
+		if (!this.#t) {
+			this.#e.style.removeProperty("outline"), this.#e.style.removeProperty("outline-offset");
+			try {
+				this.#k(e);
+			} catch {
+				this.#A();
+				return;
+			}
+			this.#e.setAttribute("dragging", ""), this.mode === "preview" && (this.#u = this.#e.parentElement, this.#d = this.#e.nextElementSibling, this.#f = -1, this.animate && this.#C()), this.host.dispatchEvent(new CustomEvent("ui-drag-start", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					item: this.#e,
+					index: this.#s
+				}
+			}));
+		}
+		let t = e.clientX - this.#r, n = e.clientY - this.#i;
+		this.#t.style.transform = `translate(${t}px, ${n}px) scale(0.9)`, this.host.dispatchEvent(new CustomEvent("ui-drag-move", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				item: this.#e,
+				x: e.clientX,
+				y: e.clientY
+			}
+		}));
+		let r = this.#m().filter((e) => e !== this.#t);
+		if (this.mode === "slot") {
+			let t = e.clientX + this.#a, n = e.clientY + this.#o, i = r.filter((e) => e !== this.#e), a = 0;
+			for (let e = 0; e < i.length; e++) {
+				let r = i[e].getBoundingClientRect(), o = r.left + r.width / 2, s = r.top + r.height / 2;
+				if (this.axis === "horizontal" ? t > o : (this.axis === "vertical" || t > o) && n > s) a = e + 1;
+				else break;
+			}
+			this.#b(r, a);
+		} else if (this.mode === "preview") {
+			let t = e.clientX + this.#a, n = e.clientY + this.#o;
+			this.#S(r, t, n);
+		} else {
+			let t = null, n = -1;
+			for (let i = 0; i < r.length; i++) {
+				let a = r[i].getBoundingClientRect(), o = a.left + a.width / 2, s = a.top + a.height / 2;
+				if (this.axis === "vertical" ? e.clientY >= a.top && e.clientY <= a.bottom : this.axis === "horizontal" ? e.clientX >= a.left && e.clientX <= a.right : e.clientX >= a.left && e.clientX <= a.right && e.clientY >= a.top && e.clientY <= a.bottom) {
+					n = (this.axis === "horizontal" ? e.clientX < o : e.clientY < s) ? i : i + 1, t = r[i];
+					break;
+				}
+			}
+			this.#y(r, t, n);
+		}
+	};
+	#y(e, t, n) {
+		for (let n of e) n !== t && (n.removeAttribute("drag-over"), n.style.removeProperty("outline"), n.style.removeProperty("outline-offset"));
+		t && (t.setAttribute("drag-over", ""), t.style.outline = "2px solid var(--ui-focus-ring, highlight)", t.style.outlineOffset = "2px", this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				item: this.#e,
+				target: t,
+				index: n
+			}
+		})));
+	}
+	#b(e, t) {
+		if (t === -1 || t === this.#c) return;
+		this.#c = t, this.#x(e), this.#n || (this.#n = document.createElement("div"), this.#n.className = "drag-placeholder", this.#n.setAttribute("aria-hidden", "true"));
+		let n = e.filter((e) => e !== this.#e), r = Math.min(t, n.length);
+		r < n.length ? n[r].before(this.#n) : n.length > 0 ? n[n.length - 1].after(this.#n) : this.host.appendChild(this.#n), r < n.length && n[r].setAttribute("drag-slot-before", ""), r > 0 && r - 1 < n.length && n[r - 1].setAttribute("drag-slot-after", "");
+		let i = r < n.length ? n[r] : null;
+		this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				item: this.#e,
+				index: t,
+				insertBefore: i
+			}
+		}));
+	}
+	#x(e) {
+		for (let t of e) t.removeAttribute("drag-slot-before"), t.removeAttribute("drag-slot-after");
+	}
+	#S(e, t, n) {
+		let r = e.filter((e) => e !== this.#e);
+		if (r.length === 0) return;
+		let i = e[0].getBoundingClientRect(), a = 1;
+		for (let t = 1; t < e.length && Math.abs(e[t].getBoundingClientRect().top - i.top) < i.height * .5; t++) a = t + 1;
+		let o = a > 1 ? e[1].getBoundingClientRect().left - i.left : i.width, s = a < e.length ? e[a].getBoundingClientRect().top - i.top : i.height, c = Math.round((t - (i.left + i.width / 2)) / o), l = Math.round((n - (i.top + i.height / 2)) / s), u = Math.ceil(r.length / a) - 1, d = Math.max(0, Math.min(c, a - 1)), f = Math.max(0, Math.min(l, u)) * a + d;
+		if (f = Math.max(0, Math.min(f, r.length)), f === this.#f) return;
+		this.#f = f;
+		let p = f < r.length ? r[f] : null, m = () => {
+			p ? p.before(this.#e) : r[r.length - 1].after(this.#e);
+		};
+		this.animate && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
+			m(), this.#C();
+		}) : m(), this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				item: this.#e,
+				index: f,
+				insertBefore: p
+			}
+		}));
+	}
+	#C() {
+		let e = this.#p();
+		for (let t = 0; t < e.length; t++) e[t].style.viewTransitionName = e[t] === this.#e ? "none" : `drag-item-${t}`;
+	}
+	#w() {
+		for (let e of this.#p()) e.style.removeProperty("view-transition-name");
+	}
+	#T() {
+		if (this.mode !== "preview" || !this.#e || !this.#u) return;
+		let e = this.#e, t = this.#d, n = this.#u, r = () => {
+			t && t.isConnected ? t.before(e) : n.appendChild(e);
+		};
+		this.animate && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
+			r(), this.#C();
+		}) : r();
+	}
+	#E = (e) => {
+		if (this.#e) {
+			if (this.#t) if (this.mode === "slot") {
+				let e = this.#p().filter((e) => e !== this.#e), t = this.#c >= 0 && this.#c < e.length ? e[this.#c] : null;
+				this.host.dispatchEvent(new CustomEvent("ui-drop", {
+					bubbles: !0,
+					composed: !0,
+					detail: {
+						item: this.#e,
+						fromIndex: this.#s,
+						toIndex: this.#c,
+						insertBefore: t
+					}
+				}));
+			} else if (this.mode === "preview") {
+				let e = this.#p(), t = this.#e ? e.indexOf(this.#e) : -1;
+				this.#u = null, this.#d = null, this.host.dispatchEvent(new CustomEvent("ui-drop", {
+					bubbles: !0,
+					composed: !0,
+					detail: {
+						item: this.#e,
+						fromIndex: this.#s,
+						toIndex: t
+					}
+				}));
+			} else {
+				let e = this.#m(), t = e.find((e) => e.hasAttribute("drag-over")) ?? null, n = t ? e.indexOf(t) : -1;
+				this.host.dispatchEvent(new CustomEvent("ui-drop", {
+					bubbles: !0,
+					composed: !0,
+					detail: {
+						item: this.#e,
+						target: t,
+						fromIndex: this.#s,
+						toIndex: n
+					}
+				}));
+			}
+			this.#A();
+		}
+	};
+	#D = () => {
+		this.#e && (this.#T(), this.#t && this.host.dispatchEvent(new CustomEvent("ui-drag-cancel", {
+			bubbles: !0,
+			composed: !0,
+			detail: { item: this.#e }
+		})), this.#A());
+	};
+	#O = (e) => {
+		e.key === "Escape" && this.#e && (e.preventDefault(), this.#T(), this.#t && this.host.dispatchEvent(new CustomEvent("ui-drag-cancel", {
+			bubbles: !0,
+			composed: !0,
+			detail: { item: this.#e }
+		})), this.#A());
+	};
+	#k(e) {
+		if (!this.#e) return;
+		let t = this.#e.getBoundingClientRect(), n = this.#e.cloneNode(!0);
+		n.setAttribute("popover", "manual"), n.setAttribute("aria-hidden", "true"), document.body.appendChild(n), n.showPopover(), n.style.position = "fixed", n.style.inset = "unset", n.style.left = `${t.left}px`, n.style.top = `${t.top}px`, n.style.width = `${t.width}px`, n.style.height = `${t.height}px`, n.style.margin = "0", n.style.pointerEvents = "none", n.style.opacity = "0.8", n.style.transformOrigin = "center center", n.style.border = "none", n.style.outline = "none", this.#t = n, this.#r = e.clientX, this.#i = e.clientY;
+	}
+	#A() {
+		if (this.#t) {
+			if (this.#t.isConnected) try {
+				this.#t.hidePopover();
+			} catch {}
+			this.#t.remove(), this.#t = null;
+		}
+		this.#e && this.#e.removeAttribute("dragging"), this.mode === "preview" && this.animate && this.#w();
+		let e = this.#m();
+		if (this.mode === "slot") this.#x(e);
+		else for (let t of e) t.removeAttribute("drag-over"), t.style.removeProperty("outline"), t.style.removeProperty("outline-offset");
+		this.#n &&= (this.#n.remove(), null), this.#e = null, this.#s = -1, this.#c = -1, this.#u = null, this.#d = null, this.#f = -1, document.removeEventListener("pointermove", this.#v), document.removeEventListener("pointerup", this.#E), document.removeEventListener("pointercancel", this.#D), document.removeEventListener("keydown", this.#O);
+	}
+}, U = class {
+	host;
+	handleSelector;
+	axis;
+	min;
+	max;
+	disabled;
+	reverse;
+	#e = 0;
+	#t = 0;
+	#n = 0;
+	#r = 0;
+	#i = !1;
+	#a = !1;
+	constructor(e, t) {
+		this.host = e, this.handleSelector = t.handleSelector, this.axis = t.axis ?? "horizontal", this.min = t.min ?? 0, this.max = t.max ?? Infinity, this.disabled = t.disabled ?? !1, this.reverse = t.reverse ?? !1, this.attach();
+	}
+	attach() {
+		this.#a || (this.#a = !0, this.host.addEventListener("pointerdown", this.#o));
+	}
+	detach() {
+		this.#a && (this.#a = !1, this.host.removeEventListener("pointerdown", this.#o), this.#d());
+	}
+	destroy() {
+		this.detach();
+	}
+	#o = (e) => {
+		if (e.button !== 0 || this.disabled || !this.handleSelector) return;
+		let t = e.target.closest?.(this.handleSelector);
+		if (!t || !this.host.contains(t)) return;
+		e.preventDefault(), this.#i = !0, this.#e = e.clientX, this.#t = e.clientY;
+		let n = this.host.getBoundingClientRect();
+		this.#n = n.width, this.#r = n.height, this.host.setAttribute("resizing", ""), this.host.setPointerCapture(e.pointerId), document.addEventListener("pointermove", this.#s), document.addEventListener("pointerup", this.#c), document.addEventListener("pointercancel", this.#l), document.addEventListener("keydown", this.#u), this.host.dispatchEvent(new CustomEvent("ui-resize-start", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				width: this.#n,
+				height: this.#r
+			}
+		}));
+	};
+	#s = (e) => {
+		if (!this.#i) return;
+		let t = this.reverse ? -1 : 1, n = (e.clientX - this.#e) * t, r = (e.clientY - this.#t) * t;
+		if (this.axis === "horizontal" || this.axis === "both") {
+			let e = Math.min(this.max, Math.max(this.min, this.#n + n));
+			this.host.style.width = `${e}px`;
+		}
+		if (this.axis === "vertical" || this.axis === "both") {
+			let e = Math.min(this.max, Math.max(this.min, this.#r + r));
+			this.host.style.height = `${e}px`;
+		}
+		let i = this.host.getBoundingClientRect();
+		this.host.dispatchEvent(new CustomEvent("ui-resize-move", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				width: i.width,
+				height: i.height
+			}
+		}));
+	};
+	#c = (e) => {
+		if (!this.#i) return;
+		let t = this.host.getBoundingClientRect();
+		this.host.dispatchEvent(new CustomEvent("ui-resize-end", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				width: t.width,
+				height: t.height
+			}
+		})), this.#d();
+	};
+	#l = () => {
+		this.#i && ((this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
+	};
+	#u = (e) => {
+		e.key === "Escape" && this.#i && (e.preventDefault(), (this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
+	};
+	#d() {
+		this.#i = !1, this.host.removeAttribute("resizing"), document.removeEventListener("pointermove", this.#s), document.removeEventListener("pointerup", this.#c), document.removeEventListener("pointercancel", this.#l), document.removeEventListener("keydown", this.#u);
+	}
+}, W = class {
+	host;
+	disabled;
+	#e = !1;
+	#t = "mouse";
+	#n = !1;
+	constructor(e, t = {}) {
+		this.host = e, this.disabled = t.disabled ?? !1, this.attach();
+	}
+	#r() {
+		return typeof this.disabled == "function" ? this.disabled() : this.disabled ? !0 : this.host.disabled === !0;
+	}
+	attach() {
+		this.#n || (this.#n = !0, this.host.addEventListener("pointerdown", this.#i), this.host.addEventListener("pointerup", this.#a), this.host.addEventListener("pointercancel", this.#o), this.host.addEventListener("lostpointercapture", this.#s), this.host.addEventListener("keydown", this.#c), this.host.addEventListener("keyup", this.#l));
+	}
+	detach() {
+		this.#n && (this.#n = !1, this.host.removeEventListener("pointerdown", this.#i), this.host.removeEventListener("pointerup", this.#a), this.host.removeEventListener("pointercancel", this.#o), this.host.removeEventListener("lostpointercapture", this.#s), this.host.removeEventListener("keydown", this.#c), this.host.removeEventListener("keyup", this.#l), this.host.removeAttribute("pressed"));
+	}
+	destroy() {
+		this.detach();
+	}
+	#i = (e) => {
+		e.button === 0 && (this.#r() || (this.#t = e.pointerType, this.host.setPointerCapture(e.pointerId), this.#e = !0, this.host.toggleAttribute("pressed", !0)));
+	};
+	#a = (e) => {
+		this.#e && (this.#e = !1, this.host.removeAttribute("pressed"), this.host.dispatchEvent(new CustomEvent("ui-press", {
+			bubbles: !0,
+			composed: !0,
+			detail: { pointerType: this.#t }
+		})));
+	};
+	#o = () => {
+		this.#e = !1, this.host.removeAttribute("pressed");
+	};
+	#s = () => {
+		this.#e = !1, this.host.removeAttribute("pressed");
+	};
+	#c = (e) => {
+		e.repeat || this.#r() || e.key !== "Enter" && e.key !== " " || (e.key === " " && e.preventDefault(), this.host.toggleAttribute("pressed", !0));
+	};
+	#l = (e) => {
+		e.key !== "Enter" && e.key !== " " || (this.host.removeAttribute("pressed"), !this.#r() && this.host.dispatchEvent(new CustomEvent("ui-press", {
+			bubbles: !0,
+			composed: !0,
+			detail: { pointerType: "keyboard" }
+		})));
+	};
+}, G = class {
+	host;
+	selector;
+	orientation;
+	wrap;
+	disabled;
+	#e = 0;
+	#t = !1;
+	constructor(e, t = {}) {
+		this.host = e, this.selector = t.selector ?? ":scope > [role]", this.orientation = t.orientation ?? "vertical", this.wrap = t.wrap ?? !0, this.disabled = t.disabled ?? !1, this.attach();
+	}
+	attach() {
+		if (this.#t || this.disabled) return;
+		this.#t = !0, this.host.addEventListener("keydown", this.#r), this.host.addEventListener("focusin", this.#i);
+		let e = this.#n();
+		for (let t = 0; t < e.length; t++) e[t].setAttribute("tabindex", t === 0 ? "0" : "-1");
+	}
+	detach() {
+		this.#t && (this.#t = !1, this.host.removeEventListener("keydown", this.#r), this.host.removeEventListener("focusin", this.#i));
+	}
+	destroy() {
+		this.detach();
+	}
+	#n() {
+		return [...this.host.querySelectorAll(this.selector)].filter((e) => !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true");
+	}
+	#r = (e) => {
+		let t = this.#n();
+		if (t.length === 0) return;
+		let n = 0, r = this.orientation === "vertical" || this.orientation === "both", i = this.orientation === "horizontal" || this.orientation === "both";
+		if (e.key === "ArrowDown" && r) n = 1;
+		else if (e.key === "ArrowUp" && r) n = -1;
+		else if (e.key === "ArrowRight" && i) n = 1;
+		else if (e.key === "ArrowLeft" && i) n = -1;
+		else if (e.key === "Home") {
+			this.#a(t, 0), e.preventDefault();
+			return;
+		} else if (e.key === "End") {
+			this.#a(t, t.length - 1), e.preventDefault();
+			return;
+		} else return;
+		e.preventDefault();
+		let a = this.#e + n;
+		a = this.wrap ? (a + t.length) % t.length : Math.max(0, Math.min(t.length - 1, a)), this.#a(t, a);
+	};
+	#i = (e) => {
+		e.target === this.host && this.#n()[this.#e]?.focus();
+	};
+	#a(e, t) {
+		let n = e[this.#e];
+		n && n.setAttribute("tabindex", "-1"), this.#e = t;
+		let r = e[t];
+		r && (r.setAttribute("tabindex", "0"), r.focus());
+	}
+}, K = class {
+	host;
+	#e = 0;
+	constructor(e) {
+		this.host = e;
+	}
+	enable() {
+		this.#e = requestAnimationFrame(() => {
+			this.#e = 0, R().dismissStack.push(this.host);
+		});
+	}
+	disable() {
+		this.#e &&= (cancelAnimationFrame(this.#e), 0), R().dismissStack.remove(this.host);
+	}
+	destroy() {
+		this.#e &&= (cancelAnimationFrame(this.#e), 0), R().dismissStack.remove(this.host);
+	}
+}, q = class {
+	host;
+	#e;
+	#t = null;
+	#n = null;
+	constructor(e) {
+		this.host = e, this.#e = new K(e);
+	}
+	wirePopover(e, t) {
+		this.#t = e, this.#n = t;
+		let n = A("anchor");
+		e.style.setProperty("anchor-name", `--${n}`), t.style.setProperty("position-anchor", `--${n}`);
+	}
+	syncPopover(e) {
+		if (e) {
+			try {
+				this.#n?.showPopover();
+			} catch {}
+			this.#e.enable();
+		} else {
+			try {
+				this.#n?.hidePopover();
+			} catch {}
+			this.#e.disable();
+		}
+	}
+	destroy() {
+		this.#e.destroy(), this.#t?.style.removeProperty("anchor-name"), this.#t = null, this.#n?.style.removeProperty("position-anchor"), this.#n = null;
+	}
+}, J = class {
+	host;
+	listValue = _(null);
+	itemSelector;
+	ariaAttr;
+	autoSync;
+	onChildSelect;
+	#e;
+	#t = !1;
+	constructor(e, t = {}) {
+		if (this.host = e, this.itemSelector = t.itemSelector ?? ":scope > [role]", this.ariaAttr = t.ariaAttr ?? "aria-selected", this.autoSync = t.autoSync ?? !0, this.onChildSelect = t.onChildSelect ?? ((t) => {
+			this.listValue.value = t.value, e.dispatchEvent(new CustomEvent("ui-change", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: t
+			}));
+		}), this.#e = new G(e, {
+			selector: this.itemSelector,
+			orientation: t.orientation ?? "vertical",
+			wrap: t.wrap ?? !0,
+			disabled: t.disabled ?? !1
+		}), this.attach(), this.autoSync && t.addEffect && t.deferChildren) {
+			let n = t.addEffect;
+			t.deferChildren(() => {
+				n(() => {
+					let t = this.listValue.value, n = e.querySelectorAll(this.itemSelector), r = this.ariaAttr === "aria-current";
+					for (let e of n) {
+						let n = e.getAttribute("value") ?? e.value;
+						if (n !== void 0) {
+							let i = n === t;
+							r ? i ? e.setAttribute("aria-current", "page") : e.removeAttribute("aria-current") : e.setAttribute(this.ariaAttr, i ? "true" : "false");
+						}
+					}
+				});
+			});
+		}
+	}
+	attach() {
+		this.#t || (this.#t = !0, this.host.addEventListener("ui-select", this.#n));
+	}
+	detach() {
+		this.#t && (this.#t = !1, this.host.removeEventListener("ui-select", this.#n));
+	}
+	destroy() {
+		this.detach(), this.#e.destroy();
+	}
+	/** Access the underlying roving focus controller for direct configuration. */
+	get rovingFocus() {
+		return this.#e;
+	}
+	#n = (e) => {
+		if (this.host.disabled === !0) return;
+		let t = e.detail;
+		this.onChildSelect(t);
+	};
+}, Y = class {
+	host;
+	#e = null;
+	#t;
+	constructor(e, t = {}) {
+		this.host = e, this.#t = t.contentTarget, this.#a();
+	}
+	get open() {
+		return this.#e?.open ?? !1;
+	}
+	showModal() {
+		!this.#e || this.open || (this.#e.showModal(), this.host.toggleAttribute("open", !0), queueMicrotask(() => {
+			let e = this.#e?.querySelector("[autofocus]");
+			if (e) {
+				e.focus();
+				return;
+			}
+			(this.#e?.querySelector("ui-input, ui-textarea, ui-button, ui-select, ui-listbox, input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])"))?.focus();
+		}));
+	}
+	close() {
+		!this.#e || !this.open || (this.#e.close(), this.host.toggleAttribute("open", !1), this.host.dispatchEvent(new Event("close")));
+	}
+	destroy() {
+		this.#e && (this.#e.removeEventListener("cancel", this.#n), this.#e.removeEventListener("click", this.#r)), this.host.removeEventListener("ui-dismiss", this.#i), this.#e = null;
+	}
+	#n = (e) => {
+		e.preventDefault(), this.host.hasAttribute("no-close-on-escape") || this.close();
+	};
+	#r = (e) => {
+		e.target === this.#e && !this.host.hasAttribute("no-close-on-backdrop") && this.close();
+	};
+	#i = () => {
+		this.host.hasAttribute("no-close-on-escape") || this.close();
+	};
+	#a() {
+		let e = document.createElement("dialog"), t = this.#t ? this.#t(e) : e;
+		for (; this.host.firstChild;) t.appendChild(this.host.firstChild);
+		t !== e && e.appendChild(t), this.host.appendChild(e), this.#e = e, e.addEventListener("cancel", this.#n), e.addEventListener("click", this.#r), this.host.addEventListener("ui-dismiss", this.#i);
+	}
+}, se = class extends P(k) {
+	static observedAttributes = ["disabled", "type"];
+	#e;
+	#t;
+	#n;
+	#r;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "button", this.#t = M(this, "disabled", { type: "boolean" }), this.#n = M(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 && (N({
+			disabled: this.#t,
+			type: this.#n
+		}, e, n), super.attributeChangedCallback?.(e, t, n));
+	}
+	setup() {
+		super.setup(), this.#r = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(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");
+	}
+}, ce = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"placeholder",
@@ -23,9 +1299,9 @@ var ee = class extends S(_) {
 		"pattern"
 	];
 	#e;
-	#t = t(!1);
-	#n = t(!1);
-	#r = t("");
+	#t = _(!1);
+	#n = _(!1);
+	#r = _("");
 	#i = "";
 	#a = null;
 	#o = [];
@@ -53,119 +1329,281 @@ var ee = class extends S(_) {
 	set placeholder(e) {
 		this.setAttribute("placeholder", e);
 	}
-	get name() {
-		return this.getAttribute("name") ?? "";
+	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.#c(n ?? ""), this.#r.value = n ?? "", this.#e.setFormValue(n ?? ""), this.#l();
+					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 "pattern":
+					this.#a = n;
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
+	}
+	setup() {
+		super.setup(), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#o = [...this.querySelectorAll(":scope > [slot]")];
+		for (let e of this.#o) e.setAttribute("contenteditable", "false");
+		this.#n.value = this.hasAttribute("required"), this.#a = this.getAttribute("pattern"), this.#i = this.getAttribute("value") ?? this.#s(), this.#r.value = this.#s(), this.#l(), this.addEffect(j(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+			let e = this.#r.value;
+			this.#n.value && e === "" ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : this.#a !== null && e !== "" && !RegExp(`^(?:${this.#a})$`).test(e) ? this.#e.setValidity({ patternMismatch: !0 }, "Please match the requested format.", this) : this.#e.setValidity({});
+		}), this.addEventListener("input", this.#u), this.addEventListener("blur", this.#d);
+	}
+	teardown() {
+		this.removeEventListener("input", this.#u), this.removeEventListener("blur", this.#d), 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.#c(this.#i), this.#r.value = this.#i, this.#e.setFormValue(this.#i), this.#l(), this.#t.value = this.hasAttribute("disabled"), this.setAttribute("contenteditable", this.#t.value || this.hasAttribute("readonly") ? "false" : "plaintext-only");
+	}
+	onFormStateRestore(e) {
+		this.value = typeof e == "string" ? e : "";
+	}
+	#l() {
+		this.#s().trim() === "" ? this.#e.states.add("empty") : this.#e.states.delete("empty");
+	}
+	#u = () => {
+		for (let e of this.#o) e.parentNode || this.appendChild(e);
+		let e = this.#s();
+		this.#r.value = e, this.#e.setFormValue(e), this.#l(), this.dispatchEvent(new CustomEvent("ui-input", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: e }
+		}));
+	};
+	#d = () => {
+		this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#s() }
+		}));
+	};
+}, le = class extends k {
+	static observedAttributes = [
+		"disabled",
+		"multiple",
+		"virtual-focus"
+	];
+	#e;
+	#t;
+	#n = _(!1);
+	#r = new z();
+	#i;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "listbox", this.#t = M(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 (N({ 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 J(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(j(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 = i.getAttribute("value") ?? "", a = n ? t.has(r) : r === e;
+					i.setAttribute("aria-selected", a ? "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++) {
+					let r = t[n], i = n === e;
+					r.toggleAttribute("active", i), i && (r.id ||= A("opt"), this.setAttribute("aria-activedescendant", r.id));
+				}
+				(e < 0 || e >= t.length) && this.removeAttribute("aria-activedescendant");
+			});
+		});
+	}
+	teardown() {
+		this.#i.destroy(), super.teardown();
 	}
-	set name(e) {
-		this.setAttribute("name", e);
+	getActiveOption() {
+		let e = this.#r.activeIndex.value;
+		return this.querySelectorAll(":scope ui-option:not([disabled])")[e] ?? null;
 	}
-	get disabled() {
+}, ue = class extends k {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"label"
+	];
+	#e;
+	#t = _("");
+	#n;
+	#r = _("");
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = M(this, "disabled", { type: "boolean" });
+	}
+	get value() {
 		return this.#t.value;
 	}
-	set disabled(e) {
-		this.#t.value = e, this.toggleAttribute("disabled", e);
+	set value(e) {
+		this.#t.value = e, this.getAttribute("value") !== e && this.setAttribute("value", e);
 	}
-	get readOnly() {
-		return this.hasAttribute("readonly");
+	get disabled() {
+		return this.#n.value;
 	}
-	set readOnly(e) {
-		this.toggleAttribute("readonly", e), this.setAttribute("contenteditable", e ? "false" : "plaintext-only");
+	set disabled(e) {
+		this.#n.set(e);
 	}
-	get required() {
-		return this.#n.value;
+	get label() {
+		return this.#r.value || this.textContent?.trim() || "";
 	}
-	set required(e) {
-		this.#n.value = e, this.toggleAttribute("required", e);
+	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 (N({ disabled: this.#n }, e, n)) {
+				super.attributeChangedCallback?.(e, t, n);
+				return;
+			}
 			switch (e) {
 				case "value":
-					this.#c(n ?? ""), this.#r.value = n ?? "", this.#e.setFormValue(n ?? ""), this.#l();
-					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;
+					this.#t.value = n ?? "";
 					break;
-				case "pattern":
-					this.#a = n;
+				case "label":
+					this.#r.value = n ?? "";
 					break;
 			}
 			super.attributeChangedCallback?.(e, t, n);
 		}
 	}
 	setup() {
-		super.setup(), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#o = [...this.querySelectorAll(":scope > [slot]")];
-		for (let e of this.#o) e.setAttribute("contenteditable", "false");
-		this.#n.value = this.hasAttribute("required"), this.#a = this.getAttribute("pattern"), this.#i = this.getAttribute("value") ?? this.#s(), this.#r.value = this.#s(), this.#l(), this.addEffect(w(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
-			let e = this.#r.value;
-			this.#n.value && e === "" ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : this.#a !== null && e !== "" && !RegExp(`^(?:${this.#a})$`).test(e) ? this.#e.setValidity({ patternMismatch: !0 }, "Please match the requested format.", this) : this.#e.setValidity({});
-		}), this.addEventListener("input", this.#u), this.addEventListener("blur", this.#d);
+		super.setup(), this.addEffect(j(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
 	}
 	teardown() {
-		this.removeEventListener("input", this.#u), this.removeEventListener("blur", this.#d), 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.#c(this.#i), this.#r.value = this.#i, this.#e.setFormValue(this.#i), this.#l(), this.#t.value = this.hasAttribute("disabled"), this.setAttribute("contenteditable", this.#t.value || this.hasAttribute("readonly") ? "false" : "plaintext-only");
-	}
-	onFormStateRestore(e) {
-		this.value = typeof e == "string" ? e : "";
-	}
-	#l() {
-		this.#s().trim() === "" ? this.#e.states.add("empty") : this.#e.states.delete("empty");
+		this.removeEventListener("click", this.#i), super.teardown();
 	}
-	#u = () => {
-		for (let e of this.#o) e.parentNode || this.appendChild(e);
-		let e = this.#s();
-		this.#r.value = e, this.#e.setFormValue(e), this.#l(), this.dispatchEvent(new CustomEvent("ui-input", {
-			bubbles: !0,
-			composed: !0,
-			detail: { value: e }
-		}));
-	};
-	#d = () => {
-		this.dispatchEvent(new CustomEvent("ui-change", {
+	#i = () => {
+		this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
 			bubbles: !0,
 			composed: !0,
-			detail: { value: this.#s() }
+			detail: {
+				value: this.#t.value,
+				label: this.label
+			}
 		}));
 	};
-}, te = class extends _ {
+}, de = class extends k {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "presentation";
 	}
 	setup() {
-		super.setup(), this.id ||= r("ogh");
+		super.setup(), this.id ||= A("ogh");
 		let e = this.closest("ui-option-group");
 		e && e.setAttribute("aria-labelledby", this.id);
 	}
-}, ne = class extends _ {
+}, fe = class extends k {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "group";
 	}
-}, re = class extends _ {
+}, pe = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
-	#t = new C({ initialActiveIndex: 0 });
-	#n = t(!1);
+	#t = new z({ initialActiveIndex: 0 });
+	#n = _(!1);
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "search";
 	}
@@ -182,7 +1620,7 @@ var ee = class extends S(_) {
 		t !== n && (e === "disabled" && (this.#n.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.addEffect(w(this, this.#n, this.#e)), this.addEventListener("ui-input", this.#i), this.addEventListener("ui-select", this.#a), this.addEventListener("keydown", this.#o), this.deferChildren(() => {
+		super.setup(), this.addEffect(j(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) {
@@ -193,8 +1631,8 @@ var ee = class extends S(_) {
 				this.#t.query.value;
 				let e = this.#t.activeIndex.value, t = this.#r(), n = this.querySelector("ui-command-list");
 				for (let n = 0; n < t.length; n++) t[n].toggleAttribute("active", n === e);
-				let i = t[e];
-				i && n ? (i.id ||= r("cmd"), n.setAttribute("aria-activedescendant", i.id), i.scrollIntoView({ block: "nearest" })) : n?.removeAttribute("aria-activedescendant");
+				let r = t[e];
+				r && n ? (r.id ||= A("cmd"), n.setAttribute("aria-activedescendant", r.id), r.scrollIntoView({ block: "nearest" })) : n?.removeAttribute("aria-activedescendant");
 			}), this.addEffect(() => {
 				this.#t.query.value;
 				let e = this.#r(), t = this.querySelector("ui-command-empty");
@@ -252,7 +1690,7 @@ var ee = class extends S(_) {
 				break;
 		}
 	};
-}, ie = class extends _ {
+}, me = class extends k {
 	#e = null;
 	setup() {
 		super.setup(), this.deferChildren(() => {
@@ -279,22 +1717,22 @@ var ee = class extends S(_) {
 			detail: { value: e }
 		}));
 	};
-}, T = class extends _ {
+}, he = class extends k {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "listbox";
 	}
-}, E = class extends _ {
+}, ge = class extends k {
 	static observedAttributes = [
 		"value",
 		"disabled",
 		"keywords"
 	];
 	#e;
-	#t = t("");
-	#n = t(!1);
-	#r = t("");
+	#t = _("");
+	#n = _(!1);
+	#r = _("");
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "option";
 	}
@@ -339,7 +1777,7 @@ var ee = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(w(this, this.#n, this.#e)), this.addEventListener("click", this.#i);
+		super.setup(), this.addEffect(j(this, this.#n, this.#e)), this.addEventListener("click", this.#i);
 	}
 	teardown() {
 		this.removeEventListener("click", this.#i), super.teardown();
@@ -354,7 +1792,7 @@ var ee = class extends S(_) {
 			}
 		}));
 	};
-}, D = class extends _ {
+}, _e = class extends k {
 	constructor() {
 		super();
 		let e = this.attachInternals();
@@ -363,9 +1801,9 @@ var ee = class extends S(_) {
 	setup() {
 		super.setup();
 		let e = this.querySelector("[slot=\"heading\"]");
-		e && (e.id ||= r("cg"), this.setAttribute("aria-labelledby", e.id));
+		e && (e.id ||= A("cg"), this.setAttribute("aria-labelledby", e.id));
 	}
-}, O = class extends _ {}, k = class extends S(_) {
+}, ve = class extends k {}, ye = class extends P(k) {
 	static observedAttributes = [
 		"checked",
 		"indeterminate",
@@ -378,11 +1816,11 @@ var ee = class extends S(_) {
 	#t;
 	#n;
 	#r;
-	#i = t(!1);
+	#i = _(!1);
 	#a = !1;
 	#o;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "checkbox", this.#t = x(this, "checked", { type: "boolean" }), this.#n = x(this, "indeterminate", { type: "boolean" }), this.#r = x(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "checkbox", this.#t = M(this, "checked", { type: "boolean" }), this.#n = M(this, "indeterminate", { type: "boolean" }), this.#r = M(this, "disabled", { type: "boolean" });
 	}
 	get checked() {
 		return this.#t.value;
@@ -422,7 +1860,7 @@ var ee = class extends S(_) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (v({
+			if (N({
 				checked: this.#t,
 				indeterminate: this.#n,
 				disabled: this.#r
@@ -434,7 +1872,7 @@ var ee = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.#o = new c(this, { disabled: () => this.disabled }), this.#a = this.hasAttribute("checked"), this.#i.value = this.hasAttribute("required"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(w(this, this.#r.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#o = new W(this, { disabled: () => this.disabled }), this.#a = this.hasAttribute("checked"), this.#i.value = this.hasAttribute("required"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(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(() => {
@@ -465,7 +1903,7 @@ var ee = class extends S(_) {
 			}
 		})));
 	};
-}, A = class extends S(_) {
+}, be = class extends P(k) {
 	static observedAttributes = [
 		"checked",
 		"disabled",
@@ -480,7 +1918,7 @@ var ee = class extends S(_) {
 	#i = !1;
 	#a;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "switch", this.#t = x(this, "checked", { type: "boolean" }), this.#n = x(this, "disabled", { type: "boolean" }), this.#r = x(this, "required", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "switch", this.#t = M(this, "checked", { type: "boolean" }), this.#n = M(this, "disabled", { type: "boolean" }), this.#r = M(this, "required", { type: "boolean" });
 	}
 	get checked() {
 		return this.#t.value;
@@ -513,14 +1951,14 @@ var ee = class extends S(_) {
 		this.#r.set(e);
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (v({
+		t !== n && (N({
 			checked: this.#t,
 			disabled: this.#n,
 			required: this.#r
 		}, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#a = new c(this, { disabled: () => this.disabled }), this.#i = this.hasAttribute("checked"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(w(this, this.#n.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#a = new W(this, { disabled: () => this.disabled }), this.#i = this.hasAttribute("checked"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(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.addEffect(() => {
@@ -549,13 +1987,13 @@ var ee = class extends S(_) {
 			}
 		})));
 	};
-}, j = class extends _ {
+}, xe = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = x(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = M(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.getAttribute("value") ?? "";
@@ -573,10 +2011,10 @@ var ee = class extends S(_) {
 		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (v({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+		t !== n && (N({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.setAttribute("aria-checked", "false"), this.#n = new c(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(w(this, this.#t.signal, this.#e)), this.addEventListener("click", this.#r), this.addEventListener("keydown", this.#i);
+		super.setup(), this.setAttribute("aria-checked", "false"), this.#n = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(j(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();
@@ -601,7 +2039,7 @@ var ee = class extends S(_) {
 			}
 		})));
 	};
-}, M = class extends S(_) {
+}, Se = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -610,8 +2048,8 @@ var ee = class extends S(_) {
 		"orientation"
 	];
 	#e;
-	#t = t(!1);
-	#n = t(!1);
+	#t = _(!1);
+	#n = _(!1);
 	#r = null;
 	#i;
 	constructor() {
@@ -661,7 +2099,7 @@ var ee = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.#r = this.getAttribute("value"), this.#n.value = this.hasAttribute("required"), this.#i = new g(this, {
+		super.setup(), this.#r = this.getAttribute("value"), this.#n.value = this.hasAttribute("required"), this.#i = new J(this, {
 			itemSelector: ":scope ui-radio:not([disabled])",
 			ariaAttr: "aria-checked",
 			orientation: "vertical",
@@ -676,7 +2114,7 @@ var ee = class extends S(_) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#i.listValue.value = e), this.addEffect(w(this, this.#t, this.#e)), this.addEffect(() => {
+		e !== null && (this.#i.listValue.value = e), this.addEffect(j(this, this.#t, this.#e)), this.addEffect(() => {
 			let e = this.#t.value, t = this.querySelectorAll("ui-radio");
 			for (let n of t) n.toggleAttribute("disabled", e);
 		}), this.addEffect(() => {
@@ -701,7 +2139,7 @@ var ee = class extends S(_) {
 	onFormStateRestore(e) {
 		typeof e == "string" && e && (this.value = e);
 	}
-}, N = class extends S(_) {
+}, Ce = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -709,8 +2147,8 @@ var ee = class extends S(_) {
 		"required"
 	];
 	#e;
-	#t = t(!1);
-	#n = t(!1);
+	#t = _(!1);
+	#n = _(!1);
 	#r = null;
 	#i;
 	constructor() {
@@ -757,7 +2195,7 @@ var ee = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.#r = this.getAttribute("value"), this.#i = new g(this, {
+		super.setup(), this.#r = this.getAttribute("value"), this.#i = new J(this, {
 			itemSelector: ":scope > ui-segment:not([disabled])",
 			ariaAttr: "aria-checked",
 			orientation: "horizontal",
@@ -772,7 +2210,7 @@ var ee = class extends S(_) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#i.listValue.value = e), this.addEffect(w(this, this.#t, this.#e)), this.#n.value = this.hasAttribute("required"), this.addEffect(() => {
+		e !== null && (this.#i.listValue.value = e), this.addEffect(j(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(() => {
@@ -805,13 +2243,13 @@ var ee = class extends S(_) {
 		}
 		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_segment-count", `${t}`), this.#e.states.add("ready");
 	}
-}, P = class extends _ {
+}, we = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = x(this, "disabled", { type: "boolean" }), this.setAttribute("aria-checked", "false");
+		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = M(this, "disabled", { type: "boolean" }), this.setAttribute("aria-checked", "false");
 	}
 	get value() {
 		return this.getAttribute("value") ?? "";
@@ -829,10 +2267,10 @@ var ee = class extends S(_) {
 		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (v({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+		t !== n && (N({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new c(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(w(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+		super.setup(), this.#n = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(j(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
 	}
 	teardown() {
 		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
@@ -847,15 +2285,15 @@ var ee = class extends S(_) {
 			}
 		}));
 	};
-}, F = class extends _ {
+}, Te = class extends k {
 	static observedAttributes = [
 		"placement",
 		"delay",
 		"disabled"
 	];
 	#e;
-	#t = t(!1);
-	#n = t(!1);
+	#t = _(!1);
+	#n = _(!1);
 	#r = null;
 	#i = null;
 	#a = "";
@@ -884,7 +2322,7 @@ var ee = class extends S(_) {
 		t !== n && (e === "disabled" && (this.#n.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.addEffect(w(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(() => {
+		super.setup(), this.addEffect(j(this, this.#n, this.#e)), this.#i = this.parentElement, this.#i && (this.#a = A("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 ||= A("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 {
@@ -912,9 +2350,9 @@ var ee = class extends S(_) {
 	#l() {
 		this.#r !== null && (clearTimeout(this.#r), this.#r = null);
 	}
-}, I = class extends _ {
+}, Ee = class extends k {
 	static observedAttributes = ["multiple", "disabled"];
-	#e = t(!1);
+	#e = _(!1);
 	get multiple() {
 		return this.hasAttribute("multiple");
 	}
@@ -944,7 +2382,7 @@ var ee = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(w(this, this.#e)), this.addEventListener("toggle", this.#t, !0);
+		super.setup(), this.addEffect(j(this, this.#e)), this.addEventListener("toggle", this.#t, !0);
 	}
 	teardown() {
 		this.removeEventListener("toggle", this.#t, !0), super.teardown();
@@ -958,10 +2396,10 @@ var ee = class extends S(_) {
 		let r = this.querySelectorAll(":scope > ui-accordion-item[open]");
 		for (let e of r) e !== n && (e.open = !1);
 	};
-}, L = class extends _ {
+}, De = class extends k {
 	static observedAttributes = ["open", "disabled"];
-	#e = t(!1);
-	#t = t(!1);
+	#e = _(!1);
+	#t = _(!1);
 	#n = null;
 	get open() {
 		return this.#e.value;
@@ -997,7 +2435,7 @@ var ee = class extends S(_) {
 		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(w(this, this.#t)), e.addEventListener("toggle", this.#r);
+		}), this.addEffect(j(this, this.#t)), e.addEventListener("toggle", this.#r);
 	}
 	teardown() {
 		this.#n?.removeEventListener("toggle", this.#r), this.#n = null, super.teardown();
@@ -1007,7 +2445,7 @@ var ee = class extends S(_) {
 		let e = this.#n.open;
 		this.#e.value = e, this.toggleAttribute("open", e);
 	};
-}, R = class extends _ {
+}, Oe = class extends k {
 	#e;
 	get open() {
 		return this.#e.open;
@@ -1019,19 +2457,19 @@ var ee = class extends S(_) {
 		this.#e.close();
 	}
 	setup() {
-		super.setup(), this.#e = new s(this);
+		super.setup(), this.#e = new Y(this);
 	}
 	teardown() {
 		this.#e.destroy(), super.teardown();
 	}
-}, z = class extends _ {
+}, ke = class extends k {
 	static observedAttributes = [
 		"value",
 		"disabled",
 		"orientation"
 	];
 	#e;
-	#t = t(!1);
+	#t = _(!1);
 	#n;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "tablist";
@@ -1065,7 +2503,7 @@ var ee = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.#n = new g(this, {
+		super.setup(), this.#n = new J(this, {
 			itemSelector: ":scope > ui-tab:not([disabled])",
 			orientation: "horizontal",
 			autoSync: !0,
@@ -1080,7 +2518,7 @@ var ee = class extends S(_) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#n.listValue.value = e), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Tabs"), this.addEffect(w(this, this.#t, this.#e)), this.addEffect(() => {
+		e !== null && (this.#n.listValue.value = e), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Tabs"), this.addEffect(j(this, this.#t, this.#e)), this.addEffect(() => {
 			let e = this.#t.value, t = this.querySelectorAll(":scope > ui-tab");
 			for (let n of t) n.toggleAttribute("disabled", e);
 		}), this.deferChildren(() => {
@@ -1100,9 +2538,9 @@ var ee = class extends S(_) {
 	}
 	#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.getAttribute("value") ?? "", e);
+		for (let e of t) e.id ||= A("tp"), n.set(e.getAttribute("value") ?? "", e);
 		for (let t of e) {
-			t.id ||= r("tab");
+			t.id ||= A("tab");
 			let e = n.get(t.getAttribute("value") ?? "");
 			e && (t.setAttribute("aria-controls", e.id), e.setAttribute("aria-labelledby", t.id));
 		}
@@ -1114,13 +2552,13 @@ var ee = class extends S(_) {
 		}
 		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_tab-count", `${t}`), this.#e.states.add("ready");
 	}
-}, B = class extends _ {
+}, Ae = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "tab", this.#t = x(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "tab", this.#t = M(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.getAttribute("value") ?? "";
@@ -1138,10 +2576,10 @@ var ee = class extends S(_) {
 		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (v({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+		t !== n && (N({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new c(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(w(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+		super.setup(), this.#n = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(j(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
 	}
 	teardown() {
 		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
@@ -1156,7 +2594,7 @@ var ee = class extends S(_) {
 			}
 		}));
 	};
-}, V = class extends _ {
+}, je = class extends k {
 	static observedAttributes = ["value"];
 	#e;
 	constructor() {
@@ -1171,21 +2609,21 @@ var ee = class extends S(_) {
 	attributeChangedCallback(e, t, n) {
 		t !== n && super.attributeChangedCallback?.(e, t, n);
 	}
-}, H = class extends _ {
+}, Me = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "presentation";
 	}
-}, U = class {
+}, X = 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([]);
+		this.sortColumn = _(e.sortColumn ?? null), this.sortDirection = _(e.sortDirection ?? "none"), this.selected = _(/* @__PURE__ */ new Set()), this.columnWidths = _([]);
 	}
 	toggleSort(e) {
-		n(() => {
+		b(() => {
 			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);
@@ -1213,10 +2651,10 @@ var ee = class extends S(_) {
 		return this.selected.value.has(e);
 	}
 };
-function W(e = {}) {
-	return new U(e);
+function Ne(e = {}) {
+	return new X(e);
 }
-var G = class {
+var Pe = class {
 	table;
 	#e = [];
 	#t = -1;
@@ -1293,13 +2731,13 @@ var G = class {
 	#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);
 	}
-}, K = class {
+}, Fe = class {
 	#e;
 	#t;
 	#n;
 	#r = !1;
 	constructor(e, t) {
-		this.#t = t, this.#n = e, this.#e = new o(e, {
+		this.#t = t, this.#n = e, this.#e = new H(e, {
 			selector: "ui-table-row:not([colspan])",
 			axis: "vertical",
 			mode: "slot"
@@ -1329,14 +2767,14 @@ var G = class {
 	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();
 	}
-}, q = class extends _ {
+}, Ie = class extends k {
 	static observedAttributes = [
 		"selectable",
 		"resizable",
 		"reorderable"
 	];
 	#e;
-	#t = new U();
+	#t = new X();
 	#n = null;
 	#r = null;
 	#i = null;
@@ -1394,7 +2832,7 @@ var G = class {
 			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 G(this), this.#n.init();
+		this.#n = new Pe(this), this.#n.init();
 	}
 	#o() {
 		let e = this.querySelector(":scope > ui-table-head > ui-table-row");
@@ -1407,7 +2845,7 @@ var G = class {
 	}
 	#s() {
 		let e = this.querySelector(":scope > ui-table-body");
-		e && (this.#i = new K(e, this));
+		e && (this.#i = new Fe(e, this));
 	}
 	#c = (e) => {
 		let t = e.detail;
@@ -1433,17 +2871,17 @@ var G = class {
 			}
 		}));
 	};
-}, J = class extends _ {
+}, Le = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, Y = class extends _ {
+}, Re = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, ae = class extends _ {
+}, ze = class extends k {
 	static observedAttributes = ["value", "selected"];
 	#e;
 	constructor() {
@@ -1474,12 +2912,12 @@ var G = class {
 			detail: { value: this.value }
 		}));
 	};
-}, oe = class extends _ {
+}, Be = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "cell";
 	}
-}, se = class extends _ {
+}, Ve = class extends k {
 	static observedAttributes = ["sort", "sortable"];
 	#e;
 	constructor() {
@@ -1524,18 +2962,18 @@ var G = class {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#t());
 	};
 };
-function X(e) {
+function Z(e) {
 	if (!e) return null;
 	let t = /* @__PURE__ */ new Date(e + "T00:00:00");
 	return isNaN(t.getTime()) ? null : t;
 }
-function ce(e) {
+function He(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function Z(e, t) {
+function Q(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-var Q = class {
+var $ = class {
 	view;
 	focusedYear;
 	focusedMonth;
@@ -1548,17 +2986,17 @@ var Q = class {
 	months;
 	years;
 	title;
-	constructor(n = {}) {
-		let r = /* @__PURE__ */ new Date(), i = X(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());
+	constructor(e = {}) {
+		let t = /* @__PURE__ */ new Date(), n = Z(e.value ?? null) ?? t;
+		this.view = _("day"), this.focusedYear = _(n.getFullYear()), this.focusedMonth = _(n.getMonth()), this.value = _(e.value ?? null), this.rangeStart = _(e.rangeStart ?? null), this.rangeEnd = _(e.rangeEnd ?? null), this.min = _(e.min ?? null), this.max = _(e.max ?? null), this.days = v(() => this.#e()), this.months = v(() => this.#t()), this.years = v(() => this.#n()), this.title = v(() => this.#r());
 	}
 	prevMonth() {
-		n(() => {
+		b(() => {
 			this.focusedMonth.value === 0 ? (this.focusedMonth.value = 11, this.focusedYear.value--) : this.focusedMonth.value--;
 		});
 	}
 	nextMonth() {
-		n(() => {
+		b(() => {
 			this.focusedMonth.value === 11 ? (this.focusedMonth.value = 0, this.focusedYear.value++) : this.focusedMonth.value++;
 		});
 	}
@@ -1578,31 +3016,31 @@ var Q = class {
 		this.value.value = e;
 	}
 	selectMonth(e) {
-		n(() => {
+		b(() => {
 			this.focusedMonth.value = e, this.view.value = "day";
 		});
 	}
 	selectYear(e) {
-		n(() => {
+		b(() => {
 			this.focusedYear.value = e, this.view.value = "month";
 		});
 	}
 	setRange(e, t) {
-		n(() => {
+		b(() => {
 			this.rangeStart.value = e, this.rangeEnd.value = t;
 		});
 	}
 	isDateDisabled(e) {
-		let t = X(this.min.value), n = X(this.max.value), r = X(e);
+		let t = Z(this.min.value), n = Z(this.max.value), r = Z(e);
 		return !!(!r || t && r < t || n && r > n);
 	}
 	#e() {
-		let e = this.focusedYear.value, t = this.focusedMonth.value, n = X(this.value.value), r = /* @__PURE__ */ new Date(), i = X(this.rangeStart.value), a = X(this.rangeEnd.value), o = new Date(e, t, 1).getDay(), s = new Date(e, t, 1 - o), c = [];
+		let e = this.focusedYear.value, t = this.focusedMonth.value, n = Z(this.value.value), r = /* @__PURE__ */ new Date(), i = Z(this.rangeStart.value), a = Z(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 = ce(o), u = o.getMonth() === t, d = Z(o, r), f = n ? Z(o, n) : !1, p = this.isDateDisabled(l), m = !1, h = !1, g = !1;
+			let o = new Date(s.getFullYear(), s.getMonth(), s.getDate() + e), l = He(o), u = o.getMonth() === t, d = Q(o, r), f = n ? Q(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 = Z(o, e), g = Z(o, t);
+				m = o >= e && o <= t, h = Q(o, e), g = Q(o, t);
 			}
 			c.push({
 				date: l,
@@ -1675,8 +3113,8 @@ var Q = class {
 		}
 	}
 };
-function le(e = {}) {
-	return new Q(e);
+function Ue(e = {}) {
+	return new $(e);
 }
 /**
 * Calendar date picker with day/month/year views and optional range selection.
@@ -1689,7 +3127,7 @@ function le(e = {}) {
 * @fires ui-change - Fired on single date selection with `{ value }` detail
 * @fires ui-range-select - Fired on range commit with `{ start, end }` detail
 */
-var ue = class extends S(_) {
+var We = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"min",
@@ -1700,11 +3138,11 @@ var ue = class extends S(_) {
 		"required"
 	];
 	#e;
-	#t = new Q();
-	#n = t(!1);
-	#r = t(!1);
+	#t = new $();
+	#n = _(!1);
+	#r = _(!1);
 	#i = null;
-	#a = t(0);
+	#a = _(0);
 	#o = "idle";
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "group";
@@ -1761,14 +3199,14 @@ var ue = class extends S(_) {
 	}
 	setup() {
 		super.setup(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), 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);
+		let e = this.getAttribute("value"), t = this.getAttribute("min"), n = this.getAttribute("max");
+		b(() => {
+			e && (this.#t.value.value = e), t && (this.#t.min.value = t), n && (this.#t.max.value = n);
 		}), this.#s(), this.addEventListener("keydown", this.#b), this.addEffect(() => this.#c()), this.addEffect(() => {
 			this.#e.setFormValue(this.#t.value.value);
 		}), this.addEffect(() => {
 			this.setAttribute("aria-label", this.#t.title.value);
-		}), this.addEffect(w(this, this.#n, this.#e, { manageTabindex: !0 })), this.#r.value = this.hasAttribute("required"), this.addEffect(() => {
+		}), this.addEffect(j(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({});
 		});
@@ -1842,85 +3280,356 @@ var ue = class extends S(_) {
 		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));
+	#_(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") b(() => {
+			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 b(() => {
+			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());
+	};
+}, Ge = class {
+	open = _(!1);
+	value = _(null);
+	label = _("");
+	toggle() {
+		this.open.value = !this.open.value;
+	}
+	show() {
+		this.open.value = !0;
+	}
+	hide() {
+		this.open.value = !1;
+	}
+	select(e, t) {
+		b(() => {
+			this.value.value = e, this.label.value = t, this.open.value = !1;
+		});
+	}
+	reset() {
+		b(() => {
+			this.open.value = !1, this.value.value = null, this.label.value = "";
+		});
+	}
+}, Ke = class extends P(k) {
+	static observedAttributes = [
+		"value",
+		"disabled",
+		"name",
+		"options",
+		"src",
+		"placeholder",
+		"required"
+	];
+	#e;
+	#t = new Ge();
+	#n = _(!1);
+	#r = _(!1);
+	#i;
+	#a = _([]);
+	#o = _(null);
+	#s = _("");
+	#c = !1;
+	#l = null;
+	#u = null;
+	#d = null;
+	#f = null;
+	#p = "";
+	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");
+	}
+	#m(e) {
+		return B(e, "ui-select");
+	}
+	async #h(e) {
+		this.#l = await V(e, this.#l, this.#a, "ui-select");
+	}
+	#g() {
+		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);
+	}
+	#_(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 "value":
+					if (n !== null) {
+						let e = this.querySelector(`ui-option[value="${CSS.escape(n)}"]`), t = e?.getAttribute("label") ?? e?.textContent?.trim() ?? n;
+						this.#t.select(n, t);
+					} else this.#t.reset();
+					break;
+				case "disabled":
+					this.#n.value = n !== null;
+					break;
+				case "required":
+					this.#r.value = n !== null;
+					break;
+				case "options":
+					n ? this.#a.value = this.#m(n) : this.#a.value = [];
+					break;
+				case "src":
+					this.#o.value = n;
+					break;
+				case "placeholder":
+					this.#s.value = n ?? "";
+					break;
+			}
+			super.attributeChangedCallback?.(e, t, n);
+		}
 	}
-	#v(e) {
-		if (this.range) if (this.#o === "idle") n(() => {
-			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
+	setup() {
+		if (super.setup(), this.#i = new q(this), this.#c = this.hasAttribute("options") || this.hasAttribute("src"), this.#c) {
+			let e = this.getAttribute("options");
+			e && (this.#a.value = this.#m(e)), this.#o.value = this.getAttribute("src"), this.#s.value = this.getAttribute("placeholder") ?? "", this.#g();
+		}
+		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"), e && t && (t.id ||= A("lb"), e.setAttribute("aria-controls", t.id)), this.#c && (this.addEffect(() => {
+			let e = this.#a.value;
+			this.#_(e);
+		}), this.addEffect(() => {
+			let e = this.#o.value;
+			e && this.#h(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.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.#f = n, this.#p = 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));
 				}
-			}));
-		} else n(() => {
-			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", {
+			});
+		}), this.addEffect(j(this, this.#n, this.#e)), this.addEffect(() => {
+			let t = this.#n.value;
+			e && e.toggleAttribute("disabled", t), t && this.#t.open.peek() && 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.#v), this.addEventListener("ui-change", this.#y), this.addEventListener("ui-select", this.#b), this.addEventListener("ui-dismiss", this.#x), e?.addEventListener("keydown", this.#S);
+	}
+	#v = () => {
+		this.#n.value || this.#t.toggle();
+	};
+	#y = (e) => {
+		e.target !== this && e.stopImmediatePropagation();
+	};
+	#b = (e) => {
+		let t = e.detail;
+		this.#t.select(t.value, t.label), this.dispatchEvent(new CustomEvent("ui-change", {
 			bubbles: !0,
 			composed: !0,
-			detail: { value: e }
+			detail: t
 		}));
-	}
-	#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;
+	};
+	#x = () => {
+		this.#t.hide();
+	};
+	#S = (e) => {
+		if (this.#n.value) return;
+		let t = this.#u;
 		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;
+			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 "End":
-				n = n - n % 7 + 6;
+			}
+			case "Enter":
+			case " ":
+				if (e.preventDefault(), this.#t.open.value) {
+					let e = t?.getActiveOption();
+					e && e.click();
+				} else this.#t.toggle();
 				break;
-			case "PageDown":
-				e.shiftKey ? this.#t.nextYear() : this.#t.nextMonth();
+			case "Escape":
+				this.#t.open.value && (e.preventDefault(), this.#t.hide());
 				break;
-			case "PageUp":
-				e.shiftKey ? this.#t.prevYear() : this.#t.prevMonth();
+			case "Home": {
+				e.preventDefault();
+				let n = t?.controller;
+				n && (n.activeIndex.value = 0);
 				break;
-			case "Enter":
-			case " ": {
-				let e = t[n];
-				e && !e.isDisabled && this.#v(e.date);
+			}
+			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;
 			}
-			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());
 	};
-}, de = class extends S(_) {
+	teardown() {
+		this.#d?.removeEventListener("ui-press", this.#v), this.#d?.removeEventListener("keydown", this.#S), this.removeEventListener("ui-change", this.#y), this.removeEventListener("ui-select", this.#b), this.removeEventListener("ui-dismiss", this.#x), this.#d = null, this.#l?.abort(), this.#l = null, this.#u = null, this.#i.destroy(), super.teardown();
+	}
+	onFormReset() {
+		this.#f === null ? this.#t.reset() : this.#t.select(this.#f, this.#p);
+	}
+	onFormStateRestore(e) {
+		typeof e == "string" && e && (this.value = e);
+	}
+	onFormDisabled(e) {
+		this.#n.value = e;
+	}
+}, qe = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -1931,16 +3640,16 @@ var ue = class extends S(_) {
 		"required"
 	];
 	#e;
-	#t = new C();
-	#n = t(!1);
-	#r = t(!1);
-	#i = t(!1);
+	#t = new z();
+	#n = _(!1);
+	#r = _(!1);
+	#i = _(!1);
 	#a;
-	#o = r("listbox");
+	#o = A("listbox");
 	#s = null;
-	#c = t([]);
-	#l = t(null);
-	#u = t("");
+	#c = _([]);
+	#l = _(null);
+	#u = _("");
 	#d = !1;
 	#f = null;
 	#p = null;
@@ -1957,7 +3666,7 @@ var ue = class extends S(_) {
 	}
 	set value(e) {
 		if (e === null) {
-			n(() => {
+			b(() => {
 				this.#t.clearSelection(), this.#t.query.value = "", this.#t.activeIndex.value = -1, this.#n.value = !1;
 			});
 			return;
@@ -2001,10 +3710,10 @@ var ue = class extends S(_) {
 		this.#u.value = e, e ? this.setAttribute("placeholder", e) : this.removeAttribute("placeholder");
 	}
 	#g(e) {
-		return b(e, "ui-combobox");
+		return B(e, "ui-combobox");
 	}
 	async #_(e) {
-		this.#f = await y(e, this.#f, this.#c, "ui-combobox");
+		this.#f = await V(e, this.#f, this.#c, "ui-combobox");
 	}
 	#v() {
 		let e = document.createElement("ui-input"), t = this.#u.value;
@@ -2025,38 +3734,38 @@ var ue = class extends S(_) {
 			this.#t.data.value = e;
 		}
 	}
-	attributeChangedCallback(e, t, r) {
-		if (t !== r) {
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
 			switch (e) {
 				case "value":
-					if (r !== null) {
-						let e = this.querySelector(`ui-option[value="${CSS.escape(r)}"]`), t = e?.getAttribute("label") ?? e?.textContent?.trim() ?? r;
-						this.#t.select(r), this.#t.query.value = t, this.#s && "value" in this.#s && (this.#s.value = t);
-					} else n(() => {
+					if (n !== null) {
+						let e = this.querySelector(`ui-option[value="${CSS.escape(n)}"]`), t = e?.getAttribute("label") ?? e?.textContent?.trim() ?? n;
+						this.#t.select(n), this.#t.query.value = t, this.#s && "value" in this.#s && (this.#s.value = t);
+					} else b(() => {
 						this.#t.clearSelection(), this.#t.query.value = "";
 					}), this.#s && "value" in this.#s && (this.#s.value = "");
 					break;
 				case "disabled":
-					this.#r.value = r !== null;
+					this.#r.value = n !== null;
 					break;
 				case "required":
-					this.#i.value = r !== null;
+					this.#i.value = n !== null;
 					break;
 				case "options":
-					r ? this.#c.value = this.#g(r) : this.#c.value = [];
+					n ? this.#c.value = this.#g(n) : this.#c.value = [];
 					break;
 				case "src":
-					this.#l.value = r;
+					this.#l.value = n;
 					break;
 				case "placeholder":
-					this.#u.value = r ?? "";
+					this.#u.value = n ?? "";
 					break;
 			}
-			super.attributeChangedCallback?.(e, t, r);
+			super.attributeChangedCallback?.(e, t, n);
 		}
 	}
 	setup() {
-		if (super.setup(), this.#a = new m(this), this.#d = this.hasAttribute("options") || this.hasAttribute("src"), this.#d) {
+		if (super.setup(), this.#a = new q(this), this.#d = this.hasAttribute("options") || this.hasAttribute("src"), this.#d) {
 			let e = this.getAttribute("options");
 			e && (this.#c.value = this.#g(e)), this.#l.value = this.getAttribute("src"), this.#u.value = this.getAttribute("placeholder") ?? "", this.#v();
 		}
@@ -2090,10 +3799,10 @@ var ue = class extends S(_) {
 				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");
+				let n = this.#t.activeIndex.value, r = [...t?.querySelectorAll("ui-option:not([hidden]):not([disabled])") ?? []];
+				for (let e = 0; e < r.length; e++) r[e].toggleAttribute("active", e === n);
+				let i = r[n];
+				i ? (i.scrollIntoView({ block: "nearest" }), i.id ||= A("opt"), e?.setAttribute("aria-activedescendant", i.id)) : e?.removeAttribute("aria-activedescendant");
 			}), this.addEffect(() => {
 				let e = this.#t.value.value, n = t?.querySelectorAll("ui-option") ?? [];
 				for (let t of n) {
@@ -2101,7 +3810,7 @@ var ue = class extends S(_) {
 					t.setAttribute("aria-selected", String(n));
 				}
 			});
-		}), this.addEffect(w(this, this.#r, this.#e)), this.addEffect(() => {
+		}), this.addEffect(j(this, this.#r, this.#e)), this.addEffect(() => {
 			let t = this.#r.value;
 			e && e.toggleAttribute("disabled", t), t && this.#n.peek() && (this.#n.value = !1);
 		}), this.#i.value = this.hasAttribute("required"), this.addEffect(() => {
@@ -2126,11 +3835,11 @@ var ue = class extends S(_) {
 	};
 	#C = (e) => {
 		let t = e.detail;
-		n(() => {
+		b(() => {
 			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", {
+		let n = this.#s;
+		n && "value" in n && (n.value = t.label), this.dispatchEvent(new CustomEvent("ui-change", {
 			bubbles: !0,
 			composed: !0,
 			detail: t
@@ -2175,7 +3884,7 @@ var ue = class extends S(_) {
 		this.#s?.removeEventListener("focus", this.#b), this.#s?.removeEventListener("keydown", this.#T), this.removeEventListener("ui-input", this.#x), this.removeEventListener("ui-change", this.#S), this.removeEventListener("ui-select", this.#C), this.removeEventListener("ui-dismiss", this.#w), this.#s = null, this.#p = null, this.#f?.abort(), this.#f = null, this.#a.destroy(), super.teardown();
 	}
 	onFormReset() {
-		n(() => {
+		b(() => {
 			this.#m === null ? (this.#t.clearSelection(), this.#t.query.value = "") : (this.#t.select(this.#m), this.#t.query.value = this.#h), this.#t.activeIndex.value = -1, this.#n.value = !1;
 		});
 		let e = this.querySelector(":scope > ui-input");
@@ -2187,11 +3896,11 @@ var ue = class extends S(_) {
 	onFormDisabled(e) {
 		this.#r.value = e;
 	}
-}, fe = class extends _ {
+}, Je = class extends k {
 	static observedAttributes = ["disabled", "required"];
-	#e = r("field-label");
-	#t = r("field-desc");
-	#n = r("field-err");
+	#e = A("field-label");
+	#t = A("field-desc");
+	#n = A("field-err");
 	#r = null;
 	setup() {
 		super.setup(), this.deferChildren(() => {
@@ -2251,7 +3960,7 @@ var ue = class extends S(_) {
 		let t = this.querySelector("[slot=\"description\"]"), n = this.querySelector("[slot=\"error\"]"), r = [];
 		t && r.push(t.id), e && n && r.push(n.id), r.length ? this.#r.setAttribute("aria-describedby", r.join(" ")) : this.#r.removeAttribute("aria-describedby");
 	}
-}, pe = class extends S(_) {
+}, Ye = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"placeholder",
@@ -2264,10 +3973,10 @@ var ue = class extends S(_) {
 		"pattern"
 	];
 	#e;
-	#t = t(!1);
-	#n = t(!1);
-	#r = t(NaN);
-	#i = t("");
+	#t = _(!1);
+	#n = _(!1);
+	#r = _(NaN);
+	#i = _("");
 	#a = "";
 	#o = 0;
 	#s = null;
@@ -2341,7 +4050,7 @@ var ue = class extends S(_) {
 	setup() {
 		super.setup(), this.setAttribute("aria-multiline", "true"), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#n.value = this.hasAttribute("required");
 		let e = this.getAttribute("maxlength");
-		this.#r.value = e === null ? NaN : parseInt(e, 10), this.#s = this.getAttribute("pattern"), this.#a = this.getAttribute("value") ?? this.textContent ?? "", this.#i.value = this.textContent ?? "", this.#c(), this.#l(), this.addEffect(w(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		this.#r.value = e === null ? NaN : parseInt(e, 10), this.#s = this.getAttribute("pattern"), this.#a = this.getAttribute("value") ?? this.textContent ?? "", this.#i.value = this.textContent ?? "", this.#c(), this.#l(), this.addEffect(j(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
 			let e = this.#i.value, t = this.#r.value;
 			this.#n.value && e === "" ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : !isNaN(t) && e.length > t ? this.#e.setValidity({ tooLong: !0 }, `Please shorten this text to ${t} characters or less.`, this) : this.#s !== null && e !== "" && !RegExp(`^(?:${this.#s})$`).test(e) ? this.#e.setValidity({ patternMismatch: !0 }, "Please match the requested format.", this) : this.#e.setValidity({});
 		}), this.addEventListener("input", this.#u), this.addEventListener("blur", this.#d);
@@ -2381,7 +4090,191 @@ var ue = class extends S(_) {
 			detail: { value: this.textContent ?? "" }
 		}));
 	};
-}, me = class extends S(_) {
+}, Xe = class extends P(k) {
+	static observedAttributes = [
+		"value",
+		"min",
+		"max",
+		"step",
+		"disabled",
+		"name",
+		"required"
+	];
+	#e;
+	#t = _(!1);
+	#n = _(!1);
+	#r = _(50);
+	#i = 50;
+	#a = _(0);
+	#o = _(100);
+	#s = _(1);
+	#c = null;
+	#l = !1;
+	constructor() {
+		super(), this.#e = this.attachInternals(), this.#e.role = "slider";
+	}
+	get value() {
+		return this.#r.value;
+	}
+	set value(e) {
+		this.#r.value = this.#u(e);
+	}
+	get min() {
+		return this.#a.value;
+	}
+	set min(e) {
+		this.#a.value = e, this.setAttribute("min", String(e));
+	}
+	get max() {
+		return this.#o.value;
+	}
+	set max(e) {
+		this.#o.value = e, this.setAttribute("max", String(e));
+	}
+	get step() {
+		return this.#s.value;
+	}
+	set step(e) {
+		this.#s.value = e, this.setAttribute("step", String(e));
+	}
+	get disabled() {
+		return this.#t.value;
+	}
+	set disabled(e) {
+		this.#t.value = e, this.toggleAttribute("disabled", e);
+	}
+	get required() {
+		return this.#n.value;
+	}
+	set required(e) {
+		this.#n.value = e, this.toggleAttribute("required", 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.#r.value = this.#u(parseFloat(n ?? "50") || 50);
+					break;
+				case "min":
+					this.#a.value = parseFloat(n ?? "0") || 0;
+					break;
+				case "max":
+					this.#o.value = parseFloat(n ?? "100") || 100;
+					break;
+				case "step":
+					this.#s.value = parseFloat(n ?? "1") || 1;
+					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.#i = this.#r.value, this.#c = document.createElement("div"), this.#c.classList.add("ui-range-thumb"), this.appendChild(this.#c), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(this, this.#t, this.#e, { manageTabindex: !0 })), this.#n.value = this.hasAttribute("required"), this.addEffect(() => {
+			let e = this.#r.value, t = this.#d();
+			this.style.setProperty("--_progress", String(t)), this.setAttribute("aria-valuenow", String(e)), this.setAttribute("aria-valuemin", String(this.#a.value)), this.setAttribute("aria-valuemax", String(this.#o.value)), this.#e.setFormValue(String(e));
+		}), this.addEventListener("pointerdown", this.#p), this.addEventListener("keydown", this.#_);
+	}
+	teardown() {
+		this.removeEventListener("pointerdown", this.#p), this.removeEventListener("keydown", this.#_), this.#c &&= (this.#c.remove(), null), super.teardown();
+	}
+	onFormDisabled(e) {
+		this.#t.value = e;
+	}
+	onFormReset() {
+		this.#r.value = this.#i;
+	}
+	onFormStateRestore(e) {
+		if (typeof e == "string") {
+			let t = parseFloat(e);
+			isNaN(t) || (this.value = t);
+		}
+	}
+	#u(e) {
+		let t = this.#a.value, n = this.#o.value, r = this.#s.value, i = Math.round((e - t) / r) * r + t;
+		return Math.min(n, Math.max(t, i));
+	}
+	#d() {
+		let e = this.#o.value - this.#a.value;
+		return e === 0 ? 0 : (this.#r.value - this.#a.value) / e;
+	}
+	#f(e) {
+		let t = this.getBoundingClientRect(), n = this.#c?.offsetWidth ?? 0, r = n / 2, i = t.width - n;
+		if (i <= 0) return this.#a.value;
+		let a = e.clientX - t.left - r, o = Math.min(1, Math.max(0, a / i));
+		return this.#a.value + o * (this.#o.value - this.#a.value);
+	}
+	#p = (e) => {
+		if (e.button !== 0 || this.#t.value) return;
+		this.setPointerCapture(e.pointerId), this.#l = !0, this.toggleAttribute("pressed", !0);
+		let t = this.#u(this.#f(e));
+		this.#r.value = t, this.#v(), this.addEventListener("pointermove", this.#m), this.addEventListener("pointerup", this.#h), this.addEventListener("pointercancel", this.#g);
+	};
+	#m = (e) => {
+		if (!this.#l || this.#t.value) return;
+		let t = this.#u(this.#f(e));
+		t !== this.#r.value && (this.#r.value = t, this.#v());
+	};
+	#h = () => {
+		this.#l = !1, this.removeAttribute("pressed"), this.removeEventListener("pointermove", this.#m), this.removeEventListener("pointerup", this.#h), this.removeEventListener("pointercancel", this.#g), this.#y();
+	};
+	#g = () => {
+		this.#l = !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.#s.value, n = t * 10, r = this.#r.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.#a.value;
+				break;
+			case "End":
+				r = this.#o.value;
+				break;
+			default: return;
+		}
+		e.preventDefault(), r = this.#u(r), r !== this.#r.value && (this.#r.value = r, this.#v(), this.#y());
+	};
+	#v() {
+		this.dispatchEvent(new CustomEvent("ui-input", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#r.value }
+		}));
+	}
+	#y() {
+		this.dispatchEvent(new CustomEvent("ui-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#r.value }
+		}));
+	}
+}, Ze = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"length",
@@ -2392,7 +4285,7 @@ var ue = class extends S(_) {
 		"required"
 	];
 	#e;
-	#t = t(!1);
+	#t = _(!1);
 	#n;
 	#r = [];
 	#i = [];
@@ -2401,7 +4294,7 @@ var ue = class extends S(_) {
 	#s = null;
 	#c = "";
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "group", this.#n = x(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "group", this.#n = M(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.#i.join("");
@@ -2429,7 +4322,7 @@ var ue = class extends S(_) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (v({ disabled: this.#n }, e, n)) {
+			if (N({ disabled: this.#n }, e, n)) {
 				super.attributeChangedCallback(e, t, n);
 				return;
 			}
@@ -2468,7 +4361,7 @@ var ue = class extends S(_) {
 		if (t) try {
 			this.#o = new RegExp(t);
 		} catch {}
-		this.#s = this.getAttribute("mask"), this.#l(), this.addEffect(w(this, this.#n.signal, this.#e, { manageTabindex: !1 })), this.addEffect(() => {
+		this.#s = this.getAttribute("mask"), this.#l(), this.addEffect(j(this, this.#n.signal, this.#e, { manageTabindex: !1 })), this.addEffect(() => {
 			let e = this.#n.value;
 			for (let t of this.#r) t.setAttribute("contenteditable", e ? "false" : "plaintext-only");
 		}), this.#t.value = this.hasAttribute("required");
@@ -2566,7 +4459,7 @@ var ue = class extends S(_) {
 			detail: { value: this.value }
 		}));
 	}
-}, he = class extends _ {
+}, Qe = class extends k {
 	static observedAttributes = [
 		"src",
 		"name",
@@ -2618,7 +4511,7 @@ var ue = class extends S(_) {
 		let e = this.getAttribute("name");
 		e ? this.textContent = this.#r(e) : this.textContent = "?";
 	};
-}, ge = class extends _ {
+}, $e = class extends k {
 	static observedAttributes = ["max"];
 	#e;
 	#t = "";
@@ -2639,7 +4532,7 @@ var ue = class extends S(_) {
 		let n = parseInt(this.#t, 10);
 		isNaN(n) || (n > t ? this.textContent = `${t}+` : this.textContent = this.#t);
 	}
-}, _e = class extends _ {}, ve = class extends _ {
+}, et = class extends k {}, tt = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "navigation";
@@ -2649,7 +4542,7 @@ var ue = class extends S(_) {
 		let e = this.getAttribute("aria-label") ?? "Breadcrumb";
 		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e);
 	}
-}, ye = class extends _ {
+}, nt = class extends k {
 	static observedAttributes = ["href", "current"];
 	#e;
 	constructor() {
@@ -2675,7 +4568,7 @@ var ue = class extends S(_) {
 	#r = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#n());
 	};
-}, be = class extends _ {
+}, rt = class extends k {
 	static observedAttributes = [
 		"total",
 		"value",
@@ -2684,11 +4577,11 @@ var ue = class extends S(_) {
 		"disabled"
 	];
 	#e;
-	#t = t(1);
-	#n = t(1);
-	#r = t(1);
-	#i = t(1);
-	#a = t(!1);
+	#t = _(1);
+	#n = _(1);
+	#r = _(1);
+	#i = _(1);
+	#a = _(!1);
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "navigation";
 	}
@@ -2747,10 +4640,10 @@ var ue = class extends S(_) {
 	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(w(this, this.#a, this.#e)), this.addEffect(() => {
+		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(j(this, this.#a, this.#e)), this.addEffect(() => {
 			this.#l();
 		}), this.addEffect(() => {
-			let e = this.#a.value, t = i(() => this.#n.value), n = i(() => this.#t.value);
+			let e = this.#a.value, t = x(() => this.#n.value), n = x(() => this.#t.value);
 			for (let r of this.querySelectorAll("ui-button")) {
 				let i = r.getAttribute("aria-label") ?? "";
 				i === "Previous page" ? r.toggleAttribute("disabled", e || t <= 1) : i === "Next page" ? r.toggleAttribute("disabled", e || t >= n) : r.toggleAttribute("disabled", e);
@@ -2784,7 +4677,7 @@ var ue = class extends S(_) {
 		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 = i(() => this.#a.value), r = this.#o();
+		let e = this.#t.value, t = this.#n.value, n = x(() => this.#a.value), r = this.#o();
 		this.textContent = "", this.appendChild(this.#c("caret-left", "Previous page", n || t <= 1, () => this.#u(t - 1)));
 		for (let e of r) if (e === "ellipsis") {
 			let e = document.createElement("span");
@@ -2804,7 +4697,7 @@ var ue = class extends S(_) {
 			detail: { value: t }
 		})));
 	}
-}, xe = class extends _ {
+}, it = class extends k {
 	#e;
 	get open() {
 		return this.#e.open;
@@ -2816,15 +4709,15 @@ var ue = class extends S(_) {
 		this.#e.close();
 	}
 	setup() {
-		super.setup(), this.#e = new s(this, { contentTarget: () => document.createElement("ui-drawer-panel") });
+		super.setup(), this.#e = new Y(this, { contentTarget: () => document.createElement("ui-drawer-panel") });
 	}
 	teardown() {
 		this.#e.destroy(), super.teardown();
 	}
-}, Se = class extends _ {
+}, at = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
-	#t = t(!1);
+	#t = _(!1);
 	#n;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "tree";
@@ -2839,17 +4732,17 @@ var ue = class extends S(_) {
 		t !== n && (e === "disabled" && (this.#t.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new f(this, {
+		super.setup(), this.#n = new G(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(w(this, this.#t, this.#e));
+		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(j(this, this.#t, this.#e));
 	}
 	teardown() {
 		this.#n.destroy(), super.teardown();
 	}
-}, Ce = class extends _ {
+}, ot = class extends k {
 	static observedAttributes = [
 		"expanded",
 		"selected",
@@ -2858,7 +4751,7 @@ var ue = class extends S(_) {
 	#e;
 	#t = null;
 	#n = null;
-	#r = t(!1);
+	#r = _(!1);
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "treeitem";
 	}
@@ -2881,7 +4774,7 @@ var ue = class extends S(_) {
 		this.#r.value = e, this.toggleAttribute("disabled", e);
 	}
 	setup() {
-		super.setup(), this.addEffect(w(this, this.#r, this.#e)), this.deferChildren(() => {
+		super.setup(), this.addEffect(j(this, this.#r, this.#e)), this.deferChildren(() => {
 			this.#i(), this.#a();
 		}), this.addEventListener("click", this.#o), this.addEventListener("keydown", this.#s);
 	}
@@ -2943,7 +4836,7 @@ var ue = class extends S(_) {
 				break;
 		}
 	};
-}, we = class extends _ {
+}, st = class extends k {
 	static observedAttributes = [
 		"direction",
 		"controls",
@@ -2961,9 +4854,9 @@ var ue = class extends S(_) {
 	#n = null;
 	#r = null;
 	#i = null;
-	#a = t(0);
-	#o = t(0);
-	#s = t(!1);
+	#a = _(0);
+	#o = _(0);
+	#s = _(!1);
 	#c = null;
 	#l = null;
 	#u = null;
@@ -3024,7 +4917,7 @@ var ue = class extends S(_) {
 	setup() {
 		super.setup(), this.#l = window.matchMedia("(prefers-reduced-motion: reduce)");
 		let e = document.createElement("div");
-		e.setAttribute("part", "track"), e.id = r("ss-track"), e.setAttribute("tabindex", "0");
+		e.setAttribute("part", "track"), e.id = A("ss-track"), e.setAttribute("tabindex", "0");
 		let t = [];
 		for (; this.firstChild;) {
 			let n = this.firstChild;
@@ -3033,17 +4926,17 @@ var ue = class extends S(_) {
 		this.appendChild(e), this.#e = e, this.#d = t;
 		let n = document.createElement("div");
 		n.setAttribute("part", "controls");
+		let r = document.createElement("button");
+		r.setAttribute("part", "prev"), r.setAttribute("aria-label", "Previous slide"), r.setAttribute("type", "button"), r.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 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;
+		i.setAttribute("part", "next"), i.setAttribute("aria-label", "Next slide"), i.setAttribute("type", "button"), i.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(r), n.appendChild(i), this.appendChild(n), this.#n = r, this.#r = i;
+		let a = document.createElement("div");
+		a.setAttribute("part", "indicators"), a.setAttribute("aria-hidden", "true"), this.appendChild(a), this.#t = 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(() => {
+		o.id = A("ss-live"), o.setAttribute("aria-live", "polite"), o.setAttribute("aria-atomic", "true"), o.setAttribute("data-visually-hidden", ""), this.appendChild(o), this.#i = o, 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(w(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();
+		}), this.addEffect(j(this, this.#s, this.#_)), r.addEventListener("click", this.#D), i.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();
@@ -3055,8 +4948,8 @@ var ue = class extends S(_) {
 	#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");
+			let r = e[n];
+			r.setAttribute("role", "group"), r.setAttribute("aria-roledescription", "slide"), r.setAttribute("aria-label", `${n + 1} of ${t}`), r.id ||= A("slide");
 		}
 	}
 	#b(e) {
@@ -3162,17 +5055,17 @@ var ue = class extends S(_) {
 				break;
 		}
 	};
-}, Te = class extends _ {
+}, ct = class extends k {
 	setup() {
 		super.setup(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1");
 	}
-}, Ee = class extends _ {
+}, lt = class extends k {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "navigation", this.#t = x(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "navigation", this.#t = M(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.#n?.listValue.value ?? null;
@@ -3188,7 +5081,7 @@ var ue = class extends S(_) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (v({ disabled: this.#t }, e, n)) {
+			if (N({ disabled: this.#t }, e, n)) {
 				super.attributeChangedCallback?.(e, t, n);
 				return;
 			}
@@ -3196,7 +5089,7 @@ var ue = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.#n = new g(this, {
+		super.setup(), this.#n = new J(this, {
 			itemSelector: ":scope ui-nav-item:not([disabled])",
 			orientation: "vertical",
 			ariaAttr: "aria-current",
@@ -3212,23 +5105,23 @@ var ue = class extends S(_) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#n.listValue.value = e), this.addEffect(w(this, this.#t.signal, this.#e));
+		e !== null && (this.#n.listValue.value = e), this.addEffect(j(this, this.#t.signal, this.#e));
 	}
 	teardown() {
 		this.#n.destroy(), super.teardown();
 	}
-}, De = class extends _ {
+}, ut = class extends k {
 	static observedAttributes = [
 		"value",
 		"disabled",
 		"label"
 	];
 	#e;
-	#t = t("");
+	#t = _("");
 	#n;
-	#r = t("");
+	#r = _("");
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "link", this.#n = x(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "link", this.#n = M(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.#t.value;
@@ -3250,7 +5143,7 @@ var ue = class extends S(_) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (v({ disabled: this.#n }, e, n)) {
+			if (N({ disabled: this.#n }, e, n)) {
 				super.attributeChangedCallback?.(e, t, n);
 				return;
 			}
@@ -3266,7 +5159,7 @@ var ue = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(w(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
+		super.setup(), this.addEffect(j(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
 	}
 	teardown() {
 		this.removeEventListener("click", this.#i), super.teardown();
@@ -3281,9 +5174,9 @@ var ue = class extends S(_) {
 			}
 		}));
 	};
-}, $ = class extends _ {
+}, dt = class extends k {
 	static observedAttributes = ["open"];
-	#e = t(!1);
+	#e = _(!1);
 	#t = null;
 	#n;
 	#r = null;
@@ -3319,7 +5212,7 @@ var ue = class extends S(_) {
 			attributeFilter: ["aria-current"]
 		}), this.#s();
 		let r = document.createElement("ui-listbox");
-		r.setAttribute("popover", "manual"), r.className = "nav-group-flyout", this.appendChild(r), this.#i = r, this.#a = new m(this), this.#a.wirePopover(this, r), r.addEventListener("ui-select", this.#u), r.addEventListener("ui-change", this.#d), this.addEventListener("ui-dismiss", this.#l);
+		r.setAttribute("popover", "manual"), r.className = "nav-group-flyout", this.appendChild(r), this.#i = r, this.#a = new q(this), this.#a.wirePopover(this, r), r.addEventListener("ui-select", this.#u), r.addEventListener("ui-change", this.#d), this.addEventListener("ui-dismiss", this.#l);
 	}
 	teardown() {
 		this.closeFlyout(), this.#a?.destroy(), this.#a = null, this.#i?.remove(), this.#i = null, this.#r?.disconnect(), this.#r = null, this.#t?.removeEventListener("toggle", this.#c), this.#t = null, super.teardown();
@@ -3368,14 +5261,14 @@ var ue = class extends S(_) {
 	#d = (e) => {
 		e.stopPropagation();
 	};
-}, Oe = class extends _ {
+}, ft = class extends k {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "presentation";
 	}
 	setup() {
-		super.setup(), this.id ||= r("ngh");
+		super.setup(), this.id ||= A("ngh");
 		let e = this.closest("ui-nav-group");
 		e && e.setAttribute("aria-labelledby", this.id);
 		let t = this.querySelector(":scope > ui-icon");
@@ -3384,7 +5277,7 @@ var ue = class extends S(_) {
 			e.className = "icon-well", this.insertBefore(e, t), e.appendChild(t);
 		}
 	}
-}, ke = class extends _ {
+}, pt = class extends k {
 	static observedAttributes = [
 		"traits",
 		"for",
@@ -3420,7 +5313,7 @@ var ue = class extends S(_) {
 		let e = this.getAttribute("traits");
 		if (!e) return;
 		let t = this.getAttribute("for");
-		t === null ? this.#s(e) : this.#c(e, t), this.#r.size > 0 && !this.#i && (this.#i = d((e) => {
+		t === null ? this.#s(e) : this.#c(e, t), this.#r.size > 0 && !this.#i && (this.#i = w((e) => {
 			this.#r.has(e) && (this.#r.delete(e), this.#o(), this.#r.size === 0 && (this.#i?.(), this.#i = null));
 		}));
 	}
@@ -3457,16 +5350,16 @@ var ue = class extends S(_) {
 		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 = p(t);
+			let n = T(t);
 			if (!n) {
 				this.#r.add(t);
 				continue;
 			}
-			for (let [e] of r) if (p(e)?.conflicts?.includes(t) || n.conflicts?.includes(e)) {
+			for (let [e] of r) if (T(e)?.conflicts?.includes(t) || n.conflicts?.includes(e)) {
 				let n = `[native-ui] Trait conflict: "${t}" and "${e}" are incompatible.`;
 				console.warn(n);
 			}
-			let i = l(this, t), a = n.create(e, i);
+			let i = O(this, t), a = n.create(e, i);
 			r.set(t, a);
 		}
 		this.#e.set(e, r);
@@ -3477,7 +5370,7 @@ var ue = class extends S(_) {
 	}
 	#f(e, t) {
 		for (let [e, n] of t) {
-			let t = p(e);
+			let t = T(e);
 			t && t.destroy(n);
 		}
 		t.clear();
@@ -3491,11 +5384,11 @@ var ue = class extends S(_) {
 		this.#n = new MutationObserver((e) => {
 			for (let t of e) {
 				if (!t.attributeName) continue;
-				let e = u(t.attributeName);
+				let e = D(t.attributeName);
 				if (!e) continue;
-				let n = p(e.trait);
+				let n = T(e.trait);
 				if (!n?.update) continue;
-				let r = l(this, e.trait);
+				let r = O(this, e.trait);
 				for (let [, t] of this.#e) {
 					let i = t.get(e.trait);
 					i && n.update(i, r);
@@ -3510,17 +5403,17 @@ var ue = class extends S(_) {
 	}
 	/** Collect all attributes on this element that match any registered trait prefix. */
 	#h() {
-		let e = h(), t = [];
+		let e = E(), t = [];
 		for (let n of this.attributes) for (let r of e) if (n.name.startsWith(r + "-")) {
 			t.push(n.name);
 			break;
 		}
 		return t;
 	}
-}, Ae = class extends _ {
+}, mt = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
-	#t = t(!1);
+	#t = _(!1);
 	#n = null;
 	#r = null;
 	constructor() {
@@ -3549,7 +5442,7 @@ var ue = class extends S(_) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(w(this, this.#t, this.#e)), this.deferChildren(() => {
+		super.setup(), this.addEffect(j(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());
@@ -3593,7 +5486,7 @@ var ue = class extends S(_) {
 			detail: { value: e }
 		})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#r?.setAttribute("disabled", ""));
 	}
-}, je = class extends _ {
+}, ht = class extends k {
 	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));
@@ -3608,7 +5501,7 @@ var ue = class extends S(_) {
 	#t = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#e());
 	};
-}, Me = class extends _ {
+}, gt = class extends k {
 	static observedAttributes = [
 		"collapsible",
 		"collapsed",
@@ -3627,14 +5520,14 @@ var ue = class extends S(_) {
 	#e = () => {
 		this.hasAttribute("collapsible") && this.toggleAttribute("collapsed");
 	};
-}, Ne = class extends _ {
+}, _t = class extends k {
 	#e;
 	#t;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "toolbar";
 	}
 	setup() {
-		super.setup(), this.#t = new f(this, {
+		super.setup(), this.#t = new G(this, {
 			selector: ":scope > ui-button:not([disabled]), :scope > button:not([disabled])",
 			orientation: "horizontal"
 		}), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Toolbar");
@@ -3642,7 +5535,7 @@ var ue = class extends S(_) {
 	teardown() {
 		this.#t.destroy(), super.teardown();
 	}
-}, Pe = class extends _ {
+}, vt = class extends k {
 	static observedAttributes = ["collapsed"];
 	#e = null;
 	#t = null;
@@ -3654,7 +5547,7 @@ var ue = class extends S(_) {
 	setup() {
 		super.setup();
 		let e = this.querySelector(":scope > [slot=\"sidebar\"]");
-		e?.querySelector(".layout-resize-handle") && (this.#e = new a(e, {
+		e?.querySelector(".layout-resize-handle") && (this.#e = new U(e, {
 			handleSelector: ".layout-resize-handle",
 			axis: "horizontal",
 			min: 160,
@@ -3710,13 +5603,13 @@ var ue = class extends S(_) {
 			for (let e of a) this.#t.observe(e);
 		}
 	}
-}, Fe = class extends _ {
+}, yt = class extends k {
 	#e = null;
 	#t = !1;
 	setup() {
 		super.setup();
 		let e = this.querySelector(":scope > ui-listbox[popover]");
-		e && (this.#e = new m(this), this.#e.wirePopover(this, e), this.addEventListener("click", this.#n), this.addEventListener("ui-dismiss", this.#r));
+		e && (this.#e = new q(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();
@@ -3727,7 +5620,7 @@ var ue = class extends S(_) {
 	#r = () => {
 		this.#t = !1, this.#e?.syncPopover(!1);
 	};
-}, Ie = class extends _ {
+}, bt = class extends k {
 	#e = null;
 	get open() {
 		return this.hasAttribute("open");
@@ -3739,7 +5632,7 @@ var ue = class extends S(_) {
 		this.open = !this.open;
 	}
 	setup() {
-		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new a(this, {
+		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new U(this, {
 			handleSelector: ".layout-resize-handle",
 			axis: "horizontal",
 			min: 280,
@@ -3750,7 +5643,7 @@ var ue = class extends S(_) {
 	teardown() {
 		this.#e?.destroy(), this.#e = null, super.teardown();
 	}
-}, Le = class extends _ {
+}, xt = class extends k {
 	#e = null;
 	get open() {
 		return this.hasAttribute("open");
@@ -3762,7 +5655,7 @@ var ue = class extends S(_) {
 		this.open = !this.open;
 	}
 	setup() {
-		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new a(this, {
+		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new U(this, {
 			handleSelector: ".layout-resize-handle",
 			axis: "horizontal",
 			min: 280,
@@ -3774,4 +5667,4 @@ var ue = class extends S(_) {
 		this.#e?.destroy(), this.#e = null, super.teardown();
 	}
 };
-export { A as $, Q as A, W as B, ge as C, fe as D, pe as E, Y as F, R as G, V as H, J as I, F as J, L as K, q as L, se as M, oe as N, de as O, ae as P, j as Q, G as R, _e as S, me as T, B as U, H as V, z as W, N as X, P as Y, M as Z, Se as _, Ne as a, ie as at, ye as b, Ae as c, te as ct, $ as d, k as et, De as f, Ce as g, we as h, Pe as i, T as it, le as j, ue as k, ke as l, ee as lt, Te as m, Ie as n, D as nt, Me as o, re as ot, Ee as p, I as q, Fe as r, E as rt, je as s, ne as st, Le as t, O as tt, Oe as u, xe as v, he as w, ve as x, be as y, U as z };
+export { Ce as $, Ke as A, R as At, Ie as B, E as Bt, $e as C, H as Ct, Ye as D, oe as Dt, Xe as E, z as Et, Ve as F, j as Ft, je as G, y as Gt, X as H, re as Ht, Be as I, A as It, Oe as J, u as Jt, Ae as K, v as Kt, ze as L, k as Lt, We as M, P as Mt, $ as N, M as Nt, Je as O, I as Ot, Ue as P, N as Pt, we as Q, Re as R, O as Rt, et as S, U as St, Ze as T, B as Tt, Ne as U, x as Ut, Pe as V, T as Vt, Me as W, b as Wt, Ee as X, De as Y, r as Yt, Te as Z, at as _, J as _t, _t as a, _e as at, nt as b, G as bt, mt as c, me as ct, dt as d, de as dt, Se as et, ut as f, ue as ft, ot as g, Y as gt, st as h, se as ht, vt as i, ve as it, Ge as j, F as jt, qe as k, L as kt, pt as l, pe as lt, ct as m, ce as mt, bt as n, be as nt, gt as o, ge as ot, lt as p, le as pt, ke as q, _ as qt, yt as r, ye as rt, ht as s, he as st, xt as t, xe as tt, ft as u, fe as ut, it as v, q as vt, Qe as w, V as wt, tt as x, W as xt, rt as y, K as yt, Le as z, D as zt };