@geajs/ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,3597 @@
+import { Component } from "@geajs/core";
+import { VanillaMachine, normalizeProps, spreadProps } from "@zag-js/vanilla";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import * as accordion from "@zag-js/accordion";
+import * as avatar from "@zag-js/avatar";
+import * as checkbox from "@zag-js/checkbox";
+import * as clipboard from "@zag-js/clipboard";
+import * as collapsible from "@zag-js/collapsible";
+import * as combobox from "@zag-js/combobox";
+import * as dialog from "@zag-js/dialog";
+import * as fileUpload from "@zag-js/file-upload";
+import * as hoverCard from "@zag-js/hover-card";
+import * as menu from "@zag-js/menu";
+import * as numberInput from "@zag-js/number-input";
+import * as pagination from "@zag-js/pagination";
+import * as pinInput from "@zag-js/pin-input";
+import * as popover from "@zag-js/popover";
+import * as progress from "@zag-js/progress";
+import * as radioGroup from "@zag-js/radio-group";
+import * as ratingGroup from "@zag-js/rating-group";
+import * as select from "@zag-js/select";
+import * as slider from "@zag-js/slider";
+import * as switchMachine from "@zag-js/switch";
+import * as tabs from "@zag-js/tabs";
+import * as tagsInput from "@zag-js/tags-input";
+import * as toast from "@zag-js/toast";
+import * as toggleGroup from "@zag-js/toggle-group";
+import * as tooltip from "@zag-js/tooltip";
+import * as treeView from "@zag-js/tree-view";
+//#region src/primitives/zag-component.ts
+var ZagComponent = class extends Component {
+	createMachine(_props) {
+		return null;
+	}
+	getMachineProps(_props) {
+		return {};
+	}
+	connectApi(_service) {
+		return null;
+	}
+	getSpreadMap() {
+		return {};
+	}
+	syncState(_api) {}
+	created(props) {
+		if (!this._spreadCleanups) this._spreadCleanups = /* @__PURE__ */ new Map();
+		if (this._spreadScheduled === void 0) this._spreadScheduled = false;
+		const machineDef = this.createMachine(props);
+		if (!machineDef) return;
+		this._machine = new VanillaMachine(machineDef, this.getMachineProps(props));
+		this._machine.start();
+		this._api = this.connectApi(this._machine.service);
+		this.syncState(this._api);
+		this._machine.subscribe(() => {
+			if (!this._machine) return;
+			this._api = this.connectApi(this._machine.service);
+			this._scheduleSpreadApplication();
+		});
+	}
+	_syncMachineProps() {
+		const machine = this._machine;
+		if (!machine?.userPropsRef) return;
+		const next = this.getMachineProps(this.props);
+		machine.userPropsRef.current = next;
+		this._api = this.connectApi(this._machine.service);
+		this._scheduleSpreadApplication();
+	}
+	__geaUpdateProps(nextProps) {
+		super.__geaUpdateProps(nextProps);
+		this._syncMachineProps();
+	}
+	_scheduleSpreadApplication() {
+		if (this._spreadScheduled) return;
+		this._spreadScheduled = true;
+		queueMicrotask(() => {
+			this._spreadScheduled = false;
+			this._applyAllSpreads();
+		});
+	}
+	_resolveProps(getter, el) {
+		if (typeof getter === "function") return getter(this._api, el);
+		const method = this._api[getter];
+		if (typeof method !== "function") return null;
+		return method.call(this._api);
+	}
+	_queryAllIncludingSelf(selector) {
+		const results = this.$$(selector);
+		const root = this.el;
+		if (root && root.matches(selector) && !results.includes(root)) results.unshift(root);
+		return results;
+	}
+	_applyAllSpreads() {
+		if (!this.rendered_ || !this._api) return;
+		const map = this.getSpreadMap();
+		for (const selector in map) {
+			const getter = map[selector];
+			const elements = this._queryAllIncludingSelf(selector);
+			for (let i = 0; i < elements.length; i++) {
+				const el = elements[i];
+				const key = selector + ":" + i;
+				const nextProps = this._resolveProps(getter, el);
+				if (!nextProps) continue;
+				const cleanup = spreadProps(el, nextProps);
+				this._spreadCleanups.set(key, cleanup);
+			}
+		}
+	}
+	onAfterRender() {
+		this._cacheArrayContainers();
+		this._applyAllSpreads();
+	}
+	_cacheArrayContainers() {
+		const maps = this.__geaMaps;
+		if (!maps) return;
+		for (const idx in maps) {
+			const map = maps[idx];
+			map.container = map.getContainer();
+			if (map.container) this[map.containerProp] = map.container;
+		}
+	}
+	dispose() {
+		for (const cleanup of this._spreadCleanups.values()) cleanup();
+		this._spreadCleanups.clear();
+		if (this._machine) {
+			this._machine.stop();
+			this._machine = null;
+		}
+		this._api = null;
+		super.dispose();
+	}
+	static {
+		this.normalizeProps = normalizeProps;
+	}
+};
+//#endregion
+//#region src/utils/cn.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+//#region \0virtual:gea-hmr
+var hot = void 0;
+var componentInstances = hot && hot.data && hot.data.componentInstances || /* @__PURE__ */ new Map();
+if (hot) hot.data.componentInstances = componentInstances;
+var hmrGlobal = globalThis.__geaHMRGlobal || (globalThis.__geaHMRGlobal = {
+	componentModules: /* @__PURE__ */ new Map(),
+	componentProxies: /* @__PURE__ */ new Map()
+});
+hmrGlobal.componentModules;
+hmrGlobal.componentProxies;
+//#endregion
+//#region src/components/accordion.tsx
+var Accordion = class extends ZagComponent {
+	createMachine(_props) {
+		return accordion.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			multiple: props.multiple ?? false,
+			collapsible: props.collapsible ?? false,
+			disabled: props.disabled,
+			orientation: props.orientation ?? "vertical",
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return accordion.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value }),
+			"[data-part=\"item-trigger\"]": (api, el) => api.getItemTriggerProps({ value: el.dataset.value }),
+			"[data-part=\"item-content\"]": (api, el) => api.getItemContentProps({ value: el.dataset.value }),
+			"[data-part=\"item-indicator\"]": (api, el) => api.getItemIndicatorProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		const items = props.items || [];
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}>${items.map((item) => `<div data-gea-item-id="${String(item)}" data-part="item"${item.value == null ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${item.value == null ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${item.value == null ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${item.value == null ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`).join("") + "<!---->"}</div>`;
+	}
+	render__unresolved_0Item(item) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<div data-gea-item-id="${String(item)}" data-part="item"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.firstElementChild.removeAttribute("data-value");
+		else el.firstElementChild.firstElementChild.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.firstElementChild.firstElementChild.removeAttribute("data-value");
+		else el.firstElementChild.firstElementChild.firstElementChild.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-value");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-value", String(__av));
+		el.firstElementChild.nextElementSibling.firstElementChild.textContent = `${item.content}`;
+		el.setAttribute("data-gea-item-id", String(item));
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/avatar.tsx
+var Avatar = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.loaded = false;
+		this.props;
+		this.__geaCond_0 = !!this.props.src;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.src;
+		}, () => {
+			const props = this.props;
+			return `<img data-part="image"${this.props.src == null ? "" : ` src="${this.props.src}"`}${(this.props.name || "") == null || (props.name || "") === false ? "" : ` alt="${this.props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />`;
+		}, () => {
+			this.props;
+			return "";
+		});
+	}
+	createMachine(_props) {
+		return avatar.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			onStatusChange: props.onStatusChange
+		};
+	}
+	connectApi(service) {
+		return avatar.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"image\"]": "getImageProps",
+			"[data-part=\"fallback\"]": "getFallbackProps"
+		};
+	}
+	syncState(api) {
+		this.loaded = api.loaded;
+	}
+	template(props) {
+		const initials = props.fallback || (props.name ? props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
+		return `<div id="${this.id}" data-part="root"${`avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${props.class || ""}` == null ? "" : ` class="${`avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${props.class || ""}`.trim()}"`}><!--${this.id + "-c0"}-->${(props.src ? `<img data-part="image"${props.src == null ? "" : ` src="${props.src}"`}${(props.name || "") == null || (props.name || "") === false ? "" : ` alt="${props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />` : "") || ""}<!--${this.id + "-c0-end"}--><div id="${this.id + "-b1"}" data-part="fallback"${`avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${props.src ? "absolute inset-0" : ""}` == null ? "" : ` class="${`avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${props.src ? "absolute inset-0" : ""}`.trim()}"`}>${initials}</div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = `avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${this.props.class || ""}`;
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "src") {
+			try {
+				const __el = document.getElementById(this.id + "-b1");
+				this.props;
+				const __boundValue = `avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${this.props.src ? "absolute inset-0" : ""}`;
+				if (__el) {
+					const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+					if (__el.className !== __newClass) __el.className = __newClass;
+				}
+			} catch {}
+			this.__geaPatchCond(0);
+		}
+		if (key === "fallback") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.fallback || (this.props.name ? this.props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+		if (key === "name") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.fallback || (this.props.name ? this.props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/checkbox.tsx
+var Checkbox = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.checked = false;
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<span data-part="label" class="checkbox-label text-sm font-medium leading-none">${this.props.label}</span>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return checkbox.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			checked: props.checked,
+			defaultChecked: props.defaultChecked,
+			disabled: props.disabled,
+			invalid: props.invalid,
+			required: props.required,
+			readOnly: props.readOnly,
+			name: props.name,
+			form: props.form,
+			value: props.value ?? "on",
+			onCheckedChange: (details) => {
+				this.checked = details.checked;
+				props.onCheckedChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return checkbox.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"indicator\"]": "getIndicatorProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps"
+		};
+	}
+	syncState(api) {
+		this.checked = api.checkedState;
+	}
+	template(props) {
+		return `<label id="${this.id}" data-part="root"${`checkbox-root inline-flex items-center gap-2 cursor-pointer ${props.class || ""}` == null ? "" : ` class="${`checkbox-root inline-flex items-center gap-2 cursor-pointer ${props.class || ""}`.trim()}"`}><input data-part="hidden-input" type="checkbox" class="sr-only" /><div data-part="control" class="checkbox-control h-4 w-4 shrink-0 rounded-sm border border-primary shadow transition-colors data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"><span data-part="indicator" class="checkbox-indicator flex items-center justify-center text-current h-full w-full"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3"><polyline points="20 6 9 17 4 12"></polyline></svg></span></div><!--${this.id + "-c0"}-->${props.label && `<span data-part="label" class="checkbox-label text-sm font-medium leading-none">${props.label}</span>` || ""}<!--${this.id + "-c0-end"}--></label>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = `checkbox-root inline-flex items-center gap-2 cursor-pointer ${this.props.class || ""}`;
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+};
+//#endregion
+//#region src/components/clipboard.tsx
+var Clipboard = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.copied = false;
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaCond_1 = !!this.copied;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="clipboard-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+		this.__geaRegisterCond(1, "c1", () => {
+			this.props;
+			return this.copied;
+		}, () => {
+			this.props;
+			return `<span data-part="indicator-copied">✓ Copied</span>`;
+		}, () => {
+			this.props;
+			return `<span data-part="indicator-not-copied">Copy</span>`;
+		});
+	}
+	createMachine(_props) {
+		return clipboard.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			timeout: props.timeout ?? 2e3,
+			onStatusChange: (details) => {
+				this.copied = details.copied;
+				props.onStatusChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return clipboard.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"input\"]": "getInputProps",
+			"[data-part=\"indicator-copied\"]": (api) => api.getIndicatorProps({ copied: true }),
+			"[data-part=\"indicator-not-copied\"]": (api) => api.getIndicatorProps({ copied: false })
+		};
+	}
+	syncState(api) {
+		this.copied = api.copied;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="clipboard-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div data-part="control" class="clipboard-control flex gap-2"><input data-part="input" class="clipboard-input flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm" /><button data-part="trigger" class="clipboard-trigger inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent"><!--${this.id + "-c1"}-->${(this.copied ? `<span data-part="indicator-copied">✓ Copied</span>` : `<span data-part="indicator-not-copied">Copy</span>`) || ""}<!--${this.id + "-c1-end"}--></button></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+		this.__geaPatchCond(1);
+	}
+	__observe_local_copied(value, change) {
+		if (this.rendered_) {
+			this.__geaCondPatched_1 = this.__geaPatchCond(1);
+			if (this.__geaCondPatched_1) return;
+		}
+	}
+	__setupLocalStateObservers() {
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__observer_removers__.push(this.__store.observe(["copied"], (__v, __c) => this.__observe_local_copied(__v, __c)));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/collapsible.tsx
+var Collapsible = class extends ZagComponent {
+	createMachine(_props) {
+		return collapsible.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			disabled: props.disabled,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return collapsible.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"content\"]": "getContentProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><button id="${this.id + "-b1"}" data-part="trigger" class="collapsible-trigger flex w-full items-center justify-between py-2 text-sm font-medium">${props.label || "Toggle"}</button><div data-part="content" class="collapsible-content overflow-hidden"><div id="${this.id + "-b2"}" class="pb-4">${props.children}</div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.label || "Toggle";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = document.getElementById(this.id + "-b2");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/combobox.tsx
+var Combobox = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="combobox-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+	}
+	created(props) {
+		this._allItems = props.items || [];
+		this.filteredItems = [...this._allItems];
+		super.created(props);
+	}
+	createMachine(_props) {
+		return combobox.machine;
+	}
+	_buildCollection(items) {
+		return combobox.collection({
+			items,
+			itemToValue: (item) => item.value,
+			itemToString: (item) => item.label || item.value
+		});
+	}
+	_filterItems(query) {
+		const q = query.toLowerCase();
+		const filtered = q ? this._allItems.filter((item) => (item.label || item.value).toLowerCase().includes(q)) : [...this._allItems];
+		this.filteredItems = filtered;
+		this._machine?.updateProps({ collection: this._buildCollection(filtered) });
+	}
+	getMachineProps(props) {
+		const col = props.collection || this._buildCollection(this._allItems);
+		return {
+			id: this.id,
+			collection: col,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			inputValue: props.inputValue,
+			defaultInputValue: props.defaultInputValue,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			multiple: props.multiple,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			invalid: props.invalid,
+			required: props.required,
+			placeholder: props.placeholder,
+			inputBehavior: props.inputBehavior ?? "none",
+			selectionBehavior: props.selectionBehavior ?? "replace",
+			closeOnSelect: props.closeOnSelect ?? true,
+			allowCustomValue: props.allowCustomValue,
+			loopFocus: props.loopFocus ?? true,
+			openOnClick: props.openOnClick ?? false,
+			name: props.name,
+			form: props.form,
+			positioning: props.positioning,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			},
+			onInputValueChange: (details) => {
+				this.inputValue = details.inputValue;
+				this._filterItems(details.inputValue);
+				props.onInputValueChange?.(details);
+			},
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return combobox.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"input\"]": "getInputProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"clear-trigger\"]": "getClearTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"list\"]": "getListProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-text\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemTextProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-indicator\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemIndicatorProps({ item: {
+					value,
+					label
+				} });
+			}
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+		this.value = api.value;
+		this.inputValue = api.inputValue;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="combobox-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div data-part="control" class="combobox-control flex"><input data-part="input" class="combobox-input flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" /><button data-part="trigger" class="combobox-trigger inline-flex h-9 items-center justify-center rounded-r-md border border-l-0 border-input px-2">▼</button></div><div data-part="positioner" class="combobox-positioner"><div data-part="content" class="combobox-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md"><div id="${this.id + "-b1"}" data-part="list">${this.filteredItems.map((item) => this.renderFilteredItemsItem(item)).join("")}</div></div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+	renderFilteredItemsItem(item) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<div id="${this.id + "-b1-" + String(item.id)}" data-gea-item-id="${item.id}" data-part="item"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`}${__v(item.label) == __v(null) ? "" : ` data-label="${item.label}"`} class="combobox-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground"><span data-part="item-text"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`}${__v(item.label) == __v(null) ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`}${__v(item.label) == __v(null) ? "" : ` data-label="${item.label}"`} class="combobox-item-indicator ml-auto">✓</span></div>`;
+	}
+	createFilteredItemsItem(item) {
+		var __c = this.__filteredItems_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.renderFilteredItemsItem({
+				id: 0,
+				value: "",
+				label: ""
+			});
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.renderFilteredItemsItem(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.removeAttribute("data-label");
+		else el.setAttribute("data-label", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.removeAttribute("data-value");
+		else el.firstElementChild.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.firstElementChild.removeAttribute("data-label");
+		else el.firstElementChild.setAttribute("data-label", String(__av));
+		el.firstElementChild.textContent = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-value");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-label");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-label", String(__av));
+		el.setAttribute("data-gea-item-id", item.id);
+		el.id = __c.__geaIdPfx + item.id;
+		el.__geaItem = item;
+		return el;
+	}
+	__observe_local_filteredItems(filteredItems, change) {
+		if (!this.__filteredItems_container) this.__filteredItems_container = document.getElementById(this.id + "-b1");
+		if (!this.__filteredItems_container) return;
+		if (Array.isArray(filteredItems) && filteredItems.length === 0 && this.__filteredItems_container.children.length > 0) {
+			this.__filteredItems_container.textContent = "";
+			return;
+		}
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__applyListChanges(this.__filteredItems_container, filteredItems, change, this.__filteredItemsListConfig);
+	}
+	__ensureArrayConfigs() {
+		if (!this.__filteredItemsListConfig) this.__filteredItemsListConfig = {
+			arrayPathParts: ["filteredItems"],
+			render: (item) => this.renderFilteredItemsItem(item),
+			create: (item) => this.createFilteredItemsItem(item),
+			propPatchers: {
+				"value": [
+					(row, value, item) => {
+						const __target = row;
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else __target.setAttribute("data-value", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.firstElementChild;
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else __target.setAttribute("data-value", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.firstElementChild.nextElementSibling;
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else __target.setAttribute("data-value", String(__attrValue));
+					},
+					(row, value) => row.classList.toggle("value", value),
+					(row, value) => row.classList.toggle("value", value),
+					(row, value) => row.classList.toggle("value", value)
+				],
+				"label": [
+					(row, value, item) => {
+						const __target = row;
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else __target.setAttribute("data-label", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.firstElementChild;
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else __target.setAttribute("data-label", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.firstElementChild;
+						if (!__target) return;
+						__target.firstChild && (__target.firstChild.nodeValue = `
+                    ${item.label}
+                  `) || (__target.textContent = `
+                    ${item.label}
+                  `);
+					},
+					(row, value, item) => {
+						const __target = row.firstElementChild.nextElementSibling;
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else __target.setAttribute("data-label", String(__attrValue));
+					},
+					(row, value) => row.classList.toggle("label", value),
+					(row, value) => row.classList.toggle("label", value),
+					(row, value) => row.classList.toggle("label", value)
+				]
+			}
+		};
+	}
+	__setupLocalStateObservers() {
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__observer_removers__.push(this.__store.observe(["filteredItems"], (__v, __c) => this.__observe_local_filteredItems(__v, __c)));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/dialog.tsx
+var Dialog = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.title;
+		this.__geaCond_1 = !!this.props.description;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.title;
+		}, () => {
+			this.props;
+			return `<h2 data-part="title" class="dialog-title text-lg font-semibold mb-2">${this.props.title}</h2>`;
+		}, null);
+		this.__geaRegisterCond(1, "c1", () => {
+			this.props;
+			return this.props.description;
+		}, () => {
+			this.props;
+			return `<p data-part="description" class="dialog-description text-sm text-gray-500 mb-4">${this.props.description}</p>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return dialog.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			modal: props.modal ?? true,
+			closeOnInteractOutside: props.closeOnInteractOutside ?? true,
+			closeOnEscape: props.closeOnEscape ?? true,
+			trapFocus: props.trapFocus ?? true,
+			preventScroll: props.preventScroll ?? true,
+			role: props.role ?? "dialog",
+			"aria-label": props["aria-label"],
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return dialog.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"backdrop\"]": "getBackdropProps",
+			"[data-part=\"positioner\"]": (api) => ({
+				...api.getPositionerProps(),
+				hidden: !api.open
+			}),
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"title\"]": "getTitleProps",
+			"[data-part=\"description\"]": "getDescriptionProps",
+			"[data-part=\"close-trigger\"]": (api) => {
+				const { id: _, ...props } = api.getCloseTriggerProps();
+				return {
+					...props,
+					onclick: (e) => {
+						if (e.defaultPrevented) return;
+						api.setOpen(false);
+					}
+				};
+			},
+			"[data-part=\"trigger\"]": (api) => {
+				const props = api.getTriggerProps();
+				const origOnClick = props.onclick;
+				const preventTriggerFocus = (e) => {
+					if ("button" in e && e.button !== 0) return;
+					e.preventDefault();
+				};
+				return {
+					...props,
+					onpointerdown: preventTriggerFocus,
+					onmousedown: preventTriggerFocus,
+					onclick: (e) => {
+						e.currentTarget?.blur();
+						origOnClick?.(e);
+					}
+				};
+			}
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		return `<div id="${this.id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><button id="${this.id + "-b1"}" data-part="trigger" class="dialog-trigger">${props.triggerLabel || "Open"}</button><div data-part="backdrop" class="dialog-backdrop fixed inset-0 bg-black/50 z-50" hidden></div><div data-part="positioner" class="dialog-positioner fixed inset-0 flex items-center justify-center z-50" hidden><div data-part="content" class="dialog-content bg-white rounded-lg shadow-xl p-6 w-full max-w-md mx-4"><!--${this.id + "-c0"}-->${props.title && `<h2 data-part="title" class="dialog-title text-lg font-semibold mb-2">${props.title}</h2>` || ""}<!--${this.id + "-c0-end"}--><!--${this.id + "-c1"}-->${props.description && `<p data-part="description" class="dialog-description text-sm text-gray-500 mb-4">${props.description}</p>` || ""}<!--${this.id + "-c1-end"}--><div id="${this.id + "-b2"}" class="dialog-body">${props.children}</div><button data-part="close-trigger" class="dialog-close-trigger absolute top-3 right-3 text-gray-400 hover:text-gray-600">✕</button></div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "triggerLabel") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.triggerLabel || "Open";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = document.getElementById(this.id + "-b2");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+		if (key === "title") this.__geaPatchCond(0);
+		if (key === "description") this.__geaPatchCond(1);
+	}
+};
+//#endregion
+//#region src/components/file-upload.tsx
+var FileUpload = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaCond_1 = !!(this.acceptedFiles.length > 0);
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="file-upload-label text-sm font-medium mb-2 block">${this.props.label}</label>`;
+		}, null);
+		this.__geaRegisterCond(1, "c1", () => {
+			this.props;
+			return this.acceptedFiles.length > 0;
+		}, () => {
+			this.props;
+			return `<div class="file-upload-file-list mt-3 space-y-1">${this.acceptedFiles.map((file) => this.renderAcceptedFilesItem(file)).join("")}<button data-part="clear-trigger" class="file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1">Clear all</button></div>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return fileUpload.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			accept: props.accept,
+			maxFiles: props.maxFiles,
+			maxFileSize: props.maxFileSize,
+			minFileSize: props.minFileSize,
+			multiple: props.multiple ?? false,
+			disabled: props.disabled,
+			allowDrop: props.allowDrop ?? true,
+			name: props.name,
+			onFileChange: (details) => {
+				this.acceptedFiles = details.acceptedFiles;
+				this.rejectedFiles = details.rejectedFiles;
+				props.onFileChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return fileUpload.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"dropzone\"]": "getDropzoneProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps",
+			"[data-part=\"clear-trigger\"]": "getClearTriggerProps"
+		};
+	}
+	syncState(api) {
+		this.acceptedFiles = api.acceptedFiles;
+		this.rejectedFiles = api.rejectedFiles;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="file-upload-label text-sm font-medium mb-2 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div data-part="dropzone" class="file-upload-dropzone flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 p-8 text-center hover:border-muted-foreground/50 transition-colors"><p class="text-sm text-muted-foreground mb-2">Drag and drop files here</p><button data-part="trigger" class="file-upload-trigger inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow hover:bg-primary/90">Choose Files</button></div><input data-part="hidden-input" type="file" class="sr-only" /><!--${this.id + "-c1"}-->${this.acceptedFiles.length > 0 && `<div class="file-upload-file-list mt-3 space-y-1">${this.acceptedFiles.map((file) => this.renderAcceptedFilesItem(file)).join("")}<button data-part="clear-trigger" class="file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1">Clear all</button></div>` || ""}<!--${this.id + "-c1-end"}--></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+		this.__geaPatchCond(1);
+	}
+	__observe_local_acceptedFiles(value, change) {
+		if (this.rendered_) {
+			this.__geaCondPatched_1 = this.__geaPatchCond(1);
+			if (this.__geaCondPatched_1) return;
+		}
+		if (!this.__acceptedFiles_container) this.__acceptedFiles_container = this.$(":scope");
+		if (!this.__acceptedFiles_container) return;
+		if (Array.isArray(value) && value.length === 0 && this.__acceptedFiles_container.children.length > 0) {
+			this.__acceptedFiles_container.textContent = "";
+			return;
+		}
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__applyListChanges(this.__acceptedFiles_container, value, change, this.__acceptedFilesListConfig);
+	}
+	renderAcceptedFilesItem(file) {
+		return `<div data-gea-item-id="${file.id}" class="flex items-center justify-between rounded-md border px-3 py-2 text-sm"><span>${file.name}</span></div>`;
+	}
+	createAcceptedFilesItem(item) {
+		var __c = this.__acceptedFiles_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.renderAcceptedFilesItem({
+				id: 0,
+				name: ""
+			});
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.renderAcceptedFilesItem(item);
+			var el = __fw.firstElementChild;
+		}
+		el.firstElementChild.textContent = `${item.name}`;
+		el.setAttribute("data-gea-item-id", item.id);
+		el.__geaItem = item;
+		return el;
+	}
+	__ensureArrayConfigs() {
+		if (!this.__acceptedFilesListConfig) this.__acceptedFilesListConfig = {
+			arrayPathParts: ["acceptedFiles"],
+			render: (item) => this.renderAcceptedFilesItem(item),
+			create: (item) => this.createAcceptedFilesItem(item),
+			propPatchers: { "name": [(row, value, item) => {
+				const __target = row.firstElementChild;
+				if (!__target) return;
+				__target.firstChild && (__target.firstChild.nodeValue = `${item.name}`) || (__target.textContent = `${item.name}`);
+			}] }
+		};
+	}
+	__setupLocalStateObservers() {
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__observer_removers__.push(this.__store.observe(["acceptedFiles"], (__v, __c) => this.__observe_local_acceptedFiles(__v, __c)));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/hover-card.tsx
+var HoverCard = class extends ZagComponent {
+	createMachine(_props) {
+		return hoverCard.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			openDelay: props.openDelay,
+			closeDelay: props.closeDelay,
+			positioning: props.positioning,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return hoverCard.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"arrow\"]": "getArrowProps",
+			"[data-part=\"arrow-tip\"]": "getArrowTipProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		return `<div id="${this.id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`} style="display: inline-block;"><a id="${this.id + "-b1"}" data-part="trigger"${(props.href || "#") == null || (props.href || "#") === false ? "" : ` href="${props.href || "#"}"`} class="hover-card-trigger inline-block">${props.triggerLabel || "Hover me"}</a><div data-part="positioner" class="hover-card-positioner"><div id="${this.id + "-b2"}" data-part="content" class="hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none">${props.children}</div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "href") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.href || "#";
+			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("href");
+			else __el.setAttribute("href", String(__boundValue));
+		} catch {}
+		if (key === "triggerLabel") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.triggerLabel || "Hover me";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = document.getElementById(this.id + "-b2");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/menu.tsx
+var Menu = class extends ZagComponent {
+	createMachine(_props) {
+		return menu.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			closeOnSelect: props.closeOnSelect ?? true,
+			loopFocus: props.loopFocus ?? false,
+			positioning: props.positioning,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			},
+			onSelect: props.onSelect
+		};
+	}
+	connectApi(service) {
+		return menu.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"separator\"]": "getSeparatorProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value }),
+			"[data-part=\"item-group\"]": (api, el) => api.getItemGroupProps({ id: el.dataset.groupId }),
+			"[data-part=\"item-group-label\"]": (api, el) => api.getItemGroupLabelProps({ htmlFor: el.dataset.htmlFor })
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		const items = props.items || [];
+		return `<div id="${this.id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><button id="${this.id + "-b1"}" data-part="trigger" class="menu-trigger inline-flex items-center justify-center gap-1 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-accent hover:text-accent-foreground">${props.triggerLabel || "Menu"}</button><div data-part="positioner" class="menu-positioner"><div id="${this.id + "-b2"}" data-part="content" class="menu-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md">${items.map((item) => item.type === "separator" ? `<div id="${this.id + "-b2-" + String(String(item))}" data-gea-item-id="${String(item)}" data-part="separator" class="menu-separator -mx-1 my-1 h-px bg-muted"></div>` : `<div data-part="item"${item.value == null ? "" : ` data-value="${item.value}"`} class="menu-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50">${item.label}</div>`).join("") + "<!---->"}</div></div></div>`;
+	}
+	render__unresolved_0Item(item) {
+		return `<div id="${this.id + "-b2-" + String(String(item))}" data-gea-item-id="${String(item)}" data-part="separator" class="menu-separator -mx-1 my-1 h-px bg-muted"></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "triggerLabel") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.triggerLabel || "Menu";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b2"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/number-input.tsx
+var NumberInput = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="number-input-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return numberInput.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			min: props.min,
+			max: props.max,
+			step: props.step ?? 1,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			invalid: props.invalid,
+			required: props.required,
+			name: props.name,
+			form: props.form,
+			allowMouseWheel: props.allowMouseWheel,
+			clampValueOnBlur: props.clampValueOnBlur ?? true,
+			formatOptions: props.formatOptions,
+			locale: props.locale,
+			onValueChange: (details) => {
+				this.value = details.value;
+				this.valueAsNumber = details.valueAsNumber;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return numberInput.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"input\"]": "getInputProps",
+			"[data-part=\"increment-trigger\"]": "getIncrementTriggerProps",
+			"[data-part=\"decrement-trigger\"]": "getDecrementTriggerProps",
+			"[data-part=\"scrubber\"]": "getScrubberProps"
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+		this.valueAsNumber = api.valueAsNumber;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="number-input-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div data-part="control" class="number-input-control flex"><button data-part="decrement-trigger" class="number-input-decrement inline-flex h-9 items-center justify-center rounded-l-md border border-r-0 border-input px-2 hover:bg-accent">−</button><input data-part="input" class="number-input-input h-9 w-full border border-input bg-transparent px-3 text-center text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" /><button data-part="increment-trigger" class="number-input-increment inline-flex h-9 items-center justify-center rounded-r-md border border-l-0 border-input px-2 hover:bg-accent">+</button></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+};
+//#endregion
+//#region src/components/pagination.tsx
+var Pagination = class extends ZagComponent {
+	constructor(..._args) {
+		super(..._args);
+		this.page = 1;
+		this.totalPages = 1;
+	}
+	createMachine(_props) {
+		return pagination.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			count: props.count ?? 0,
+			page: props.page,
+			defaultPage: props.defaultPage ?? 1,
+			pageSize: props.pageSize,
+			defaultPageSize: props.defaultPageSize ?? 10,
+			siblingCount: props.siblingCount ?? 1,
+			type: props.type ?? "button",
+			onPageChange: (details) => {
+				this.page = details.page;
+				props.onPageChange?.(details);
+			},
+			onPageSizeChange: props.onPageSizeChange
+		};
+	}
+	connectApi(service) {
+		return pagination.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"prev-trigger\"]": "getPrevTriggerProps",
+			"[data-part=\"next-trigger\"]": "getNextTriggerProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const value = parseInt(el.dataset.value || "1", 10);
+				return api.getItemProps({
+					type: "page",
+					value
+				});
+			},
+			"[data-part=\"ellipsis\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getEllipsisProps({ index });
+			}
+		};
+	}
+	syncState(api) {
+		this.page = api.page;
+		this.totalPages = api.totalPages;
+	}
+	template(props) {
+		return `<nav id="${this.id}" data-part="root"${`pagination-root ${props.class || ""}` == null ? "" : ` class="${`pagination-root ${props.class || ""}`.trim()}"`}><div class="flex items-center gap-1"><button data-part="prev-trigger" class="pagination-prev inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50">‹ Prev</button><button data-part="next-trigger" class="pagination-next inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50">Next ›</button></div></nav>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = `pagination-root ${this.props.class || ""}`;
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/pin-input.tsx
+var PinInput = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="pin-input-label text-sm font-medium mb-2 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return pinInput.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			count: props.count ?? 4,
+			type: props.type ?? "numeric",
+			otp: props.otp ?? false,
+			mask: props.mask ?? false,
+			placeholder: props.placeholder ?? "○",
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			invalid: props.invalid,
+			name: props.name,
+			form: props.form,
+			blurOnComplete: props.blurOnComplete ?? false,
+			autoFocus: props.autoFocus,
+			onValueChange: (details) => {
+				this.value = details.value;
+				this.valueAsString = details.valueAsString;
+				props.onValueChange?.(details);
+			},
+			onValueComplete: props.onValueComplete,
+			onValueInvalid: props.onValueInvalid
+		};
+	}
+	connectApi(service) {
+		return pinInput.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps",
+			"[data-part=\"input\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getInputProps({ index });
+			}
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+		this.valueAsString = api.valueAsString;
+	}
+	template(props) {
+		const count = props.count ?? 4;
+		const inputs = Array.from({ length: count }, (_, i) => i);
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="pin-input-label text-sm font-medium mb-2 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div id="${this.id + "-b1"}" data-part="control" class="pin-input-control flex gap-2">${inputs.map((i) => `<input id="${this.id + "-b1-" + String(String(i))}" data-gea-item-id="${String(i)}" data-part="input"${String(i) == null ? "" : ` data-index="${String(i)}"`} class="pin-input-field h-9 w-9 rounded-md border border-input bg-transparent text-center text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" />`).join("") + "<!---->"}</div><input data-part="hidden-input" type="hidden" /></div>`;
+	}
+	render__unresolved_0Item(i) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<input id="${this.id + "-b1-" + String(String(i))}" data-gea-item-id="${String(i)}" data-part="input"${__v(String(i)) == __v(null) ? "" : ` data-index="${String(i)}"`} class="pin-input-field h-9 w-9 rounded-md border border-input bg-transparent text-center text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" />`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = String(item);
+		if (__av == null || __av === false) el.removeAttribute("data-index");
+		else el.setAttribute("data-index", String(__av));
+		el.setAttribute("data-gea-item-id", String(item));
+		el.id = __c.__geaIdPfx + String(item);
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+		if (key === "count") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+			const count = this.props.count ?? 4;
+			return Array.from({ length: count }, (_, i) => i);
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/popover.tsx
+var Popover = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.title;
+		this.__geaCond_1 = !!this.props.description;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.title;
+		}, () => {
+			this.props;
+			return `<div data-part="title" class="popover-title font-medium leading-none mb-2">${this.props.title}</div>`;
+		}, null);
+		this.__geaRegisterCond(1, "c1", () => {
+			this.props;
+			return this.props.description;
+		}, () => {
+			this.props;
+			return `<p data-part="description" class="popover-description text-sm text-muted-foreground mb-3">${this.props.description}</p>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return popover.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			modal: props.modal ?? false,
+			portalled: props.portalled ?? true,
+			autoFocus: props.autoFocus ?? true,
+			closeOnInteractOutside: props.closeOnInteractOutside ?? true,
+			closeOnEscape: props.closeOnEscape ?? true,
+			positioning: props.positioning,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return popover.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"title\"]": "getTitleProps",
+			"[data-part=\"description\"]": "getDescriptionProps",
+			"[data-part=\"close-trigger\"]": "getCloseTriggerProps",
+			"[data-part=\"arrow\"]": "getArrowProps",
+			"[data-part=\"arrow-tip\"]": "getArrowTipProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		return `<div id="${this.id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><button id="${this.id + "-b1"}" data-part="trigger" class="popover-trigger">${props.triggerLabel || "Open"}</button><div data-part="positioner" class="popover-positioner"><div data-part="content" class="popover-content z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none"><!--${this.id + "-c0"}-->${props.title && `<div data-part="title" class="popover-title font-medium leading-none mb-2">${props.title}</div>` || ""}<!--${this.id + "-c0-end"}--><!--${this.id + "-c1"}-->${props.description && `<p data-part="description" class="popover-description text-sm text-muted-foreground mb-3">${props.description}</p>` || ""}<!--${this.id + "-c1-end"}--><div id="${this.id + "-b2"}" class="popover-body">${props.children}</div><button data-part="close-trigger" class="popover-close-trigger absolute top-2 right-2 text-gray-400 hover:text-gray-600 text-sm">✕</button></div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "triggerLabel") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.props.triggerLabel || "Open";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = document.getElementById(this.id + "-b2");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+		if (key === "title") this.__geaPatchCond(0);
+		if (key === "description") this.__geaPatchCond(1);
+	}
+};
+//#endregion
+//#region src/components/progress.tsx
+var Progress = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.percent = 0;
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="progress-label text-sm font-medium">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return progress.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue ?? 0,
+			min: props.min ?? 0,
+			max: props.max ?? 100,
+			orientation: props.orientation,
+			onValueChange: props.onValueChange
+		};
+	}
+	connectApi(service) {
+		return progress.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"track\"]": "getTrackProps",
+			"[data-part=\"range\"]": "getRangeProps",
+			"[data-part=\"value-text\"]": "getValueTextProps"
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+		this.percent = api.percent;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><div class="flex justify-between mb-1"><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="progress-label text-sm font-medium">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><span id="${this.id + "-b1"}" data-part="value-text" class="progress-value-text text-sm text-muted-foreground">${this.percent}%</span></div><div data-part="track" class="progress-track relative h-2 w-full overflow-hidden rounded-full bg-primary/20"><div id="${this.id + "-b2"}" data-part="range" class="progress-range h-full w-full flex-1 bg-primary transition-all"${`width: ${this.percent}%` == null ? "" : ` style="${`width: ${this.percent}%`}"`}></div></div></div>`;
+	}
+	__observe_local_percent(percent, change) {
+		if (document.getElementById(this.id + "-b1")) document.getElementById(this.id + "-b1").textContent = `${this.percent}%`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+	__setupLocalStateObservers() {
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__observer_removers__.push(this.__store.observe(["percent"], (__v, __c) => this.__observe_local_percent(__v, __c)));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/radio-group.tsx
+var RadioGroup = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${this.props.label}</span>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return radioGroup.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			name: props.name,
+			form: props.form,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			orientation: props.orientation ?? "vertical",
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return radioGroup.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"indicator\"]": "getIndicatorProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value }),
+			"[data-part=\"item-text\"]": (api, el) => api.getItemTextProps({ value: el.dataset.value }),
+			"[data-part=\"item-control\"]": (api, el) => api.getItemControlProps({ value: el.dataset.value }),
+			"[data-part=\"item-hidden-input\"]": (api, el) => api.getItemHiddenInputProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		const items = props.items || [];
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${props.label}</span>` || ""}<!--${this.id + "-c0-end"}--><div data-part="indicator" class="radio-group-indicator"></div>${items.map((item) => `<label data-gea-item-id="${String(item)}" data-part="item"${item.value == null ? "" : ` data-value="${item.value}"`} class="radio-group-item flex items-center gap-2 cursor-pointer py-1"><div data-part="item-control"${item.value == null ? "" : ` data-value="${item.value}"`} class="radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center"><span class="radio-dot"></span></div><input data-part="item-hidden-input"${item.value == null ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${item.value == null ? "" : ` data-value="${item.value}"`} class="radio-group-item-text text-sm">${item.label}</span></label>`).join("") + "<!---->"}</div>`;
+	}
+	render__unresolved_0Item(item) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<label data-gea-item-id="${String(item)}" data-part="item"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="radio-group-item flex items-center gap-2 cursor-pointer py-1"><div data-part="item-control"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center"><span class="radio-dot"></span></div><input data-part="item-hidden-input"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="radio-group-item-text text-sm">${item.label}</span></label>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.removeAttribute("data-value");
+		else el.firstElementChild.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-value");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.nextElementSibling.removeAttribute("data-value");
+		else el.firstElementChild.nextElementSibling.nextElementSibling.setAttribute("data-value", String(__av));
+		el.firstElementChild.nextElementSibling.nextElementSibling.textContent = `${item.label}`;
+		el.setAttribute("data-gea-item-id", String(item));
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/rating-group.tsx
+var RatingGroup = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return ratingGroup.machine;
+	}
+	getMachineProps(props) {
+		this._allowHalf = !!props.allowHalf;
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			count: props.count ?? 5,
+			allowHalf: !!props.allowHalf,
+			readOnly: props.readOnly,
+			disabled: props.disabled,
+			name: props.name,
+			form: props.form,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return ratingGroup.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const htmlEl = el;
+				const index = parseInt(htmlEl.dataset.index || "0", 10);
+				const props = api.getItemProps({ index });
+				if (this._allowHalf) props.onpointerdown = (e) => {
+					const rect = htmlEl.getBoundingClientRect();
+					const isLeftHalf = e.clientX - rect.left < rect.width / 2;
+					api.setValue(isLeftHalf ? index - .5 : index);
+				};
+				return props;
+			}
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	_applyAllSpreads() {
+		super._applyAllSpreads();
+		if (!this._api || !this.el) return;
+		const items = this.el.querySelectorAll("[data-part=\"item\"]");
+		for (let i = 0; i < items.length; i++) {
+			const el = items[i];
+			const index = parseInt(el.dataset.index || "0", 10);
+			if (this._api.getItemState({ index }).half) {
+				el.style.background = "linear-gradient(90deg, #facc15 50%, hsl(var(--muted-foreground)) 50%)";
+				el.style.backgroundClip = "text";
+				el.style.setProperty("-webkit-background-clip", "text");
+				el.style.setProperty("-webkit-text-fill-color", "transparent");
+			} else {
+				el.style.background = "";
+				el.style.backgroundClip = "";
+				el.style.setProperty("-webkit-background-clip", "");
+				el.style.setProperty("-webkit-text-fill-color", "");
+			}
+		}
+	}
+	template(props) {
+		const count = props.count ?? 5;
+		const items = Array.from({ length: count }, (_, i) => i + 1);
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div id="${this.id + "-b1"}" data-part="control" class="rating-group-control flex gap-0.5">${items.map((i) => `<span id="${this.id + "-b1-" + String(String(i))}" data-gea-item-id="${String(i)}" data-part="item"${String(i) == null ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1;">★</span>`).join("") + "<!---->"}</div><input data-part="hidden-input" type="hidden" /></div>`;
+	}
+	render__unresolved_0Item(i) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<span id="${this.id + "-b1-" + String(String(i))}" data-gea-item-id="${String(i)}" data-part="item"${__v(String(i)) == __v(null) ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1;">★</span>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = String(item);
+		if (__av == null || __av === false) el.removeAttribute("data-index");
+		else el.setAttribute("data-index", String(__av));
+		el.setAttribute("data-gea-item-id", String(item));
+		el.id = __c.__geaIdPfx + String(item);
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+		if (key === "count") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+			const count = this.props.count ?? 5;
+			return Array.from({ length: count }, (_, i) => i + 1);
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/select.tsx
+var Select = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return select.machine;
+	}
+	getMachineProps(props) {
+		const items = props.items || [];
+		const col = props.collection || select.collection({
+			items,
+			itemToValue: (item) => item.value,
+			itemToString: (item) => item.label || item.value
+		});
+		return {
+			id: this.id,
+			collection: col,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			multiple: props.multiple,
+			disabled: props.disabled,
+			invalid: props.invalid,
+			readOnly: props.readOnly,
+			required: props.required,
+			name: props.name,
+			form: props.form,
+			closeOnSelect: props.closeOnSelect ?? true,
+			positioning: props.positioning,
+			loopFocus: props.loopFocus ?? false,
+			onValueChange: (details) => {
+				this.value = details.value;
+				this.valueAsString = details.items.map((i) => i.label || i.value).join(", ");
+				props.onValueChange?.(details);
+			},
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return select.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"indicator\"]": "getIndicatorProps",
+			"[data-part=\"clear-trigger\"]": "getClearTriggerProps",
+			"[data-part=\"value-text\"]": "getValueTextProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"list\"]": "getListProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-text\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemTextProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-indicator\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemIndicatorProps({ item: {
+					value,
+					label
+				} });
+			}
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+		this.value = api.value;
+		this.valueAsString = api.valueAsString;
+	}
+	template(props) {
+		const items = props.items || [];
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div data-part="control" class="select-control"><button data-part="trigger" class="select-trigger flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span id="${this.id + "-b1"}" data-part="value-text" class="select-value-text">${this.valueAsString || props.placeholder || "Select..."}</span><span data-part="indicator" class="select-indicator">▼</span></button></div><div data-part="positioner" class="select-positioner"><div data-part="content" class="select-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md"><div id="${this.id + "-b2"}" data-part="list">${items.map((item) => `<div id="${this.id + "-b2-" + String(String(item))}" data-gea-item-id="${String(item)}" data-part="item"${item.value == null ? "" : ` data-value="${item.value}"`}${item.label == null ? "" : ` data-label="${item.label}"`} class="select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"><span data-part="item-text"${item.value == null ? "" : ` data-value="${item.value}"`}${item.label == null ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${item.value == null ? "" : ` data-value="${item.value}"`}${item.label == null ? "" : ` data-label="${item.label}"`} class="select-item-indicator ml-auto">✓</span></div>`).join("") + "<!---->"}</div></div></div></div>`;
+	}
+	render__unresolved_0Item(item) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<div id="${this.id + "-b2-" + String(String(item))}" data-gea-item-id="${String(item)}" data-part="item"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`}${__v(item.label) == __v(null) ? "" : ` data-label="${item.label}"`} class="select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"><span data-part="item-text"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`}${__v(item.label) == __v(null) ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`}${__v(item.label) == __v(null) ? "" : ` data-label="${item.label}"`} class="select-item-indicator ml-auto">✓</span></div>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b2-";
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.removeAttribute("data-label");
+		else el.setAttribute("data-label", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.removeAttribute("data-value");
+		else el.firstElementChild.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.firstElementChild.removeAttribute("data-label");
+		else el.firstElementChild.setAttribute("data-label", String(__av));
+		el.firstElementChild.textContent = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-value");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-label");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-label", String(__av));
+		el.setAttribute("data-gea-item-id", String(item));
+		el.id = __c.__geaIdPfx + String(item);
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "placeholder") try {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.valueAsString || this.props.placeholder || "Select...";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_valueAsString(value, change) {
+		if (this.rendered_) {
+			const __el = document.getElementById(this.id + "-b1");
+			this.props;
+			const __boundValue = this.valueAsString || this.props.placeholder || "Select...";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		}
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b2"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+	__setupLocalStateObservers() {
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__observer_removers__.push(this.__store.observe(["valueAsString"], (__v, __c) => this.__observe_local_valueAsString(__v, __c)));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/slider.tsx
+const THUMB_CLASS = "slider-thumb block h-5 w-5 rounded-full border-2 border-primary bg-background shadow ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+var Slider = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<div class="flex justify-between mb-2"><label data-part="label" class="slider-label text-sm font-medium">${this.props.label}</label></div>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return slider.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue ?? [50],
+			min: props.min ?? 0,
+			max: props.max ?? 100,
+			step: props.step ?? 1,
+			orientation: props.orientation ?? "horizontal",
+			thumbAlignment: props.thumbAlignment ?? "center",
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			name: props.name,
+			"aria-label": props["aria-label"],
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			},
+			onValueChangeEnd: props.onValueChangeEnd
+		};
+	}
+	connectApi(service) {
+		return slider.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"track\"]": "getTrackProps",
+			"[data-part=\"range\"]": "getRangeProps",
+			"[data-part=\"thumb\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getThumbProps({ index });
+			},
+			"[data-part=\"hidden-input\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getHiddenInputProps({ index });
+			}
+		};
+	}
+	_syncThumbs() {
+		if (!this._api || !this.el) return;
+		const control = this.el.querySelector("[data-part=\"control\"]");
+		if (!control) return;
+		const thumbCount = this._api.value.length;
+		const existing = control.querySelectorAll(":scope > [data-part=\"thumb\"]");
+		if (existing.length === thumbCount) return;
+		if (existing.length < thumbCount) for (let i = existing.length; i < thumbCount; i++) {
+			const thumb = document.createElement("div");
+			thumb.setAttribute("data-part", "thumb");
+			thumb.setAttribute("data-index", String(i));
+			thumb.className = THUMB_CLASS;
+			const input = document.createElement("input");
+			input.setAttribute("data-part", "hidden-input");
+			input.setAttribute("data-index", String(i));
+			input.type = "hidden";
+			thumb.appendChild(input);
+			control.appendChild(thumb);
+		}
+		else for (let i = existing.length - 1; i >= thumbCount; i--) existing[i].remove();
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	_applyAllSpreads() {
+		this._syncThumbs();
+		super._applyAllSpreads();
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${"w-full " + (props.class || "") == null ? "" : ` class="${("w-full " + (props.class || "")).trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<div class="flex justify-between mb-2"><label data-part="label" class="slider-label text-sm font-medium">${props.label}</label></div>` || ""}<!--${this.id + "-c0-end"}--><div data-part="control" class="slider-control relative flex items-center"><div data-part="track" class="slider-track relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20"><div data-part="range" class="slider-range absolute h-full bg-primary"></div></div><div data-part="thumb" data-index="0"${THUMB_CLASS == null ? "" : ` class="${THUMB_CLASS.trim()}"`}><input data-part="hidden-input" data-index="0" type="hidden" /></div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = "w-full " + (this.props.class || "");
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+};
+//#endregion
+//#region src/components/switch.tsx
+var Switch = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.checked = false;
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<span data-part="label" class="switch-label text-sm font-medium">${this.props.label}</span>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return switchMachine.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			checked: props.checked,
+			defaultChecked: props.defaultChecked,
+			disabled: props.disabled,
+			invalid: props.invalid,
+			required: props.required,
+			readOnly: props.readOnly,
+			name: props.name,
+			form: props.form,
+			value: props.value ?? "on",
+			onCheckedChange: (details) => {
+				this.checked = details.checked;
+				props.onCheckedChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return switchMachine.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"thumb\"]": "getThumbProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps"
+		};
+	}
+	syncState(api) {
+		this.checked = api.checked;
+	}
+	template(props) {
+		return `<label id="${this.id}" data-part="root"${`switch-root inline-flex items-center gap-2 cursor-pointer ${props.class || ""}` == null ? "" : ` class="${`switch-root inline-flex items-center gap-2 cursor-pointer ${props.class || ""}`.trim()}"`}><input data-part="hidden-input" type="checkbox" /><span data-part="control" class="switch-control inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"><span data-part="thumb" class="switch-thumb pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"></span></span><!--${this.id + "-c0"}-->${props.label && `<span data-part="label" class="switch-label text-sm font-medium">${props.label}</span>` || ""}<!--${this.id + "-c0-end"}--></label>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = `switch-root inline-flex items-center gap-2 cursor-pointer ${this.props.class || ""}`;
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+};
+//#endregion
+//#region src/components/tabs.tsx
+var Tabs = class extends ZagComponent {
+	createMachine(_props) {
+		return tabs.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			orientation: props.orientation ?? "horizontal",
+			activationMode: props.activationMode ?? "automatic",
+			loopFocus: props.loopFocus ?? true,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			},
+			onFocusChange: props.onFocusChange
+		};
+	}
+	connectApi(service) {
+		return tabs.connect(service, normalizeProps);
+	}
+	_syncMachineProps() {
+		super._syncMachineProps();
+		if (this._machine && this.rendered_) this._machine.service.send({ type: "SET_INDICATOR_RECT" });
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"list\"]": "getListProps",
+			"[data-part=\"indicator\"]": (api) => {
+				const props = api.getIndicatorProps();
+				props.style = (props.style || "") + "bottom:0;width:var(--width);height:2px;";
+				return props;
+			},
+			"[data-part=\"trigger\"]": (api, el) => api.getTriggerProps({ value: el.dataset.value }),
+			"[data-part=\"content\"]": (api, el) => api.getContentProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	onAfterRender() {
+		super.onAfterRender();
+		if (this._api?.value && this._machine) this._machine.service.send({ type: "SET_INDICATOR_RECT" });
+	}
+	template(props) {
+		const items = props.items || [];
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><div id="${this.id + "-b1"}" data-part="list" class="tabs-list relative flex border-b border-gray-200 dark:border-gray-700">${items.map((item) => `<button id="${this.id + "-b1-" + String(String(item))}" data-gea-item-id="${String(item)}" data-part="trigger"${item.value == null ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`).join("") + "<!---->"}<div data-part="indicator" class="tabs-indicator bg-blue-600 dark:bg-blue-400"></div></div>${items.map((item) => `<div id="${this.id + "-b1-" + String(String(item))}" data-gea-item-id="${String(item)}" data-part="content"${item.value == null ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`).join("") + "<!---->"}</div>`;
+	}
+	render__unresolved_0Item(item) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<div data-gea-item-id="${String(item)}" data-part="content"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		el.textContent = `
+            ${item.content}
+          `;
+		el.setAttribute("data-gea-item-id", String(item));
+		el.__geaItem = item;
+		return el;
+	}
+	render__unresolved_1Item(item) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<button id="${this.id + "-b1-" + String(String(item))}" data-gea-item-id="${String(item)}" data-part="trigger"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`;
+	}
+	create__unresolved_1Item(item) {
+		var __c = this.____unresolved_1_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_1Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_1Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		el.textContent = `
+              ${item.label}
+            `;
+		el.setAttribute("data-gea-item-id", String(item));
+		el.id = __c.__geaIdPfx + String(item);
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "items") {
+			this.__geaSyncMap(0);
+			this.__geaSyncMap(1);
+		}
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+		this.__geaSyncMap(1);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item));
+		this.__geaRegisterMap(1, "____unresolved_1_container", () => document.getElementById(this.id + "-b1"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_1Item(__item));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/tags-input.tsx
+var TagsInput = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="tags-input-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return tagsInput.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			max: props.max,
+			maxLength: props.maxLength,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			invalid: props.invalid,
+			addOnPaste: props.addOnPaste ?? false,
+			editable: props.editable ?? true,
+			allowDuplicates: props.allowDuplicates ?? false,
+			name: props.name,
+			form: props.form,
+			placeholder: props.placeholder,
+			blurBehavior: props.blurBehavior,
+			delimiter: props.delimiter,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return tagsInput.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"input\"]": "getInputProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps",
+			"[data-part=\"clear-trigger\"]": "getClearTriggerProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const ds = el.dataset;
+				return api.getItemProps({
+					index: ds.index,
+					value: ds.value
+				});
+			},
+			"[data-part=\"item-preview\"]": (api, el) => {
+				const ds = el.dataset;
+				return api.getItemPreviewProps({
+					index: ds.index,
+					value: ds.value
+				});
+			},
+			"[data-part=\"item-text\"]": (api, el) => {
+				const ds = el.dataset;
+				return api.getItemTextProps({
+					index: ds.index,
+					value: ds.value
+				});
+			},
+			"[data-part=\"item-delete-trigger\"]": (api, el) => {
+				const ds = el.dataset;
+				return api.getItemDeleteTriggerProps({
+					index: ds.index,
+					value: ds.value
+				});
+			}
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="tags-input-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div id="${this.id + "-b1"}" data-part="control" class="tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-ring">${(this.value || []).map((tag, i) => `<span id="${this.id + "-b1-" + String(String(tag))}" data-gea-item-id="${String(tag)}" data-part="item"${String(i) == null ? "" : ` data-index="${String(i)}"`}${tag == null ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${String(i) == null ? "" : ` data-index="${String(i)}"`}${tag == null ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${String(i) == null ? "" : ` data-index="${String(i)}"`}${tag == null ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${String(i) == null ? "" : ` data-index="${String(i)}"`}${tag == null ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`).join("") + "<!---->"}<input data-part="input" class="tags-input-input flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground min-w-[60px]" /></div><input data-part="hidden-input" type="hidden" /></div>`;
+	}
+	render__unresolved_0Item(tag, i) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<span id="${this.id + "-b1-" + String(String(tag))}" data-gea-item-id="${String(tag)}" data-part="item"${__v(String(i)) == __v(null) ? "" : ` data-index="${String(i)}"`}${__v(tag) == __v(null) ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${__v(String(i)) == __v(null) ? "" : ` data-index="${String(i)}"`}${__v(tag) == __v(null) ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${__v(String(i)) == __v(null) ? "" : ` data-index="${String(i)}"`}${__v(tag) == __v(null) ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${__v(String(i)) == __v(null) ? "" : ` data-index="${String(i)}"`}${__v(tag) == __v(null) ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`;
+	}
+	create__unresolved_0Item(item, __idx) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__", 0);
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item, __idx);
+			var el = __fw.firstElementChild;
+		}
+		var __av = String(__idx);
+		if (__av == null || __av === false) el.removeAttribute("data-index");
+		else el.setAttribute("data-index", String(__av));
+		var __av = item;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		var __av = String(__idx);
+		if (__av == null || __av === false) el.firstElementChild.removeAttribute("data-index");
+		else el.firstElementChild.setAttribute("data-index", String(__av));
+		var __av = item;
+		if (__av == null || __av === false) el.firstElementChild.removeAttribute("data-value");
+		else el.firstElementChild.setAttribute("data-value", String(__av));
+		var __av = String(__idx);
+		if (__av == null || __av === false) el.firstElementChild.firstElementChild.removeAttribute("data-index");
+		else el.firstElementChild.firstElementChild.setAttribute("data-index", String(__av));
+		var __av = item;
+		if (__av == null || __av === false) el.firstElementChild.firstElementChild.removeAttribute("data-value");
+		else el.firstElementChild.firstElementChild.setAttribute("data-value", String(__av));
+		el.firstElementChild.firstElementChild.textContent = `
+                  ${item}
+                `;
+		var __av = String(__idx);
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-index");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-index", String(__av));
+		var __av = item;
+		if (__av == null || __av === false) el.firstElementChild.nextElementSibling.removeAttribute("data-value");
+		else el.firstElementChild.nextElementSibling.setAttribute("data-value", String(__av));
+		el.setAttribute("data-gea-item-id", String(item));
+		el.id = __c.__geaIdPfx + String(item);
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+	__observe_local_value(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+			return this.value || [];
+		}, (__item, __idx) => this.create__unresolved_0Item(__item, __idx));
+	}
+	__setupLocalStateObservers() {
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__observer_removers__.push(this.__store.observe(["value"], (__v, __c) => this.__observe_local_value(__v, __c)));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/toast.tsx
+function stripStyle(props) {
+	const { style: _style, ...rest } = props;
+	return rest;
+}
+let _store = null;
+function getStore(props) {
+	if (!_store) _store = toast.createStore({
+		placement: "bottom-end",
+		duration: 5e3,
+		removeDelay: 200,
+		max: 5,
+		...props
+	});
+	return _store;
+}
+var ToastStore = class {
+	static {
+		this.getStore = getStore;
+	}
+	static create(options) {
+		return getStore().create(options);
+	}
+	static success(options) {
+		return getStore().create({
+			...options,
+			type: "success"
+		});
+	}
+	static error(options) {
+		return getStore().create({
+			...options,
+			type: "error"
+		});
+	}
+	static info(options) {
+		return getStore().create({
+			...options,
+			type: "info"
+		});
+	}
+	static loading(options) {
+		return getStore().create({
+			...options,
+			type: "loading"
+		});
+	}
+	static dismiss(id) {
+		if (id) getStore().dismiss(id);
+		else getStore().dismiss();
+	}
+};
+var Toaster = class extends Component {
+	created(props) {
+		this._toastMachines = /* @__PURE__ */ new Map();
+		this._spreadCleanups = /* @__PURE__ */ new Map();
+		this._currentToasts = [];
+		const store = getStore(props.storeProps);
+		this._machine = new VanillaMachine(toast.group.machine, { store });
+		this._machine.start();
+		this._api = toast.group.connect(this._machine.service, normalizeProps);
+		this._machine.subscribe(() => {
+			if (!this._machine) return;
+			this._api = toast.group.connect(this._machine.service, normalizeProps);
+			const nextToasts = this._api.getToasts();
+			this._syncToastDOM(nextToasts);
+			this._currentToasts = nextToasts;
+			this._syncToastMachines();
+			queueMicrotask(() => this._applyGroupSpreads());
+		});
+	}
+	_createToastElement(t) {
+		const div = document.createElement("div");
+		div.setAttribute("data-part", "toast-root");
+		div.setAttribute("data-toast-id", t.id);
+		div.className = "toast-root group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 shadow-lg transition-all bg-background text-foreground";
+		let inner = "<div class=\"grid gap-1\">";
+		if (t.title) inner += `<div data-part="title" class="toast-title text-sm font-semibold">${t.title}</div>`;
+		if (t.description) inner += `<div data-part="description" class="toast-description text-sm opacity-90">${t.description}</div>`;
+		inner += "</div>";
+		inner += "<button data-part=\"close-trigger\" class=\"toast-close-trigger text-foreground/50 hover:text-foreground\">&#x2715;</button>";
+		div.innerHTML = inner;
+		return div;
+	}
+	_syncToastDOM(nextToasts) {
+		const container = this.el;
+		if (!container) return;
+		const currentIds = new Set(this._currentToasts.map((t) => t.id));
+		const nextIds = new Set(nextToasts.map((t) => t.id));
+		for (const id of currentIds) if (!nextIds.has(id)) {
+			const el = container.querySelector(`[data-toast-id="${id}"]`);
+			if (el) {
+				const cleanups = this._spreadCleanups.get(id);
+				if (cleanups) cleanups.forEach((fn) => fn());
+				this._spreadCleanups.delete(id);
+				el.remove();
+			}
+		}
+		for (const t of nextToasts) if (!currentIds.has(t.id)) {
+			const el = this._createToastElement(t);
+			container.appendChild(el);
+		}
+	}
+	_syncToastMachines() {
+		if (!this._machine) return;
+		const currentIds = new Set(this._currentToasts.map((t) => t.id));
+		for (const [id, machine] of this._toastMachines) if (!currentIds.has(id)) {
+			machine.stop();
+			this._toastMachines.delete(id);
+		}
+		for (let i = 0; i < this._currentToasts.length; i++) {
+			const t = this._currentToasts[i];
+			if (!this._toastMachines.has(t.id)) {
+				const toastMachine = new VanillaMachine(toast.machine, {
+					...t,
+					parent: this._machine.service,
+					index: i,
+					stacked: true,
+					removeDelay: t.removeDelay ?? 200
+				});
+				toastMachine.start();
+				this._toastMachines.set(t.id, toastMachine);
+				toastMachine.subscribe(() => {
+					queueMicrotask(() => this._applyGroupSpreads());
+				});
+			}
+		}
+	}
+	_applyGroupSpreads() {
+		if (!this.rendered_ || !this._api) return;
+		const groupEl = this.el;
+		if (groupEl) spreadProps(groupEl, stripStyle(this._api.getGroupProps()));
+		const toastEls = this.$$("[data-toast-id]");
+		for (const el of toastEls) {
+			const toastId = el.dataset.toastId;
+			if (!toastId) continue;
+			const toastMachine = this._toastMachines.get(toastId);
+			if (!toastMachine) continue;
+			const api = toast.connect(toastMachine.service, normalizeProps);
+			const prevCleanups = this._spreadCleanups.get(toastId);
+			if (prevCleanups) prevCleanups.forEach((fn) => fn());
+			const cleanups = [];
+			const rootProps = stripStyle(api.getRootProps());
+			delete rootProps["data-part"];
+			cleanups.push(spreadProps(el, rootProps));
+			const title = el.querySelector("[data-part=\"title\"]");
+			if (title) cleanups.push(spreadProps(title, api.getTitleProps()));
+			const desc = el.querySelector("[data-part=\"description\"]");
+			if (desc) cleanups.push(spreadProps(desc, api.getDescriptionProps()));
+			const close = el.querySelector("[data-part=\"close-trigger\"]");
+			if (close) cleanups.push(spreadProps(close, api.getCloseTriggerProps()));
+			const action = el.querySelector("[data-part=\"action-trigger\"]");
+			if (action) cleanups.push(spreadProps(action, api.getActionTriggerProps()));
+			this._spreadCleanups.set(toastId, cleanups);
+		}
+	}
+	onAfterRender() {
+		this._applyGroupSpreads();
+	}
+	dispose() {
+		for (const cleanups of this._spreadCleanups.values()) cleanups.forEach((fn) => fn());
+		this._spreadCleanups.clear();
+		for (const machine of this._toastMachines.values()) machine.stop();
+		this._toastMachines.clear();
+		if (this._machine) {
+			this._machine.stop();
+			this._machine = null;
+		}
+		this._api = null;
+		super.dispose();
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="group"${`toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || "bottom-0 right-0"}` == null ? "" : ` class="${`toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || "bottom-0 right-0"}`.trim()}"`}></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = `toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${this.props.class || "bottom-0 right-0"}`;
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/toggle-group.tsx
+var ToggleGroup = class extends ZagComponent {
+	createMachine(_props) {
+		return toggleGroup.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			multiple: props.multiple ?? false,
+			disabled: props.disabled,
+			orientation: props.orientation ?? "horizontal",
+			loopFocus: props.loopFocus ?? true,
+			rovingFocus: props.rovingFocus ?? true,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return toggleGroup.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		const items = props.items || [];
+		return `<div id="${this.id}" data-part="root"${`toggle-group-root inline-flex rounded-md border ${props.class || ""}` == null ? "" : ` class="${`toggle-group-root inline-flex rounded-md border ${props.class || ""}`.trim()}"`}>${items.map((item) => `<button data-gea-item-id="${String(item)}" data-part="item"${item.value == null ? "" : ` data-value="${item.value}"`} class="toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground">${item.label}</button>`).join("") + "<!---->"}</div>`;
+	}
+	render__unresolved_0Item(item) {
+		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+		return `<button data-gea-item-id="${String(item)}" data-part="item"${__v(item.value) == __v(null) ? "" : ` data-value="${item.value}"`} class="toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground">${item.label}</button>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = __c.cloneNode(false);
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.firstElementChild;
+		} catch {}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = __c.cloneNode(false);
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		el.textContent = `
+            ${item.label}
+          `;
+		el.setAttribute("data-gea-item-id", String(item));
+		el.__geaItem = item;
+		return el;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = `toggle-group-root inline-flex rounded-md border ${this.props.class || ""}`;
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		if (!this.__observer_removers__) this.__observer_removers__ = [];
+		if (!this.__stores) this.__stores = {};
+		this.__observer_removers__.forEach((fn) => fn());
+		this.__observer_removers__ = [];
+		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+	dispose() {
+		if (this.__observer_removers__) this.__observer_removers__.forEach((fn) => fn());
+		super.dispose();
+	}
+};
+//#endregion
+//#region src/components/tooltip.tsx
+var Tooltip = class extends ZagComponent {
+	createMachine(_props) {
+		return tooltip.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			openDelay: props.openDelay ?? 400,
+			closeDelay: props.closeDelay ?? 150,
+			closeOnPointerDown: props.closeOnPointerDown ?? true,
+			closeOnEscape: props.closeOnEscape ?? true,
+			closeOnScroll: props.closeOnScroll ?? true,
+			interactive: props.interactive ?? false,
+			disabled: props.disabled,
+			positioning: props.positioning,
+			"aria-label": props["aria-label"],
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return tooltip.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"arrow\"]": "getArrowProps",
+			"[data-part=\"arrow-tip\"]": "getArrowTipProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		return `<div id="${this.id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`} style="display: inline-block;"><div id="${this.id + "-b1"}" data-part="trigger" class="tooltip-trigger" style="display: inline-block;">${props.children}</div><div data-part="positioner" class="tooltip-positioner"><div id="${this.id + "-b2"}" data-part="content" class="tooltip-content z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md">${props.content}</div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = document.getElementById(this.id + "-b1");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+		if (key === "content") try {
+			const __el = document.getElementById(this.id + "-b2");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/tree-view.tsx
+var TreeView = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.selectedValue = [];
+		this.expandedValue = [];
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="tree-view-label text-sm font-medium mb-2 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return treeView.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			collection: props.collection,
+			selectedValue: props.selectedValue,
+			defaultSelectedValue: props.defaultSelectedValue,
+			expandedValue: props.expandedValue,
+			defaultExpandedValue: props.defaultExpandedValue,
+			selectionMode: props.selectionMode ?? "single",
+			expandOnClick: props.expandOnClick ?? true,
+			onSelectionChange: (details) => {
+				this.selectedValue = details.selectedValue;
+				props.onSelectionChange?.(details);
+			},
+			onExpandedChange: (details) => {
+				this.expandedValue = details.expandedValue;
+				props.onExpandedChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return treeView.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"tree\"]": "getTreeProps"
+		};
+	}
+	syncState(api) {
+		this.selectedValue = api.selectedValue;
+		this.expandedValue = api.expandedValue;
+	}
+	template(props) {
+		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c0"}-->${props.label && `<label data-part="label" class="tree-view-label text-sm font-medium mb-2 block">${props.label}</label>` || ""}<!--${this.id + "-c0-end"}--><div id="${this.id + "-b1"}" data-part="tree" class="tree-view-tree" role="tree">${props.children}</div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.class || "";
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = document.getElementById(this.id + "-b1");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+};
+//#endregion
+//#region src/components/button.tsx
+const variants$2 = {
+	default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+	destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+	outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+	secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+	ghost: "hover:bg-accent hover:text-accent-foreground",
+	link: "text-primary underline-offset-4 hover:underline"
+};
+const sizes = {
+	default: "h-9 px-4 py-2",
+	sm: "h-8 rounded-md px-3 text-xs",
+	lg: "h-10 rounded-md px-8",
+	icon: "h-9 w-9"
+};
+var Button = class extends Component {
+	template(props) {
+		const variant = variants$2[props.variant || "default"] || variants$2.default;
+		const size = sizes[props.size || "default"] || sizes.default;
+		return `<button id="${this.id}"${cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variant, size, props.class) == null ? "" : ` class="${cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variant, size, props.class).trim()}"`}${(props.type || "button") == null || (props.type || "button") === false ? "" : ` type="${props.type || "button"}"`}${props.disabled == null ? "" : ` disabled="${props.disabled}"`}>${props.children}</button>`;
+	}
+	get events() {
+		return { click: { [`#${this.id}`]: this.__event_click_0 } };
+	}
+	__event_click_0(e, targetComponent) {
+		(this.props.click || this.props.onClick)?.(e);
+	}
+	__onPropChange(key, value) {
+		if (key === "variant") try {
+			const __el = this.$(":scope");
+			const props = this.props;
+			const __boundValue = cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variants$2[props.variant || "default"] || variants$2.default, sizes[props.size || "default"] || sizes.default, this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "size") try {
+			const __el = this.$(":scope");
+			const props = this.props;
+			const __boundValue = cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variants$2[props.variant || "default"] || variants$2.default, sizes[props.size || "default"] || sizes.default, this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			const props = this.props;
+			const __boundValue = cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variants$2[props.variant || "default"] || variants$2.default, sizes[props.size || "default"] || sizes.default, this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "type") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.type || "button";
+			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("type");
+			else __el.setAttribute("type", String(__boundValue));
+		} catch {}
+		if (key === "disabled") try {
+			const __el = this.$(":scope");
+			if (__el) if (!value) __el.removeAttribute("disabled");
+			else __el.setAttribute("disabled", "");
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/card.tsx
+var Card = class extends Component {
+	template(props) {
+		return `<div id="${this.id}"${cn("rounded-xl border bg-card text-card-foreground shadow", props.class) == null ? "" : ` class="${cn("rounded-xl border bg-card text-card-foreground shadow", props.class).trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("rounded-xl border bg-card text-card-foreground shadow", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+var CardHeader = class extends Component {
+	template(props) {
+		return `<div id="${this.id}"${cn("flex flex-col space-y-1.5 p-6", props.class) == null ? "" : ` class="${cn("flex flex-col space-y-1.5 p-6", props.class).trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("flex flex-col space-y-1.5 p-6", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+var CardTitle = class extends Component {
+	template(props) {
+		return `<h3 id="${this.id}"${cn("font-semibold leading-none tracking-tight", props.class) == null ? "" : ` class="${cn("font-semibold leading-none tracking-tight", props.class).trim()}"`}>${props.children}</h3>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("font-semibold leading-none tracking-tight", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+var CardDescription = class extends Component {
+	template(props) {
+		return `<p id="${this.id}"${cn("text-sm text-muted-foreground", props.class) == null ? "" : ` class="${cn("text-sm text-muted-foreground", props.class).trim()}"`}>${props.children}</p>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("text-sm text-muted-foreground", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+var CardContent = class extends Component {
+	template(props) {
+		return `<div id="${this.id}"${cn("p-6 pt-0", props.class) == null ? "" : ` class="${cn("p-6 pt-0", props.class).trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("p-6 pt-0", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+var CardFooter = class extends Component {
+	template(props) {
+		return `<div id="${this.id}"${cn("flex items-center p-6 pt-0", props.class) == null ? "" : ` class="${cn("flex items-center p-6 pt-0", props.class).trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("flex items-center p-6 pt-0", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/input.tsx
+var Input = class extends Component {
+	template(props) {
+		return `<input id="${this.id}"${cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null ? "" : ` class="${cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class).trim()}"`}${(props.type || "text") == null || (props.type || "text") === false ? "" : ` type="${props.type || "text"}"`}${props.placeholder == null ? "" : ` placeholder="${props.placeholder}"`}${props.value == null ? "" : ` value="${props.value}"`}${props.disabled == null ? "" : ` disabled="${props.disabled}"`}${props.name == null ? "" : ` name="${props.name}"`}${props.inputId == null ? "" : ` id="${props.inputId}"`} />`;
+	}
+	get events() {
+		return { input: { [`#${this.id}`]: this.__event_input_0 } };
+	}
+	__event_input_0(e, targetComponent) {
+		this.props.onInput(e);
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "type") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.type || "text";
+			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("type");
+			else __el.setAttribute("type", String(__boundValue));
+		} catch {}
+		if (key === "placeholder") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("placeholder");
+			else __el.setAttribute("placeholder", String(value));
+		} catch {}
+		if (key === "value") try {
+			const __el = this.$(":scope");
+			if (__el) __el.value = value === null || value === void 0 ? "" : String(value);
+		} catch {}
+		if (key === "disabled") try {
+			const __el = this.$(":scope");
+			if (__el) if (!value) __el.removeAttribute("disabled");
+			else __el.setAttribute("disabled", "");
+		} catch {}
+		if (key === "name") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("name");
+			else __el.setAttribute("name", String(value));
+		} catch {}
+		if (key === "inputId") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("id");
+			else __el.setAttribute("id", String(value));
+		} catch {}
+		if (key === "onInput") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("onInput");
+			else __el.setAttribute("onInput", String(value));
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/textarea.tsx
+var Textarea = class extends Component {
+	template(props) {
+		return `<textarea id="${this.id}"${cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null ? "" : ` class="${cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class).trim()}"`}${props.placeholder == null ? "" : ` placeholder="${props.placeholder}"`}${props.disabled == null ? "" : ` disabled="${props.disabled}"`}${props.name == null ? "" : ` name="${props.name}"`}${props.rows == null ? "" : ` rows="${props.rows}"`}>${props.value || ""}</textarea>`;
+	}
+	get events() {
+		return { input: { [`#${this.id}`]: this.__event_input_0 } };
+	}
+	__event_input_0(e, targetComponent) {
+		this.props.onInput(e);
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "placeholder") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("placeholder");
+			else __el.setAttribute("placeholder", String(value));
+		} catch {}
+		if (key === "disabled") try {
+			const __el = this.$(":scope");
+			if (__el) if (!value) __el.removeAttribute("disabled");
+			else __el.setAttribute("disabled", "");
+		} catch {}
+		if (key === "name") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("name");
+			else __el.setAttribute("name", String(value));
+		} catch {}
+		if (key === "rows") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("rows");
+			else __el.setAttribute("rows", String(value));
+		} catch {}
+		if (key === "onInput") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("onInput");
+			else __el.setAttribute("onInput", String(value));
+		} catch {}
+		if (key === "value") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = this.props.value || "";
+			if (__el) {
+				if (__el.textContent !== __boundValue) __el.textContent = __boundValue;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/label.tsx
+var Label = class extends Component {
+	template(props) {
+		return `<label id="${this.id}"${cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) == null ? "" : ` class="${cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class).trim()}"`}${props.htmlFor == null ? "" : ` for="${props.htmlFor}"`}>${props.children}</label>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "htmlFor") try {
+			const __el = this.$(":scope");
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("for");
+			else __el.setAttribute("for", String(value));
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/badge.tsx
+const variants$1 = {
+	default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+	secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+	destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+	outline: "text-foreground"
+};
+var Badge = class extends Component {
+	template(props) {
+		const variant = variants$1[props.variant || "default"] || variants$1.default;
+		return `<span id="${this.id}"${cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variant, props.class) == null ? "" : ` class="${cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variant, props.class).trim()}"`}>${props.children}</span>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "variant") try {
+			const __el = this.$(":scope");
+			const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variants$1[this.props.variant || "default"] || variants$1.default, this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variants$1[this.props.variant || "default"] || variants$1.default, this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/alert.tsx
+const variants = {
+	default: "bg-background text-foreground",
+	destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+};
+var Alert = class extends Component {
+	template(props) {
+		const variant = variants[props.variant || "default"] || variants.default;
+		return `<div id="${this.id}"${cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class) == null ? "" : ` class="${cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class).trim()}"`} role="alert">${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "variant") try {
+			const __el = this.$(":scope");
+			const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+var AlertTitle = class extends Component {
+	template(props) {
+		return `<h5 id="${this.id}"${cn("mb-1 font-medium leading-none tracking-tight", props.class) == null ? "" : ` class="${cn("mb-1 font-medium leading-none tracking-tight", props.class).trim()}"`}>${props.children}</h5>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("mb-1 font-medium leading-none tracking-tight", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+var AlertDescription = class extends Component {
+	template(props) {
+		return `<div id="${this.id}"${cn("text-sm [&_p]:leading-relaxed", props.class) == null ? "" : ` class="${cn("text-sm [&_p]:leading-relaxed", props.class).trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("text-sm [&_p]:leading-relaxed", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+		if (key === "children") try {
+			const __el = this.$(":scope");
+			if (__el) {
+				if (__el.textContent !== value) __el.textContent = value;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/separator.tsx
+var Separator = class extends Component {
+	template(props) {
+		const isVertical = props.orientation === "vertical";
+		return `<div id="${this.id}"${cn("shrink-0 bg-border", isVertical ? "h-full w-[1px]" : "h-[1px] w-full", props.class) == null ? "" : ` class="${cn("shrink-0 bg-border", isVertical ? "h-full w-[1px]" : "h-[1px] w-full", props.class).trim()}"`} role="separator"${(props.orientation || "horizontal") == null || (props.orientation || "horizontal") === false ? "" : ` aria-orientation="${props.orientation || "horizontal"}"`}></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "orientation") try {
+			{
+				const __el = this.$(":scope");
+				this.props;
+				const __boundValue = cn("shrink-0 bg-border", this.props.orientation === "vertical" ? "h-full w-[1px]" : "h-[1px] w-full", this.props.class);
+				if (__el) {
+					const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+					if (__el.className !== __newClass) __el.className = __newClass;
+				}
+			}
+			{
+				const __el = this.$(":scope");
+				this.props;
+				const __boundValue = this.props.orientation || "horizontal";
+				if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("aria-orientation");
+				else __el.setAttribute("aria-orientation", String(__boundValue));
+			}
+		} catch {}
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("shrink-0 bg-border", this.props.orientation === "vertical" ? "h-full w-[1px]" : "h-[1px] w-full", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+	}
+};
+//#endregion
+//#region src/components/skeleton.tsx
+var Skeleton = class extends Component {
+	template(props) {
+		return `<div id="${this.id}"${cn("animate-pulse rounded-md bg-primary/10", props.class) == null ? "" : ` class="${cn("animate-pulse rounded-md bg-primary/10", props.class).trim()}"`}></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") try {
+			const __el = this.$(":scope");
+			this.props;
+			const __boundValue = cn("animate-pulse rounded-md bg-primary/10", this.props.class);
+			if (__el) {
+				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		} catch {}
+	}
+};
+//#endregion
+export { Accordion, Alert, AlertDescription, AlertTitle, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Clipboard, Collapsible, Combobox, Dialog, FileUpload, HoverCard, Input, Label, Menu, NumberInput, Pagination, PinInput, Popover, Progress, RadioGroup, RatingGroup, Select, Separator, Skeleton, Slider, Switch, Tabs, TagsInput, Textarea, ToastStore, Toaster, ToggleGroup, Tooltip, TreeView, ZagComponent, cn };
+
+//# sourceMappingURL=index.mjs.map