@nonoun/native-ui 0.2.9 → 0.3.0

package/dist/ui-icon-element.js

@@ -1,986 +0,0 @@
-import { a as e, o as t, r as n, t as r } from "./uid.js";
-import { a as i, n as a, t as o, u as s } from "./list-navigate-controller.js";
-function c(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 l(e, n, r) {
-	let i = r.attribute ?? n;
-	if (r.type === "boolean") {
-		let n = t(!1);
-		return {
-			get signal() {
-				return n;
-			},
-			get value() {
-				return n.value;
-			},
-			set(t) {
-				n.value = t, e.toggleAttribute(i, t);
-			},
-			fromAttribute(e) {
-				n.value = e !== null;
-			}
-		};
-	}
-	if (r.type === "number") {
-		let n = r.initial ?? 0, a = t(n);
-		return {
-			get signal() {
-				return a;
-			},
-			get value() {
-				return a.value;
-			},
-			set(t) {
-				a.value = t, e.setAttribute(i, String(t));
-			},
-			fromAttribute(e) {
-				a.value = parseFloat(e ?? String(n)) || n;
-			}
-		};
-	}
-	let a = r.initial ?? "", o = t(a);
-	return {
-		get signal() {
-			return o;
-		},
-		get value() {
-			return o.value;
-		},
-		set(t) {
-			o.value = t, t ? e.getAttribute(i) !== t && e.setAttribute(i, t) : e.removeAttribute(i);
-		},
-		fromAttribute(e) {
-			o.value = e ?? a;
-		}
-	};
-}
-/**
-* Dispatches an attribute change to the matching reactive prop.
-* Returns true if handled, false if no matching prop was found.
-*
-* ```ts
-* attributeChangedCallback(name, old, val) {
-*   if (old === val) return;
-*   if (syncProp(this.#props, name, val)) return;
-*   // handle non-prop attributes...
-*   super.attributeChangedCallback?.(name, old, val);
-* }
-* ```
-*/
-function u(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 d(e) {
-	return class extends e {
-		static formAssociated = !0;
-		/** Override to handle form-initiated disabled state changes. */
-		onFormDisabled(e) {}
-		/** Override to handle form reset. */
-		onFormReset() {}
-		/** Override to handle form state restore (e.g. back/forward navigation). */
-		onFormStateRestore(e) {}
-		formDisabledCallback(e) {
-			this.onFormDisabled(e);
-		}
-		formResetCallback() {
-			this.onFormReset();
-		}
-		formStateRestoreCallback(e, t) {
-			this.onFormStateRestore(e);
-		}
-		formAssociatedCallback(e) {}
-	};
-}
-function f(e, t) {
-	return e.label.toLowerCase().includes(t.toLowerCase());
-}
-var p = class {
-	data;
-	query;
-	#e;
-	#t;
-	filtered;
-	sorted;
-	activeIndex;
-	activeItem;
-	value;
-	selected;
-	#n;
-	selectedItem;
-	empty;
-	constructor(n = {}) {
-		this.data = t([]), this.query = t(""), this.#e = t(n.filterFn ?? f), this.#t = t(n.sortFn ?? null), this.#n = t(n.multiple ?? !1), this.activeIndex = t(n.initialActiveIndex ?? -1), this.value = t(null), this.selected = t(/* @__PURE__ */ new Set()), this.filtered = e(() => {
-			let e = this.data.value, t = this.query.value, n = this.#e.value;
-			return t ? e.filter((e) => n(e, t)) : e;
-		}), this.sorted = e(() => {
-			let e = this.filtered.value, t = this.#t.value;
-			return t ? [...e].sort(t) : e;
-		}), this.activeItem = e(() => {
-			let e = this.view.value, t = this.activeIndex.value;
-			return t >= 0 && t < e.length ? e[t] : null;
-		}), this.selectedItem = e(() => {
-			let e = this.value.value;
-			return e === null ? null : this.data.value.find((t) => t.value === e) ?? null;
-		}), this.empty = e(() => this.view.value.length === 0);
-	}
-	get view() {
-		return this.sorted;
-	}
-	get multiple() {
-		return this.#n.value;
-	}
-	set multiple(e) {
-		this.#n.value = e;
-	}
-	setQuery(e, t) {
-		n(() => {
-			this.query.value = e, this.activeIndex.value = t ?? -1;
-		});
-	}
-	moveActive(e, t) {
-		let n = t ?? this.view.value.length;
-		if (n === 0) return;
-		let r = this.activeIndex.value;
-		if (t == null) {
-			let t = this.view.value, i = (r + e + n) % n, a = 0;
-			for (; t[i]?.disabled && a < n;) i = (i + e + n) % n, a++;
-			this.activeIndex.value = i;
-			return;
-		}
-		this.activeIndex.value = (r + e + n) % n;
-	}
-	selectActive() {
-		let e = this.activeItem.value;
-		e && this.select(e.value);
-	}
-	select(e) {
-		if (this.#n.value) {
-			let t = new Set(this.selected.value);
-			t.add(e), n(() => {
-				this.selected.value = t, this.value.value = e;
-			});
-		} else this.value.value = e;
-	}
-	deselect(e) {
-		if (!this.#n.value) return;
-		let t = new Set(this.selected.value);
-		t.delete(e), n(() => {
-			this.selected.value = t, this.value.value === e && (this.value.value = null);
-		});
-	}
-	toggle(e) {
-		this.#n.value && this.selected.value.has(e) ? this.deselect(e) : this.select(e);
-	}
-	selectAll() {
-		if (!this.#n.value) return;
-		let e = this.view.value;
-		this.selected.value = new Set(e.map((e) => e.value));
-	}
-	clearSelection() {
-		n(() => {
-			this.value.value = null, this.selected.value = /* @__PURE__ */ new Set();
-		});
-	}
-	reset() {
-		n(() => {
-			this.data.value = [], this.query.value = "", this.activeIndex.value = -1, this.value.value = null, this.selected.value = /* @__PURE__ */ new Set();
-		});
-	}
-	setFilter(e) {
-		this.#e.value = e;
-	}
-	setSort(e) {
-		this.#t.value = e;
-	}
-};
-function m(e) {
-	return new p(e);
-}
-/**
-* Validates a JSON string → typed option array.
-* Filters out entries missing `value` or `label` strings.
-*/
-function h(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 g(e, t, n, r) {
-	t?.abort();
-	let i = new AbortController();
-	try {
-		let t = await fetch(e, { signal: i.signal });
-		if (!t.ok) return console.warn(`<${r}>: fetch failed (${t.status}) for ${e}`), i;
-		let a = await t.json();
-		if (i.signal.aborted) return i;
-		n.value = (Array.isArray(a) ? a : []).filter((e) => typeof e == "object" && !!e && typeof e.value == "string" && typeof e.label == "string");
-	} catch (e) {
-		if (e instanceof DOMException && e.name === "AbortError") return i;
-		console.warn(`<${r}>: fetch error`, e);
-	}
-	return i;
-}
-/**
-* Button component with press feedback and form association.
-* @attr {boolean} disabled - Disables interaction
-* @attr {string} type - Form button type: "button" | "submit" | "reset"
-* @fires ui-press - Fired on activation (click, Enter, Space)
-*/
-var _ = class extends d(s) {
-	static observedAttributes = ["disabled", "type"];
-	#e;
-	#t;
-	#n;
-	#r;
-	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "button", this.#t = l(this, "disabled", { type: "boolean" }), this.#n = l(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 && (u({
-			disabled: this.#t,
-			type: this.#n
-		}, e, n), super.attributeChangedCallback?.(e, t, n));
-	}
-	setup() {
-		super.setup(), this.#r = new i(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(c(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");
-	}
-}, v = class extends s {
-	static observedAttributes = [
-		"disabled",
-		"multiple",
-		"virtual-focus"
-	];
-	#e;
-	#t;
-	#n = t(!1);
-	#r = new p();
-	#i;
-	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "listbox", this.#t = l(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 (u({ 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 o(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(c(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 i = t[n], a = n === e;
-					i.toggleAttribute("active", a), a && (i.id ||= r("opt"), this.setAttribute("aria-activedescendant", i.id));
-				}
-				(e < 0 || e >= t.length) && this.removeAttribute("aria-activedescendant");
-			});
-		});
-	}
-	teardown() {
-		this.#i.destroy(), super.teardown();
-	}
-	getActiveOption() {
-		let e = this.#r.activeIndex.value;
-		return this.querySelectorAll(":scope ui-option:not([disabled])")[e] ?? null;
-	}
-}, y = class extends s {
-	static observedAttributes = [
-		"value",
-		"disabled",
-		"label"
-	];
-	#e;
-	#t = t("");
-	#n;
-	#r = t("");
-	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = l(this, "disabled", { type: "boolean" });
-	}
-	get value() {
-		return this.#t.value;
-	}
-	set value(e) {
-		this.#t.value = e, this.getAttribute("value") !== e && this.setAttribute("value", e);
-	}
-	get disabled() {
-		return this.#n.value;
-	}
-	set disabled(e) {
-		this.#n.set(e);
-	}
-	get label() {
-		return this.#r.value || this.textContent?.trim() || "";
-	}
-	set label(e) {
-		this.#r.value = e, e ? this.getAttribute("label") !== e && this.setAttribute("label", e) : this.removeAttribute("label");
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) {
-			if (u({ disabled: this.#n }, e, n)) {
-				super.attributeChangedCallback?.(e, t, n);
-				return;
-			}
-			switch (e) {
-				case "value":
-					this.#t.value = n ?? "";
-					break;
-				case "label":
-					this.#r.value = n ?? "";
-					break;
-			}
-			super.attributeChangedCallback?.(e, t, n);
-		}
-	}
-	setup() {
-		super.setup(), this.addEffect(c(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
-	}
-	teardown() {
-		this.removeEventListener("click", this.#i), super.teardown();
-	}
-	#i = () => {
-		this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				value: this.#t.value,
-				label: this.label
-			}
-		}));
-	};
-}, b = class {
-	open = t(!1);
-	value = t(null);
-	label = t("");
-	toggle() {
-		this.open.value = !this.open.value;
-	}
-	show() {
-		this.open.value = !0;
-	}
-	hide() {
-		this.open.value = !1;
-	}
-	select(e, t) {
-		n(() => {
-			this.value.value = e, this.label.value = t, this.open.value = !1;
-		});
-	}
-	reset() {
-		n(() => {
-			this.open.value = !1, this.value.value = null, this.label.value = "";
-		});
-	}
-}, x = class extends d(s) {
-	static observedAttributes = [
-		"value",
-		"disabled",
-		"name",
-		"options",
-		"src",
-		"placeholder",
-		"required"
-	];
-	#e;
-	#t = new b();
-	#n = t(!1);
-	#r = t(!1);
-	#i;
-	#a = t([]);
-	#o = t(null);
-	#s = t("");
-	#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 h(e, "ui-select");
-	}
-	async #h(e) {
-		this.#l = await g(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);
-		}
-	}
-	setup() {
-		if (super.setup(), this.#i = new a(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 ||= r("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));
-				}
-			});
-		}), this.addEffect(c(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: t
-		}));
-	};
-	#x = () => {
-		this.#t.hide();
-	};
-	#S = (e) => {
-		if (this.#n.value) return;
-		let t = this.#u;
-		switch (e.key) {
-			case "ArrowDown":
-			case "ArrowUp": {
-				e.preventDefault();
-				let n = t?.controller;
-				if (this.#t.open.value || this.#t.show(), n) {
-					let r = t?.querySelectorAll(":scope ui-option:not([disabled])")?.length ?? 0;
-					n.moveActive(e.key === "ArrowDown" ? 1 : -1, r);
-				}
-				break;
-			}
-			case "Enter":
-			case " ":
-				if (e.preventDefault(), this.#t.open.value) {
-					let e = t?.getActiveOption();
-					e && e.click();
-				} else this.#t.toggle();
-				break;
-			case "Escape":
-				this.#t.open.value && (e.preventDefault(), this.#t.hide());
-				break;
-			case "Home": {
-				e.preventDefault();
-				let n = t?.controller;
-				n && (n.activeIndex.value = 0);
-				break;
-			}
-			case "End": {
-				e.preventDefault();
-				let n = t?.controller;
-				if (n) {
-					let e = t?.querySelectorAll(":scope ui-option:not([disabled])");
-					n.activeIndex.value = Math.max(0, (e?.length ?? 1) - 1);
-				}
-				break;
-			}
-		}
-	};
-	teardown() {
-		this.#d?.removeEventListener("ui-press", this.#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;
-	}
-}, S = class extends d(s) {
-	static observedAttributes = [
-		"value",
-		"min",
-		"max",
-		"step",
-		"disabled",
-		"name",
-		"required"
-	];
-	#e;
-	#t = t(!1);
-	#n = t(!1);
-	#r = t(50);
-	#i = 50;
-	#a = t(0);
-	#o = t(100);
-	#s = t(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(c(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 }
-		}));
-	}
-}, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Set();
-function T(e, t) {
-	C.set(e, t), w.forEach((t) => t(e));
-}
-function E(e) {
-	return C.get(e);
-}
-function D(e) {
-	return w.add(e), () => w.delete(e);
-}
-/**
-* Icon component rendering SVG from the global icon registry.
-* @attr {string} name - Icon name from the Phosphor icon set
-* @attr {string} weight - Icon weight: "regular" (default) or "fill"
-* @attr {string} size - Icon size override
-* @attr {string} aria-label - Accessible label (sets role="img" when present)
-*/
-var O = class extends s {
-	static observedAttributes = [
-		"name",
-		"weight",
-		"size",
-		"aria-label"
-	];
-	#e = null;
-	setup() {
-		super.setup(), this.#t(), this.#r();
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === "name" || e === "weight") && this.#r(), e === "aria-label" && this.#t();
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this.#e?.(), this.#e = null;
-	}
-	#t() {
-		this.hasAttribute("aria-label") ? (this.setAttribute("role", "img"), this.removeAttribute("aria-hidden")) : (this.setAttribute("aria-hidden", "true"), this.removeAttribute("role"));
-	}
-	/** Compute the effective registry key from name + weight attributes. */
-	#n() {
-		let e = this.getAttribute("name");
-		return e ? this.getAttribute("weight") === "fill" && !e.endsWith("-fill") ? `${e}-fill` : e : null;
-	}
-	#r() {
-		let e = this.#n();
-		if (!e) {
-			this.innerHTML = "", this.#e?.(), this.#e = null;
-			return;
-		}
-		let t = E(e);
-		t ? (this.innerHTML = t, this.#e?.(), this.#e = null) : (this.innerHTML = "", this.#e ||= D((e) => {
-			e === this.#n() && this.#r();
-		}));
-	}
-};
-export { u as _, S as a, y as c, g as d, h as f, l as g, d as h, T as i, v as l, m, E as n, x as o, p, D as r, b as s, O as t, _ as u, c as v };