@geajs/ui 0.1.4 → 0.2.0

package/dist/index.mjs

@@ -1,4333 +1,42 @@
-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;
-		if (!this._zagIdMap) this._zagIdMap = /* @__PURE__ */ new Map();
-		const machineDef = this.createMachine(props);
-		if (!machineDef) return;
-		this._machine = new VanillaMachine(machineDef, this.getMachineProps(props));
-		const zagIdMap = this._zagIdMap;
-		const origGetById = this._machine.scope.getById;
-		this._machine.scope.getById = (id) => {
-			return origGetById(id) || zagIdMap.get(id) || null;
-		};
-		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 bindingId = el.id;
-				const cleanup = spreadProps(el, nextProps);
-				if (bindingId && el.id !== bindingId) {
-					this._zagIdMap.set(el.id, el);
-					el.id = bindingId;
-				}
-				this._spreadCleanups.set(key, cleanup);
-			}
-		}
-	}
-	__geaSyncMap(idx) {
-		super.__geaSyncMap(idx);
-		this._scheduleSpreadApplication();
-	}
-	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;
-		this._zagIdMap?.clear();
-		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) {
-		Component._register(ZagComponent);
-		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="${item.value}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${item.value == null || item.value === false ? "" : ` 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 || item.value === false ? "" : ` 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 || item.value === false ? "" : ` 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="${item.value}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` 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) == null || __v(item.value) === false ? "" : ` 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) == null || __v(item.value) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({
-				value: 0,
-				label: "",
-				content: ""
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.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", item.value);
-		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), "value");
-	}
-};
-//#endregion
-//#region src/components/avatar.tsx
-var Avatar = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		this.loaded = false;
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.src;
-		} catch {}
-		this.__geaRegisterCond(0, "c0", () => {
-			this.props;
-			return this.props.src;
-		}, () => {
-			const props = this.props;
-			return `<img data-part="image"${this.props.src == null || props.src === false ? "" : ` 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) {
-		Component._register(ZagComponent);
-		const initials = props.fallback || (props.name ? props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
-		return `<div id="${this.id}" data-part="root" 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 || props.src === false ? "" : ` 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" 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 {}
-		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 {}
-		if (key === "src" || key === "name") this.__geaPatchCond(0);
-	}
-};
-//#endregion
-//#region src/components/checkbox.tsx
-var Checkbox = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		this.checked = false;
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		return `<label id="${this.id}" data-part="root" 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;
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.copied;
-			this.__geaCond_1 = !!this.props.label;
-		} catch {}
-		this.__geaRegisterCond(0, "c0", () => {
-			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>`;
-		});
-		this.__geaRegisterCond(1, "c1", () => {
-			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);
-	}
-	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) {
-		Component._register(ZagComponent);
-		return `<div id="${this.id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c1"}-->${props.label && `<label data-part="label" class="clipboard-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${this.id + "-c1-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 + "-c0"}-->${(this.copied ? `<span data-part="indicator-copied">✓ Copied</span>` : `<span data-part="indicator-not-copied">Copy</span>`) || ""}<!--${this.id + "-c0-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 {}
-		this.__geaPatchCond(0);
-		if (key === "label") this.__geaPatchCond(1);
-	}
-	__observe_local_copied(value, change) {
-		if (this.rendered_) {
-			this.__geaCondPatched_0 = this.__geaPatchCond(0);
-			if (this.__geaCondPatched_0) return;
-		}
-	}
-	__setupLocalStateObservers() {
-		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
-		if (!this.__store) return;
-		this.__observer_removers__.push(this.__store.observe(["copied"], (__v, __c) => {
-			try {
-				this.__observe_local_copied(__v, __c);
-			} catch (_e) {}
-		}));
-	}
-};
-//#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) {
-		Component._register(ZagComponent);
-		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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-//#endregion
-//#region src/components/combobox.tsx
-var Combobox = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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.value)}" data-gea-item-id="${item.value}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` 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) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.renderFilteredItemsItem({
-				value: 0,
-				label: ""
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.renderFilteredItemsItem(item);
-			var el = __fw.content.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.value);
-		el.id = __c.__geaIdPfx + item.value;
-		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),
-					(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) => {
-			try {
-				this.__observe_local_filteredItems(__v, __c);
-			} catch (_e) {}
-		}));
-	}
-};
-//#endregion
-//#region src/components/dialog.tsx
-var Dialog = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.title;
-			this.__geaCond_1 = !!this.props.description;
-			this.__geaCond_2 = !!this.props.triggerLabel;
-		} catch {}
-		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);
-		this.__geaRegisterCond(2, "c2", () => {
-			this.props;
-			return this.props.triggerLabel;
-		}, () => {
-			this.props;
-			return `<button data-part="trigger" class="dialog-trigger">${this.props.triggerLabel}</button>`;
-		}, 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) {
-		Component._register(ZagComponent);
-		return `<div id="${this.id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${(props.class || "").trim()}"`}><!--${this.id + "-c2"}-->${props.triggerLabel && `<button data-part="trigger" class="dialog-trigger">${props.triggerLabel}</button>` || ""}<!--${this.id + "-c2-end"}--><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 + "-b1"}" 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 === "children") try {
-			const __el = document.getElementById(this.id + "-b1");
-			if (__el) {
-				if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-		if (key === "title") this.__geaPatchCond(0);
-		if (key === "description") this.__geaPatchCond(1);
-		if (key === "triggerLabel") this.__geaPatchCond(2);
-	}
-};
-//#endregion
-//#region src/components/file-upload.tsx
-var FileUpload = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-			this.__geaCond_1 = !!(this.acceptedFiles.length > 0);
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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);
-	}
-	__observe_local_acceptedFiles__join(value, change) {
-		if (this.rendered_) {
-			this.__geaCondPatched_1 = this.__geaPatchCond(1);
-			if (this.__geaCondPatched_1) return;
-		}
-	}
-	__observe_local_acceptedFiles__map(value, change) {
-		if (this.rendered_) {
-			this.__geaCondPatched_1 = this.__geaPatchCond(1);
-			if (this.__geaCondPatched_1) return;
-		}
-	}
-	renderAcceptedFilesItem(file) {
-		return `<div data-gea-item-id="${file.name}" 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 = document.createElement("template");
-			__tw.innerHTML = this.renderAcceptedFilesItem({ name: 0 });
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.renderAcceptedFilesItem(item);
-			var el = __fw.content.firstElementChild;
-		}
-		el.firstElementChild.textContent = `${item.name}`;
-		el.setAttribute("data-gea-item-id", item.name);
-		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}`);
-			}, (row, value) => row.classList.toggle("name", value)] }
-		};
-	}
-	__setupLocalStateObservers() {
-		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
-		if (!this.__store) return;
-		this.__observer_removers__.push(this.__store.observe(["acceptedFiles"], (__v, __c) => {
-			try {
-				this.__observe_local_acceptedFiles(__v, __c);
-			} catch (_e) {}
-		}));
-		this.__observer_removers__.push(this.__store.observe(["acceptedFiles", "join"], (__v, __c) => {
-			try {
-				this.__observe_local_acceptedFiles__join(__v, __c);
-			} catch (_e) {}
-		}));
-		this.__observer_removers__.push(this.__store.observe(["acceptedFiles", "map"], (__v, __c) => {
-			try {
-				this.__observe_local_acceptedFiles__map(__v, __c);
-			} catch (_e) {}
-		}));
-	}
-};
-//#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) {
-		Component._register(ZagComponent);
-		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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} 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) {
-		Component._register(ZagComponent);
-		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, i) => 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-gea-item-id="${item.id}" data-part="item"${item.value == null || item.value === false ? "" : ` 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, i) {
-		return `<div id="${this.id + "-b2-" + String(item.id)}" data-gea-item-id="${item.id}" 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, __idx) => this.create__unresolved_0Item(__item, __idx));
-	}
-};
-//#endregion
-//#region src/components/number-input.tsx
-var NumberInput = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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) {
-		Component._register(ZagComponent);
-		return `<nav id="${this.id}" data-part="root" 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);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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 || String(i) === false ? "" : ` 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)) == null || __v(String(i)) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.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));
-	}
-};
-//#endregion
-//#region src/components/popover.tsx
-var Popover = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.title;
-			this.__geaCond_1 = !!this.props.description;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} 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;
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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" 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) => {
-			try {
-				this.__observe_local_percent(__v, __c);
-			} catch (_e) {}
-		}));
-	}
-};
-//#endregion
-//#region src/components/radio-group.tsx
-var RadioGroup = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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="${item.value}" data-part="item"${item.value == null || item.value === false ? "" : ` 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 || item.value === false ? "" : ` 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 || item.value === false ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${item.value == null || item.value === false ? "" : ` 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="${item.value}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` 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) == null || __v(item.value) === false ? "" : ` 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) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${__v(item.value) == null || __v(item.value) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({
-				value: 0,
-				label: ""
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.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", item.value);
-		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), "value");
-	}
-};
-//#endregion
-//#region src/components/rating-group.tsx
-var RatingGroup = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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 || String(i) === false ? "" : ` 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)) == null || __v(String(i)) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.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));
-	}
-};
-//#endregion
-//#region src/components/select.tsx
-var Select = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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(item.value)}" data-gea-item-id="${item.value}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` 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 || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` 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(item.value)}" data-gea-item-id="${item.value}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` 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) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({
-				value: 0,
-				label: ""
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b2-";
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.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.value);
-		el.id = __c.__geaIdPfx + item.value;
-		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), "value");
-	}
-	__setupLocalStateObservers() {
-		if (typeof this.__ensureArrayConfigs === "function") this.__ensureArrayConfigs();
-		if (!this.__store) return;
-		this.__observer_removers__.push(this.__store.observe(["valueAsString"], (__v, __c) => {
-			try {
-				this.__observe_local_valueAsString(__v, __c);
-			} catch (_e) {}
-		}));
-	}
-};
-//#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);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		return `<div id="${this.id}" data-part="root"${"w-full " + (props.class || "") == null || "w-full " + (props.class || "") === false ? "" : ` 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 || THUMB_CLASS === false ? "" : ` 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;
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		return `<label id="${this.id}" data-part="root" 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) {
-		Component._register(ZagComponent);
-		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(item.value)}" data-gea-item-id="${item.value}" data-part="trigger"${item.value == null || item.value === false ? "" : ` 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 data-gea-item-id="${item.value}" data-part="content"${item.value == null || item.value === false ? "" : ` 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 `<button id="${this.id + "-b1-" + String(item.value)}" data-gea-item-id="${item.value}" data-part="trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` 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_0Item(item) {
-		var __c = this.____unresolved_0_container;
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({
-				value: 0,
-				label: ""
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.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", item.value);
-		el.id = __c.__geaIdPfx + item.value;
-		el.__geaItem = item;
-		return el;
-	}
-	render__unresolved_1Item(item) {
-		const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
-		return `<div data-gea-item-id="${item.value}" data-part="content"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`;
-	}
-	create__unresolved_1Item(item) {
-		var __c = this.____unresolved_1_container;
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_1Item({
-				value: 0,
-				content: ""
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_1Item(item);
-			var el = __fw.content.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", item.value);
-		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", () => document.getElementById(this.id + "-b1"), () => {
-			return this.props.items || [];
-		}, (__item) => this.create__unresolved_0Item(__item), "value");
-		this.__geaRegisterMap(1, "____unresolved_1_container", () => this.$(":scope"), () => {
-			return this.props.items || [];
-		}, (__item) => this.create__unresolved_1Item(__item), "value");
-	}
-};
-//#endregion
-//#region src/components/tags-input.tsx
-var TagsInput = class extends ZagComponent {
-	constructor(...args) {
-		super(...args);
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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 || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` 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 || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` 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 || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` 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(tag.id)}" data-gea-item-id="${tag.id}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` 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)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` 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)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item("__dummy__", 0);
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (!__c.__geaIdPfx) __c.__geaIdPfx = this.id_ + "-b1-";
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item, __idx);
-			var el = __fw.content.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;
-	}
-	__observe_local_value(value, change) {
-		this.__geaSyncMap(0);
-		this.__geaSyncMap(0);
-	}
-	__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);
-	}
-	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) => {
-			try {
-				this.__observe_local_value(__v, __c);
-			} catch (_e) {}
-		}));
-	}
-};
-//#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) {
-		Component._register(Component);
-		return `<div id="${this.id}" data-part="group" 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) {
-		Component._register(ZagComponent);
-		const items = props.items || [];
-		return `<div id="${this.id}" data-part="root" class="${`toggle-group-root inline-flex rounded-md border ${props.class || ""}`.trim()}">${items.map((item) => `<button data-gea-item-id="${item.value}" data-part="item"${item.value == null || item.value === false ? "" : ` 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="${item.value}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` 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 = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({
-				value: 0,
-				label: ""
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-		} catch {}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.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", item.value);
-		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), "value");
-	}
-};
-//#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) {
-		Component._register(ZagComponent);
-		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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} 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 = [];
-		try {
-			this.props;
-			this.__geaCond_0 = !!this.props.label;
-		} catch {}
-		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) {
-		Component._register(ZagComponent);
-		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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} 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) {
-		Component._register(Component);
-		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 || 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) === false ? "" : ` 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 || props.disabled === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-//#endregion
-//#region src/components/card.tsx
-var Card = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<div id="${this.id}"${cn("rounded-xl border bg-card text-card-foreground shadow", props.class) == null || cn("rounded-xl border bg-card text-card-foreground shadow", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-var CardHeader = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<div id="${this.id}"${cn("flex flex-col space-y-1.5 p-6", props.class) == null || cn("flex flex-col space-y-1.5 p-6", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-var CardTitle = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<h3 id="${this.id}"${cn("font-semibold leading-none tracking-tight", props.class) == null || cn("font-semibold leading-none tracking-tight", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-var CardDescription = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<p id="${this.id}"${cn("text-sm text-muted-foreground", props.class) == null || cn("text-sm text-muted-foreground", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-var CardContent = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<div id="${this.id}"${cn("p-6 pt-0", props.class) == null || cn("p-6 pt-0", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-var CardFooter = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<div id="${this.id}"${cn("flex items-center p-6 pt-0", props.class) == null || cn("flex items-center p-6 pt-0", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-//#endregion
-//#region src/components/input.tsx
-var Input = class extends Component {
-	template(props) {
-		Component._register(Component);
-		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 || 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) === false ? "" : ` 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 || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.value == null || props.value === false ? "" : ` value="${props.value}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`} />`;
-	}
-	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) {
-		Component._register(Component);
-		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 || 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) === false ? "" : ` 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 || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`}${props.rows == null || props.rows === false ? "" : ` 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) {
-		Component._register(Component);
-		return `<label id="${this.id}"${cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) == null || cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) === false ? "" : ` class="${cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class).trim()}"`}${props.htmlFor == null || props.htmlFor === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} 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) {
-		Component._register(Component);
-		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 || 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) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} 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) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		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 || 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) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-var AlertTitle = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<h5 id="${this.id}"${cn("mb-1 font-medium leading-none tracking-tight", props.class) == null || cn("mb-1 font-medium leading-none tracking-tight", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-var AlertDescription = class extends Component {
-	template(props) {
-		Component._register(Component);
-		Component._register(Component);
-		Component._register(Component);
-		return `<div id="${this.id}"${cn("text-sm [&_p]:leading-relaxed", props.class) == null || cn("text-sm [&_p]:leading-relaxed", props.class) === false ? "" : ` 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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-//#endregion
-//#region src/components/separator.tsx
-var Separator = class extends Component {
-	template(props) {
-		Component._register(Component);
-		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 || cn("shrink-0 bg-border", isVertical ? "h-full w-[1px]" : "h-[1px] w-full", props.class) === false ? "" : ` 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) {
-		Component._register(Component);
-		return `<div id="${this.id}"${cn("animate-pulse rounded-md bg-primary/10", props.class) == null || cn("animate-pulse rounded-md bg-primary/10", props.class) === false ? "" : ` 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
-//#region src/components/dnd-manager.ts
-const DRAG_THRESHOLD_SQ = 25;
-const DRAGGABLE_SEL = "[data-draggable-id]";
-const DROPPABLE_SEL = "[data-droppable-id]";
-var DndManager = class {
-	constructor() {
-		this.droppables = /* @__PURE__ */ new Map();
-		this._onDragEnd = null;
-		this._dragging = false;
-		this._started = false;
-		this._draggedId = "";
-		this._sourceDroppableId = "";
-		this._sourceIndex = 0;
-		this._sourceEl = null;
-		this._sourceHeight = 0;
-		this._sourceRect = null;
-		this._savedCssText = "";
-		this._placeholder = null;
-		this._startX = 0;
-		this._startY = 0;
-		this._offsetX = 0;
-		this._offsetY = 0;
-		this._currentDroppableId = null;
-		this._currentIndex = 0;
-		this._lastClientY = 0;
-		this._cleanedUp = false;
-		this._boundMove = this._onPointerMove.bind(this);
-		this._boundUp = this._onPointerUp.bind(this);
-		this._boundKeyDown = this._onKeyDown.bind(this);
-		this._boundDocDown = this._onDocumentPointerDown.bind(this);
-		this._docListenerAttached = false;
-	}
-	get onDragEnd() {
-		return this._onDragEnd;
-	}
-	set onDragEnd(fn) {
-		this._onDragEnd = fn;
-		if (fn) this._ensureDocListener();
-	}
-	get isDragging() {
-		return this._started;
-	}
-	_ensureDocListener() {
-		if (this._docListenerAttached || typeof document === "undefined") return;
-		document.addEventListener("pointerdown", this._boundDocDown, true);
-		this._docListenerAttached = true;
-	}
-	_onDocumentPointerDown(e) {
-		const el = e.target.closest?.(DRAGGABLE_SEL);
-		if (!el) return;
-		this.startTracking(e, el.dataset.draggableId, el);
-	}
-	registerDroppable(id, el) {
-		this.droppables.set(id, el);
-		this._ensureDocListener();
-	}
-	unregisterDroppable(id) {
-		this.droppables.delete(id);
-	}
-	startTracking(e, draggableId, el) {
-		if (this._dragging || e.button !== 0) return;
-		this._ensureDocListener();
-		const droppableEl = el.closest(DROPPABLE_SEL);
-		if (!droppableEl) return;
-		const droppableId = droppableEl.dataset.droppableId;
-		const sourceIndex = Array.from(droppableEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`)).indexOf(el);
-		if (sourceIndex === -1) return;
-		this._dragging = true;
-		this._started = false;
-		this._cleanedUp = false;
-		this._draggedId = draggableId;
-		this._sourceDroppableId = droppableId;
-		this._sourceIndex = sourceIndex;
-		this._sourceEl = el;
-		const rect = el.getBoundingClientRect();
-		this._sourceHeight = rect.height;
-		this._sourceRect = rect;
-		this._startX = e.clientX;
-		this._startY = e.clientY;
-		this._lastClientY = e.clientY;
-		this._offsetX = e.clientX - rect.left;
-		this._offsetY = e.clientY - rect.top;
-		document.addEventListener("pointermove", this._boundMove);
-		document.addEventListener("pointerup", this._boundUp);
-		document.addEventListener("keydown", this._boundKeyDown);
-		e.preventDefault();
-	}
-	_onPointerMove(e) {
-		if (!this._dragging) return;
-		if (!this._started) {
-			const dx = e.clientX - this._startX;
-			const dy = e.clientY - this._startY;
-			if (dx * dx + dy * dy < DRAG_THRESHOLD_SQ) return;
-			this._initDrag();
-			this._updateTarget(e.clientX, e.clientY);
-			return;
-		}
-		this._sourceEl.style.transform = `translate(${e.clientX - this._offsetX}px, ${e.clientY - this._offsetY}px)`;
-		this._updateTarget(e.clientX, e.clientY);
-		this._lastClientY = e.clientY;
-	}
-	_initDrag() {
-		this._started = true;
-		const el = this._sourceEl;
-		const rect = this._sourceRect;
-		document.querySelectorAll(DROPPABLE_SEL).forEach((dropEl) => {
-			const id = dropEl.dataset.droppableId;
-			if (!this.droppables.has(id)) this.droppables.set(id, dropEl);
-		});
-		const elMargin = getComputedStyle(el).marginBottom;
-		this._savedCssText = el.style.cssText;
-		const placeholder = document.createElement("div");
-		placeholder.className = "gea-dnd-placeholder";
-		placeholder.style.height = rect.height + "px";
-		placeholder.style.marginBottom = elMargin;
-		placeholder.style.transition = "none";
-		el.parentElement.insertBefore(placeholder, el);
-		document.body.appendChild(el);
-		Object.assign(el.style, {
-			position: "fixed",
-			top: "0px",
-			left: "0",
-			width: rect.width + "px",
-			height: rect.height + "px",
-			transform: `translate(${rect.left}px, ${rect.top}px)`,
-			pointerEvents: "none",
-			zIndex: "99999",
-			margin: "0",
-			willChange: "transform",
-			boxShadow: "none"
-		});
-		el.offsetHeight;
-		el.style.boxShadow = "5px 10px 30px 0px rgba(9, 30, 66, 0.15)";
-		this._placeholder = placeholder;
-		this._currentDroppableId = this._sourceDroppableId;
-		this._currentIndex = this._sourceIndex;
-	}
-	_updateTarget(clientX, clientY) {
-		let foundId = null;
-		let foundEl = null;
-		for (const [id, el] of this.droppables) {
-			const r = el.getBoundingClientRect();
-			if (clientX >= r.left && clientX <= r.right && clientY >= r.top && clientY <= r.bottom) {
-				foundId = id;
-				foundEl = el;
-				break;
-			}
-		}
-		if (!foundEl || foundId === null) {
-			this._currentDroppableId = null;
-			return;
-		}
-		const items = Array.from(foundEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`));
-		const threshold = clientY >= this._lastClientY ? 0 : 1;
-		let insertIndex = items.length;
-		for (let i = 0; i < items.length; i++) {
-			const r = items[i].getBoundingClientRect();
-			if (clientY < r.top + r.height * threshold) {
-				insertIndex = i;
-				break;
-			}
-		}
-		this._currentDroppableId = foundId;
-		this._currentIndex = insertIndex;
-		if (!this._placeholder) return;
-		const refNode = items[insertIndex] || null;
-		if (this._placeholder.parentElement !== foundEl || this._placeholder.nextElementSibling !== refNode) {
-			if (this._placeholder.parentElement) {
-				const ghost = document.createElement("div");
-				ghost.style.height = this._sourceHeight + "px";
-				ghost.style.marginBottom = this._placeholder.style.marginBottom;
-				ghost.style.transition = "height 0.2s cubic-bezier(0.2, 0, 0, 1)";
-				ghost.style.overflow = "hidden";
-				this._placeholder.parentElement.insertBefore(ghost, this._placeholder);
-				ghost.offsetHeight;
-				ghost.style.height = "0px";
-				ghost.style.marginBottom = "0px";
-				ghost.addEventListener("transitionend", () => ghost.remove(), { once: true });
-				setTimeout(() => ghost.remove(), 250);
-			}
-			this._placeholder.style.transition = "none";
-			this._placeholder.style.height = "0px";
-			foundEl.insertBefore(this._placeholder, refNode);
-			this._placeholder.offsetHeight;
-			this._placeholder.style.transition = "height 0.2s cubic-bezier(0.2, 0, 0, 1)";
-			this._placeholder.style.height = this._sourceHeight + "px";
-		}
-	}
-	_onKeyDown(e) {
-		if (e.key === "Escape" && this._dragging) this._cancelDrag();
-	}
-	_cancelDrag() {
-		this._removeGlobalListeners();
-		if (!this._started) {
-			this._dragging = false;
-			return;
-		}
-		this._animateReturn().then(() => {
-			this._returnToSource();
-			this._cleanup();
-		});
-	}
-	_onPointerUp(_e) {
-		this._removeGlobalListeners();
-		if (!this._started) {
-			this._dragging = false;
-			return;
-		}
-		const destination = this._currentDroppableId !== null ? {
-			droppableId: this._currentDroppableId,
-			index: this._currentIndex
-		} : null;
-		const samePosition = destination && destination.droppableId === this._sourceDroppableId && destination.index === this._sourceIndex;
-		if (destination && this._placeholder && !samePosition) {
-			const result = {
-				draggableId: this._draggedId,
-				source: {
-					droppableId: this._sourceDroppableId,
-					index: this._sourceIndex
-				},
-				destination
-			};
-			this._animateDrop().then(() => {
-				this._restoreElStyles();
-				this._performTransfer(destination);
-				this._cleanup();
-				this._onDragEnd?.(result);
-			});
-		} else this._animateReturn().then(() => {
-			this._returnToSource();
-			this._cleanup();
-		});
-	}
-	_getComponentFromElement(el) {
-		let current = el;
-		while (current) {
-			if (current.__geaComponent) return current.__geaComponent;
-			current = current.parentElement;
-		}
-		return null;
-	}
-	_restoreElStyles() {
-		if (!this._sourceEl) return;
-		this._sourceEl.style.cssText = this._savedCssText;
-	}
-	_returnToSource() {
-		if (!this._sourceEl) return;
-		this._restoreElStyles();
-		if (this._placeholder?.parentElement) this._placeholder.parentElement.insertBefore(this._sourceEl, this._placeholder);
-		else {
-			const container = this.droppables.get(this._sourceDroppableId);
-			if (container) {
-				const items = Array.from(container.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`));
-				container.insertBefore(this._sourceEl, items[this._sourceIndex] || null);
-			}
-		}
-	}
-	_performTransfer(destination) {
-		const sourceEl = this._sourceEl;
-		if (!sourceEl) return;
-		const destContainer = this.droppables.get(destination.droppableId);
-		if (!destContainer) return;
-		const refNode = Array.from(destContainer.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`))[destination.index] || null;
-		destContainer.insertBefore(sourceEl, refNode);
-		const draggedComp = this._getComponentFromElement(sourceEl);
-		if (!draggedComp) return;
-		const sourceParent = draggedComp.parentComponent;
-		if (!sourceParent) return;
-		const srcArr = this._findCompiledArray(sourceParent, draggedComp);
-		if (!srcArr) return;
-		const destParent = this._getComponentFromElement(destContainer);
-		if (!destParent) return;
-		srcArr.arr.splice(srcArr.index, 1);
-		const destArr = destParent[srcArr.key];
-		if (Array.isArray(destArr)) destArr.splice(destination.index, 0, draggedComp);
-		const srcChildren = sourceParent.__childComponents;
-		if (Array.isArray(srcChildren)) {
-			const ci = srcChildren.indexOf(draggedComp);
-			if (ci !== -1) srcChildren.splice(ci, 1);
-		}
-		const destChildren = destParent.__childComponents;
-		if (Array.isArray(destChildren) && !destChildren.includes(draggedComp)) destChildren.push(draggedComp);
-		draggedComp.parentComponent = destParent;
-	}
-	_findCompiledArray(parent, child) {
-		for (const key of Object.keys(parent)) if (key.startsWith("_") && key.endsWith("Items") && Array.isArray(parent[key])) {
-			const idx = parent[key].indexOf(child);
-			if (idx !== -1) return {
-				key,
-				arr: parent[key],
-				index: idx
-			};
-		}
-		return null;
-	}
-	_animateDrop() {
-		return new Promise((resolve) => {
-			if (!this._sourceEl || !this._placeholder) return resolve();
-			const phRect = this._placeholder.getBoundingClientRect();
-			this._sourceEl.style.transition = "transform 0.2s cubic-bezier(0.2, 0, 0, 1), rotate 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1)";
-			this._sourceEl.style.transform = `translate(${phRect.left}px, ${phRect.top}px)`;
-			this._sourceEl.style.rotate = "0deg";
-			this._sourceEl.style.boxShadow = "none";
-			let done = false;
-			const finish = () => {
-				if (done) return;
-				done = true;
-				resolve();
-			};
-			this._sourceEl.addEventListener("transitionend", finish, { once: true });
-			setTimeout(finish, 250);
-		});
-	}
-	_animateReturn() {
-		return new Promise((resolve) => {
-			if (!this._sourceEl || !this._sourceRect) return resolve();
-			let targetX = this._sourceRect.left;
-			let targetY = this._sourceRect.top;
-			if (this._placeholder?.parentElement) {
-				const phRect = this._placeholder.getBoundingClientRect();
-				targetX = phRect.left;
-				targetY = phRect.top;
-			}
-			this._sourceEl.style.transition = "transform 0.2s cubic-bezier(0.2, 0, 0, 1), rotate 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1)";
-			this._sourceEl.style.transform = `translate(${targetX}px, ${targetY}px)`;
-			this._sourceEl.style.rotate = "0deg";
-			this._sourceEl.style.boxShadow = "none";
-			let done = false;
-			const finish = () => {
-				if (done) return;
-				done = true;
-				resolve();
-			};
-			this._sourceEl.addEventListener("transitionend", finish, { once: true });
-			setTimeout(finish, 250);
-		});
-	}
-	_removeGlobalListeners() {
-		document.removeEventListener("pointermove", this._boundMove);
-		document.removeEventListener("pointerup", this._boundUp);
-		document.removeEventListener("keydown", this._boundKeyDown);
-	}
-	_cleanup() {
-		if (this._cleanedUp) return;
-		this._cleanedUp = true;
-		this._placeholder?.remove();
-		this._placeholder = null;
-		this._sourceEl = null;
-		this._sourceRect = null;
-		this._dragging = false;
-		this._started = false;
-		this._draggedId = "";
-		this._currentDroppableId = null;
-	}
-	destroy() {
-		this._removeGlobalListeners();
-		if (this._dragging) {
-			if (this._sourceEl) this._returnToSource();
-			this._cleanup();
-		}
-		if (this._docListenerAttached && typeof document !== "undefined") {
-			document.removeEventListener("pointerdown", this._boundDocDown, true);
-			this._docListenerAttached = false;
-		}
-		this.droppables.clear();
-		this.onDragEnd = null;
-	}
-};
-const dndManager = new DndManager();
-//#endregion
-//#region src/components/draggable.tsx
-var Draggable = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this._didDrag = false;
-	}
-	_onPointerDown(e) {
-		const el = e.currentTarget.closest(".gea-draggable");
-		if (!el) return;
-		this._didDrag = false;
-		dndManager.startTracking(e, this.props.draggableId, el);
-	}
-	template(props) {
-		Component._register(Component);
-		return `<div id="${this.id}" class="${`gea-draggable ${props.class || ""}`.trim()}"${props.draggableId == null || props.draggableId === false ? "" : ` data-draggable-id="${props.draggableId}"`}${props.index == null || props.index === false ? "" : ` data-index="${props.index}"`}${` pointerdown="${(e) => this._onPointerDown(e)}"`}>${props.children}</div>`;
-	}
-	get events() {
-		return { click: { [`#${this.id}`]: this.__event_click_0 } };
-	}
-	__event_click_0(e, targetComponent) {
-		if (dndManager.isDragging) {
-			e.preventDefault();
-			e.stopPropagation();
-		}
-	}
-	__onPropChange(key, value) {
-		if (key === "class") try {
-			const __el = this.$(":scope");
-			this.props;
-			const __boundValue = `gea-draggable ${this.props.class || ""}`;
-			if (__el) {
-				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		} catch {}
-		if (key === "draggableId") try {
-			const __el = this.$(":scope");
-			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-draggable-id");
-			else __el.setAttribute("data-draggable-id", String(value));
-		} catch {}
-		if (key === "index") try {
-			const __el = this.$(":scope");
-			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-index");
-			else __el.setAttribute("data-index", String(value));
-		} catch {}
-		if (key === "children") try {
-			const __el = this.$(":scope");
-			if (__el) {
-				if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-//#endregion
-//#region src/components/droppable.tsx
-var Droppable = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this._registered = false;
-	}
-	_registerWithManager() {
-		const el = this.el?.querySelector("[data-droppable-id]");
-		if (el && !this._registered) {
-			dndManager.registerDroppable(this.props.droppableId, el);
-			this._registered = true;
-		}
-	}
-	created() {
-		queueMicrotask(() => this._registerWithManager());
-	}
-	onAfterRender() {
-		this._registerWithManager();
-	}
-	dispose() {
-		if (this._registered) {
-			dndManager.unregisterDroppable(this.props.droppableId);
-			this._registered = false;
-		}
-		super.dispose();
-	}
-	template(props) {
-		Component._register(Component);
-		return `<div id="${this.id}" class="${`gea-droppable ${props.class || ""}`.trim()}"${props.droppableId == null || props.droppableId === false ? "" : ` data-droppable-id="${props.droppableId}"`}>${props.children}</div>`;
-	}
-	__onPropChange(key, value) {
-		if (key === "class") try {
-			const __el = this.$(":scope");
-			this.props;
-			const __boundValue = `gea-droppable ${this.props.class || ""}`;
-			if (__el) {
-				const __newClass = __boundValue != null ? String(__boundValue).trim() : "";
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		} catch {}
-		if (key === "droppableId") try {
-			const __el = this.$(":scope");
-			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-droppable-id");
-			else __el.setAttribute("data-droppable-id", String(value));
-		} catch {}
-		if (key === "children") try {
-			const __el = this.$(":scope");
-			if (__el) {
-				if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-//#endregion
-//#region src/components/drag-drop-context.tsx
-var DragDropContext = class extends Component {
-	created() {
-		dndManager.onDragEnd = (result) => {
-			this.props.onDragEnd?.(result);
-		};
-	}
-	dispose() {
-		dndManager.destroy();
-		super.dispose();
-	}
-	template(props) {
-		Component._register(Component);
-		return `<div id="${this.id}" class="${`gea-dnd-context ${props.class || ""}`.trim()}">${props.children}</div>`;
-	}
-	__onPropChange(key, value) {
-		if (key === "class") try {
-			const __el = this.$(":scope");
-			this.props;
-			const __boundValue = `gea-dnd-context ${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.innerHTML !== value) {
-					__el.innerHTML = value;
-					this.instantiateChildComponents_();
-					if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
-				}
-			}
-		} catch {}
-	}
-};
-//#endregion
+import { t as ZagComponent } from "./zag-component.mjs";
+import { t as cn } from "./cn.mjs";
+import Accordion from "./accordion.mjs";
+import Avatar from "./avatar.mjs";
+import Checkbox from "./checkbox.mjs";
+import Clipboard from "./clipboard.mjs";
+import Collapsible from "./collapsible.mjs";
+import Combobox from "./combobox.mjs";
+import Dialog from "./dialog.mjs";
+import FileUpload from "./file-upload.mjs";
+import HoverCard from "./hover-card.mjs";
+import Menu from "./menu.mjs";
+import NumberInput from "./number-input.mjs";
+import Pagination from "./pagination.mjs";
+import PinInput from "./pin-input.mjs";
+import Popover from "./popover.mjs";
+import Progress from "./progress.mjs";
+import RadioGroup from "./radio-group.mjs";
+import RatingGroup from "./rating-group.mjs";
+import Select from "./select.mjs";
+import Slider from "./slider.mjs";
+import Switch from "./switch.mjs";
+import Tabs from "./tabs.mjs";
+import TagsInput from "./tags-input.mjs";
+import { ToastStore, Toaster } from "./toast.mjs";
+import ToggleGroup from "./toggle-group.mjs";
+import Tooltip from "./tooltip.mjs";
+import TreeView from "./tree-view.mjs";
+import Button from "./button.mjs";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.mjs";
+import Input from "./input.mjs";
+import Textarea from "./textarea.mjs";
+import Label from "./label.mjs";
+import Badge from "./badge.mjs";
+import { Alert, AlertDescription, AlertTitle } from "./alert.mjs";
+import Separator from "./separator.mjs";
+import Skeleton from "./skeleton.mjs";
+import { dndManager } from "./dnd-manager.mjs";
+import Draggable from "./draggable.mjs";
+import Droppable from "./droppable.mjs";
+import DragDropContext from "./drag-drop-context.mjs";
 export { Accordion, Alert, AlertDescription, AlertTitle, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Clipboard, Collapsible, Combobox, Dialog, DragDropContext, Draggable, Droppable, 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, dndManager };
-
-//# sourceMappingURL=index.mjs.map