@selvajs/selva 4.20.0-beta.15 → 4.20.0-beta.16

package/build/server/chunks/chunks/select.js-DcXRaO5q.js

@@ -0,0 +1,1757 @@
+import { a7 as run, aw as bind_props, an as ensure_array_like, ah as derived, al as spread_props, ao as attributes, ay as props_id, as as escape_html } from './server.js-D3MqDbVt.js';
+import { o as on } from './events.js-IByrOSdq.js';
+import 'node:module';
+import { S as SvelteMap } from './index-server2.js-Defl0_Bj.js';
+import { n as createBitsAttrs, b as boxWith, v as boolToTrueOrUndef, m as mergeProps, q as createId, c as attachRef, p as boolToEmptyStrOrUndef, l as getDataOpenClosed, r as boolToStr, e as executeCallbacks, o as getDataTransitionAttrs, w as boolToStrTrueOrUndef } from './create-id.js-alvgun-Y.js';
+import { c as cn } from './utils3.js-DANle-lS.js';
+import { F as Floating_layer, a as Floating_layer_anchor, P as Popper_layer_force_mount, b as Popper_layer, g as getFloatingContentCSSVars, C as Check } from './popper-layer-force-mount.js-CP6hayn4.js';
+import { C as Chevron_down } from './chevron-down.js-D8rHJiBK.js';
+import { C as Chevron_up } from './chevron-up.js-CvJhUr7u.js';
+import { s as srOnlyStyles } from './sr-only-styles.js-CgNXGZ9C.js';
+import { n as noop, w as watch, C as Context, k as afterTick, j as DOMContext, P as PresenceManager, f as Portal, c as ARROW_DOWN, o as PAGE_UP, H as HOME, e as ARROW_UP, p as PAGE_DOWN, h as isDisabledElement, z as Previous, B as isIOS } from './scroll-lock.js-By--_Rp9.js';
+import { D as DOMTypeahead, n as next, p as prev, f as forward, b as backward, a as boxAutoReset, g as getNextMatch } from './dom-typeahead.svelte.js-DFW_4amM.js';
+
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/utilities/hidden-input.svelte
+function Hidden_input($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { value = void 0, $$slots, $$events, ...restProps } = $$props;
+		const mergedProps = derived(() => mergeProps(restProps, {
+			"aria-hidden": "true",
+			tabindex: -1,
+			style: {
+				...srOnlyStyles,
+				position: "absolute",
+				top: "0",
+				left: "0"
+			}
+		}));
+		if (mergedProps().type === "checkbox") $$renderer.push(`<!--[0--><input${attributes({
+			...mergedProps(),
+			value,
+			defaultchecked: mergedProps().checked
+		}, void 0, void 0, void 0, 4)}/>`);
+		else $$renderer.push(`<!--[-1--><input${attributes({
+			...mergedProps(),
+			value,
+			defaultvalue: value ?? ""
+		}, void 0, void 0, void 0, 4)}/>`);
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { value });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/internal/data-typeahead.svelte.js
+var DataTypeahead = class {
+	#opts;
+	#candidateValues = derived(() => this.#opts.candidateValues());
+	#search;
+	constructor(opts) {
+		this.#opts = opts;
+		this.#search = boxAutoReset("", {
+			afterMs: 1e3,
+			getWindow: this.#opts.getWindow
+		});
+		this.handleTypeaheadSearch = this.handleTypeaheadSearch.bind(this);
+		this.resetTypeahead = this.resetTypeahead.bind(this);
+	}
+	handleTypeaheadSearch(key) {
+		if (!this.#opts.enabled() || !this.#candidateValues().length) return;
+		this.#search.current = this.#search.current + key;
+		const currentItem = this.#opts.getCurrentItem();
+		const currentMatch = this.#candidateValues().find((item) => item === currentItem) ?? "";
+		const values = this.#candidateValues().map((item) => item ?? "");
+		const nextMatch = getNextMatch(values, this.#search.current, currentMatch);
+		const newItem = this.#candidateValues().find((item) => item === nextMatch);
+		if (newItem) this.#opts.onMatch(newItem);
+		return newItem;
+	}
+	resetTypeahead() {
+		this.#search.current = "";
+	}
+};
+var FIRST_KEYS = [
+	ARROW_DOWN,
+	PAGE_UP,
+	HOME
+];
+var LAST_KEYS = [
+	ARROW_UP,
+	PAGE_DOWN,
+	"End"
+];
+var FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
+var selectAttrs = createBitsAttrs({
+	component: "select",
+	parts: [
+		"trigger",
+		"content",
+		"item",
+		"viewport",
+		"scroll-up-button",
+		"scroll-down-button",
+		"group",
+		"group-label",
+		"separator",
+		"arrow",
+		"input",
+		"content-wrapper",
+		"item-text",
+		"value"
+	]
+});
+var SelectRootContext = new Context("Select.Root | Combobox.Root");
+var SelectContentContext = new Context("Select.Content | Combobox.Content");
+var SelectBaseRootState = class {
+	opts;
+	touchedInput = false;
+	inputNode = null;
+	contentNode = null;
+	contentPresence;
+	viewportNode = null;
+	triggerNode = null;
+	valueNode = null;
+	valueId = "";
+	/**
+	* Labels for selected values, populated when items are toggled or resolved from
+	* mounted item nodes. Used so `<Select.Value>` keeps labels after the menu closes.
+	*/
+	selectedLabelsByValue = new SvelteMap();
+	highlightedNode = null;
+	#highlightedValue = derived(() => {
+		if (!this.highlightedNode) return null;
+		return this.highlightedNode.getAttribute("data-value");
+	});
+	get highlightedValue() {
+		return this.#highlightedValue();
+	}
+	set highlightedValue($$value) {
+		return this.#highlightedValue($$value);
+	}
+	#highlightedId = derived(() => {
+		if (!this.highlightedNode) return void 0;
+		return this.highlightedNode.id;
+	});
+	get highlightedId() {
+		return this.#highlightedId();
+	}
+	set highlightedId($$value) {
+		return this.#highlightedId($$value);
+	}
+	#highlightedLabel = derived(() => {
+		if (!this.highlightedNode) return null;
+		return this.highlightedNode.getAttribute("data-label");
+	});
+	get highlightedLabel() {
+		return this.#highlightedLabel();
+	}
+	set highlightedLabel($$value) {
+		return this.#highlightedLabel($$value);
+	}
+	contentIsPositioned = false;
+	isUsingKeyboard = false;
+	pressedItem = null;
+	isCombobox = false;
+	domContext = new DOMContext(() => null);
+	constructor(opts) {
+		this.opts = opts;
+		this.isCombobox = opts.isCombobox;
+		this.contentPresence = new PresenceManager({
+			ref: boxWith(() => this.contentNode),
+			open: this.opts.open,
+			onComplete: () => {
+				this.opts.onOpenChangeComplete.current(this.opts.open.current);
+			}
+		});
+	}
+	setHighlightedNode(node, initial = false) {
+		this.highlightedNode = node;
+		if (node && (this.isUsingKeyboard || initial)) this.scrollHighlightedNodeIntoView(node);
+	}
+	scrollHighlightedNodeIntoView(node) {
+		if (!this.viewportNode || !this.contentIsPositioned) return;
+		node.scrollIntoView({ block: this.opts.scrollAlignment.current });
+	}
+	getCandidateNodes() {
+		const node = this.contentNode;
+		if (!node) return [];
+		return Array.from(node.querySelectorAll(`[${this.getBitsAttr("item")}]:not([data-disabled])`));
+	}
+	setHighlightedToFirstCandidate(initial = false) {
+		this.setHighlightedNode(null);
+		let nodes = this.getCandidateNodes();
+		if (!nodes.length) return;
+		if (this.viewportNode) {
+			const viewportRect = this.viewportNode.getBoundingClientRect();
+			nodes = nodes.filter((node) => {
+				if (!this.viewportNode) return false;
+				const nodeRect = node.getBoundingClientRect();
+				return nodeRect.right <= viewportRect.right && nodeRect.left >= viewportRect.left && nodeRect.bottom <= viewportRect.bottom && nodeRect.top >= viewportRect.top;
+			});
+		}
+		this.setHighlightedNode(nodes[0], initial);
+	}
+	getNodeByValue(value) {
+		return this.getCandidateNodes().find((node) => node.dataset.value === value) ?? null;
+	}
+	/**
+	* Resolves the display label for a value: a non-empty `items` entry, otherwise the
+	* label cached from the selected item. Never reads the DOM, so it stays reactive and
+	* works the same whether items are mounted, unmounted, or force-mounted.
+	*/
+	getLabelForValue(value) {
+		if (value === "") return "";
+		const fromItems = this.opts.items.current.find((item) => item.value === value)?.label;
+		if (fromItems?.trim()) return fromItems;
+		return this.selectedLabelsByValue.get(value) ?? value;
+	}
+	/** The item's `label`, falling back to its text content when the label is empty. */
+	resolveItemLabel(value, label, node) {
+		if (label?.trim()) return label;
+		return node?.textContent?.trim() || value;
+	}
+	setSelectedLabel(value, label) {
+		if (value === "" || label === value) this.selectedLabelsByValue.delete(value);
+		else this.selectedLabelsByValue.set(value, label);
+	}
+	pruneSelectedLabels(keptValues) {
+		for (const value of this.selectedLabelsByValue.keys()) if (!keptValues.includes(value)) this.selectedLabelsByValue.delete(value);
+	}
+	setOpen(open) {
+		this.opts.open.current = open;
+	}
+	toggleOpen() {
+		this.opts.open.current = !this.opts.open.current;
+	}
+	handleOpen() {
+		this.setOpen(true);
+	}
+	handleClose() {
+		this.setHighlightedNode(null);
+		this.setOpen(false);
+	}
+	toggleMenu() {
+		this.toggleOpen();
+	}
+	getBitsAttr = (part) => {
+		return selectAttrs.getAttr(part, this.isCombobox ? "combobox" : void 0);
+	};
+};
+var SelectSingleRootState = class extends SelectBaseRootState {
+	opts;
+	isMulti = false;
+	#hasValue = derived(() => this.opts.value.current !== "");
+	get hasValue() {
+		return this.#hasValue();
+	}
+	set hasValue($$value) {
+		return this.#hasValue($$value);
+	}
+	#currentLabel = derived(() => {
+		if (!this.opts.items.current.length) return "";
+		return this.opts.items.current.find((item) => item.value === this.opts.value.current)?.label ?? "";
+	});
+	get currentLabel() {
+		return this.#currentLabel();
+	}
+	set currentLabel($$value) {
+		return this.#currentLabel($$value);
+	}
+	#candidateLabels = derived(() => {
+		if (!this.opts.items.current.length) return [];
+		return this.opts.items.current.filter((item) => !item.disabled).map((item) => item.label);
+	});
+	get candidateLabels() {
+		return this.#candidateLabels();
+	}
+	set candidateLabels($$value) {
+		return this.#candidateLabels($$value);
+	}
+	#dataTypeaheadEnabled = derived(() => {
+		if (this.isMulti) return false;
+		if (this.opts.items.current.length === 0) return false;
+		return true;
+	});
+	get dataTypeaheadEnabled() {
+		return this.#dataTypeaheadEnabled();
+	}
+	set dataTypeaheadEnabled($$value) {
+		return this.#dataTypeaheadEnabled($$value);
+	}
+	constructor(opts) {
+		super(opts);
+		this.opts = opts;
+		watch(() => this.opts.open.current, () => {
+			if (!this.opts.open.current) return;
+			this.setInitialHighlightedNode();
+		});
+		watch(() => this.opts.value.current, (value) => {
+			this.pruneSelectedLabels(value === "" ? [] : [value]);
+		});
+	}
+	includesItem(itemValue) {
+		return this.opts.value.current === itemValue;
+	}
+	toggleItem(itemValue, itemLabel = itemValue) {
+		const newValue = this.includesItem(itemValue) ? "" : itemValue;
+		this.opts.value.current = newValue;
+		if (newValue !== "") {
+			this.setSelectedLabel(itemValue, itemLabel);
+			this.opts.inputValue.current = itemLabel;
+		}
+	}
+	setInitialHighlightedNode() {
+		afterTick(() => {
+			if (this.highlightedNode && this.domContext.getDocument().contains(this.highlightedNode)) return;
+			const node = this.getNodeByValue(this.opts.value.current);
+			if (node) {
+				this.setHighlightedNode(node, true);
+				return;
+			}
+			this.setHighlightedToFirstCandidate(true);
+		});
+	}
+};
+var SelectMultipleRootState = class extends SelectBaseRootState {
+	opts;
+	isMulti = true;
+	#hasValue = derived(() => this.opts.value.current.length > 0);
+	get hasValue() {
+		return this.#hasValue();
+	}
+	set hasValue($$value) {
+		return this.#hasValue($$value);
+	}
+	#valueSet = derived(() => new Set(this.opts.value.current));
+	constructor(opts) {
+		super(opts);
+		this.opts = opts;
+		watch(() => this.opts.open.current, () => {
+			if (!this.opts.open.current) return;
+			this.setInitialHighlightedNode();
+		});
+		watch(() => this.opts.value.current, (value) => {
+			this.pruneSelectedLabels(value);
+		});
+	}
+	includesItem(itemValue) {
+		return this.#valueSet().has(itemValue);
+	}
+	toggleItem(itemValue, itemLabel = itemValue) {
+		if (this.includesItem(itemValue)) this.opts.value.current = this.opts.value.current.filter((v) => v !== itemValue);
+		else {
+			this.opts.value.current = [...this.opts.value.current, itemValue];
+			this.setSelectedLabel(itemValue, itemLabel);
+		}
+		this.opts.inputValue.current = itemLabel;
+	}
+	setInitialHighlightedNode() {
+		afterTick(() => {
+			if (!this.domContext) return;
+			if (this.highlightedNode && this.domContext.getDocument().contains(this.highlightedNode)) return;
+			if (this.opts.value.current.length) {
+				const node = this.getNodeByValue(this.opts.value.current[0]);
+				if (node) {
+					this.setHighlightedNode(node, true);
+					return;
+				}
+			}
+			this.setHighlightedToFirstCandidate(true);
+		});
+	}
+};
+var SelectRootState = class {
+	static create(props) {
+		const { type, ...rest } = props;
+		const rootState = type === "single" ? new SelectSingleRootState(rest) : new SelectMultipleRootState(rest);
+		return SelectRootContext.set(rootState);
+	}
+};
+var SelectTriggerState = class SelectTriggerState {
+	static create(opts) {
+		return new SelectTriggerState(opts, SelectRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	#domTypeahead;
+	#dataTypeahead;
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(opts.ref, (v) => this.root.triggerNode = v);
+		this.root.domContext = new DOMContext(opts.ref);
+		this.#domTypeahead = new DOMTypeahead({
+			getCurrentItem: () => this.root.highlightedNode,
+			onMatch: (node) => {
+				this.root.setHighlightedNode(node);
+			},
+			getActiveElement: () => this.root.domContext.getActiveElement(),
+			getWindow: () => this.root.domContext.getWindow()
+		});
+		this.#dataTypeahead = new DataTypeahead({
+			getCurrentItem: () => {
+				if (this.root.isMulti) return "";
+				return this.root.currentLabel;
+			},
+			onMatch: (label) => {
+				if (this.root.isMulti) return;
+				if (!this.root.opts.items.current) return;
+				const matchedItem = this.root.opts.items.current.find((item) => item.label === label);
+				if (!matchedItem) return;
+				this.root.opts.value.current = matchedItem.value;
+			},
+			enabled: () => !this.root.isMulti && this.root.dataTypeaheadEnabled,
+			candidateValues: () => this.root.isMulti ? [] : this.root.candidateLabels,
+			getWindow: () => this.root.domContext.getWindow()
+		});
+		this.onkeydown = this.onkeydown.bind(this);
+		this.onpointerdown = this.onpointerdown.bind(this);
+		this.onpointerup = this.onpointerup.bind(this);
+		this.onclick = this.onclick.bind(this);
+	}
+	#handleOpen() {
+		this.root.opts.open.current = true;
+		this.#dataTypeahead.resetTypeahead();
+		this.#domTypeahead.resetTypeahead();
+	}
+	#handlePointerOpen(_) {
+		this.#handleOpen();
+	}
+	/**
+	* Logic used to handle keyboard selection/deselection.
+	*
+	* If it returns true, it means the item was selected and whatever is calling
+	* this function should return early
+	*
+	*/
+	#handleKeyboardSelection() {
+		const isCurrentSelectedValue = this.root.highlightedValue === this.root.opts.value.current;
+		if (!this.root.opts.allowDeselect.current && isCurrentSelectedValue && !this.root.isMulti) {
+			this.root.handleClose();
+			return true;
+		}
+		if (this.root.highlightedValue !== null) this.root.toggleItem(this.root.highlightedValue, this.root.resolveItemLabel(this.root.highlightedValue, this.root.highlightedLabel, this.root.highlightedNode));
+		if (!this.root.isMulti && !isCurrentSelectedValue) {
+			this.root.handleClose();
+			return true;
+		}
+		return false;
+	}
+	onkeydown(e) {
+		this.root.isUsingKeyboard = true;
+		if (e.key === "ArrowUp" || e.key === "ArrowDown") e.preventDefault();
+		if (!this.root.opts.open.current) {
+			if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault();
+				this.root.handleOpen();
+			} else if (!this.root.isMulti && this.root.dataTypeaheadEnabled) {
+				this.#dataTypeahead.handleTypeaheadSearch(e.key);
+				return;
+			}
+			if (this.root.hasValue) return;
+			const candidateNodes = this.root.getCandidateNodes();
+			if (!candidateNodes.length) return;
+			if (e.key === "ArrowDown") {
+				const firstCandidate = candidateNodes[0];
+				this.root.setHighlightedNode(firstCandidate);
+			} else if (e.key === "ArrowUp") {
+				const lastCandidate = candidateNodes[candidateNodes.length - 1];
+				this.root.setHighlightedNode(lastCandidate);
+			}
+			return;
+		}
+		if (e.key === "Tab") {
+			this.root.handleClose();
+			return;
+		}
+		if ((e.key === "Enter" || e.key === " " && this.#domTypeahead.search === "") && !e.isComposing) {
+			e.preventDefault();
+			if (this.#handleKeyboardSelection() || e.key === " ") return;
+		}
+		if (e.key === "ArrowUp" && e.altKey) this.root.handleClose();
+		if (FIRST_LAST_KEYS.includes(e.key)) {
+			e.preventDefault();
+			const candidateNodes = this.root.getCandidateNodes();
+			const currHighlightedNode = this.root.highlightedNode;
+			const currIndex = currHighlightedNode ? candidateNodes.indexOf(currHighlightedNode) : -1;
+			const loop = this.root.opts.loop.current;
+			let nextItem;
+			if (e.key === "ArrowDown") nextItem = next(candidateNodes, currIndex, loop);
+			else if (e.key === "ArrowUp") nextItem = prev(candidateNodes, currIndex, loop);
+			else if (e.key === "PageDown") nextItem = forward(candidateNodes, currIndex, 10, loop);
+			else if (e.key === "PageUp") nextItem = backward(candidateNodes, currIndex, 10, loop);
+			else if (e.key === "Home") nextItem = candidateNodes[0];
+			else if (e.key === "End") nextItem = candidateNodes[candidateNodes.length - 1];
+			if (!nextItem) return;
+			this.root.setHighlightedNode(nextItem);
+			return;
+		}
+		const isModifierKey = e.ctrlKey || e.altKey || e.metaKey;
+		const isCharacterKey = e.key.length === 1;
+		const isSpaceKey = e.key === " ";
+		const candidateNodes = this.root.getCandidateNodes();
+		if (e.key === "Tab") return;
+		if (!isModifierKey && (isCharacterKey || isSpaceKey)) {
+			const matchedNode = this.#domTypeahead.handleTypeaheadSearch(e.key, candidateNodes);
+			if (isSpaceKey) {
+				e.preventDefault();
+				if (!matchedNode) this.#handleKeyboardSelection();
+			}
+			return;
+		}
+		if (!this.root.highlightedNode) this.root.setHighlightedToFirstCandidate();
+	}
+	onclick(e) {
+		e.currentTarget.focus();
+		if (this.root.opts.disabled.current || e.detail !== 0) return;
+		if (this.root.opts.open.current) this.root.handleClose();
+		else this.#handleOpen();
+		e.preventDefault();
+	}
+	onpointerdown(e) {
+		if (this.root.opts.disabled.current || isDisabledElement(this.opts.ref.current)) return;
+		if (e.pointerType === "touch") return e.preventDefault();
+		const target = e.target;
+		if (target?.hasPointerCapture(e.pointerId)) target?.releasePointerCapture(e.pointerId);
+		if (e.button === 0 && e.ctrlKey === false) {
+			if (this.root.opts.open.current === false) this.#handlePointerOpen(e);
+			else this.root.handleClose();
+		}
+	}
+	onpointerup(e) {
+		if (this.root.opts.disabled.current || isDisabledElement(this.opts.ref.current)) return;
+		e.preventDefault();
+		if (e.pointerType === "touch") {
+			if (this.root.opts.open.current === false) this.#handlePointerOpen(e);
+			else this.root.handleClose();
+		}
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "combobox",
+		disabled: this.root.opts.disabled.current ? true : void 0,
+		"aria-haspopup": "listbox",
+		"aria-expanded": boolToStr(this.root.opts.open.current),
+		"aria-controls": this.root.contentNode?.id || void 0,
+		"aria-activedescendant": this.root.highlightedId,
+		"data-state": getDataOpenClosed(this.root.opts.open.current),
+		"data-disabled": boolToEmptyStrOrUndef(this.root.opts.disabled.current),
+		"data-placeholder": this.root.hasValue ? void 0 : "",
+		[this.root.getBitsAttr("trigger")]: "",
+		onpointerdown: this.onpointerdown,
+		onkeydown: this.onkeydown,
+		onclick: this.onclick,
+		onpointerup: this.onpointerup,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var SelectContentState = class SelectContentState {
+	static create(opts) {
+		return SelectContentContext.set(new SelectContentState(opts, SelectRootContext.get()));
+	}
+	opts;
+	root;
+	attachment;
+	isPositioned = false;
+	userHasScrolled = false;
+	domContext;
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(opts.ref, (v) => this.root.contentNode = v);
+		this.domContext = new DOMContext(this.opts.ref);
+		if (this.root.domContext === null) this.root.domContext = this.domContext;
+		watch(() => this.root.opts.open.current, () => {
+			if (this.root.opts.open.current) return;
+			this.root.contentIsPositioned = false;
+			this.isPositioned = false;
+			this.userHasScrolled = false;
+		});
+		watch([() => this.isPositioned, () => this.root.highlightedNode], () => {
+			if (!this.isPositioned || !this.root.highlightedNode) return;
+			if (this.root.isUsingKeyboard) this.userHasScrolled = false;
+			this.root.scrollHighlightedNodeIntoView(this.root.highlightedNode);
+		});
+		watch([() => this.isPositioned, () => this.root.viewportNode], () => {
+			const viewport = this.root.viewportNode;
+			if (!this.isPositioned || !viewport) return;
+			const onUserScroll = () => {
+				this.userHasScrolled = true;
+			};
+			const observer = new (this.domContext.getWindow()).ResizeObserver(() => {
+				if (this.userHasScrolled || !this.root.highlightedNode) return;
+				this.root.scrollHighlightedNodeIntoView(this.root.highlightedNode);
+			});
+			observer.observe(viewport);
+			return executeCallbacks(on(viewport, "wheel", onUserScroll, { passive: true }), on(viewport, "touchmove", onUserScroll, { passive: true }), () => observer.disconnect());
+		});
+		this.onpointermove = this.onpointermove.bind(this);
+	}
+	onpointermove(_) {
+		this.root.isUsingKeyboard = false;
+	}
+	onpointerdowncapture = () => {
+		this.root.pressedItem = null;
+	};
+	#styles = derived(() => {
+		return getFloatingContentCSSVars(this.root.isCombobox ? "combobox" : "select");
+	});
+	onInteractOutside = (e) => {
+		if (e.target === this.root.triggerNode || e.target === this.root.inputNode) {
+			e.preventDefault();
+			return;
+		}
+		this.opts.onInteractOutside.current(e);
+		if (e.defaultPrevented) return;
+		this.root.handleClose();
+	};
+	onEscapeKeydown = (e) => {
+		this.opts.onEscapeKeydown.current(e);
+		if (e.defaultPrevented) return;
+		this.root.handleClose();
+	};
+	onOpenAutoFocus = (e) => {
+		e.preventDefault();
+	};
+	onCloseAutoFocus = (e) => {
+		e.preventDefault();
+	};
+	get shouldRender() {
+		return this.root.contentPresence.shouldRender;
+	}
+	#snippetProps = derived(() => ({ open: this.root.opts.open.current }));
+	get snippetProps() {
+		return this.#snippetProps();
+	}
+	set snippetProps($$value) {
+		return this.#snippetProps($$value);
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "listbox",
+		"aria-multiselectable": this.root.isMulti ? "true" : void 0,
+		"data-state": getDataOpenClosed(this.root.opts.open.current),
+		...getDataTransitionAttrs(this.root.contentPresence.transitionStatus),
+		[this.root.getBitsAttr("content")]: "",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			outline: "none",
+			boxSizing: "border-box",
+			pointerEvents: "auto",
+			...this.#styles()
+		},
+		onpointermove: this.onpointermove,
+		onpointerdowncapture: this.onpointerdowncapture,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+	popperProps = {
+		onInteractOutside: this.onInteractOutside,
+		onEscapeKeydown: this.onEscapeKeydown,
+		onOpenAutoFocus: this.onOpenAutoFocus,
+		onCloseAutoFocus: this.onCloseAutoFocus,
+		trapFocus: false,
+		loop: false,
+		onPlaced: () => {
+			if (this.root.opts.open.current) {
+				this.root.contentIsPositioned = true;
+				this.isPositioned = true;
+			}
+		}
+	};
+};
+var SelectItemState = class SelectItemState {
+	static create(opts) {
+		return new SelectItemState(opts, SelectRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	#isSelected = derived(() => this.root.includesItem(this.opts.value.current));
+	get isSelected() {
+		return this.#isSelected();
+	}
+	set isSelected($$value) {
+		return this.#isSelected($$value);
+	}
+	#isHighlighted = derived(() => this.root.highlightedValue === this.opts.value.current);
+	get isHighlighted() {
+		return this.#isHighlighted();
+	}
+	set isHighlighted($$value) {
+		return this.#isHighlighted($$value);
+	}
+	#isHighlightedAndEnabled = derived(() => this.isHighlighted && !this.opts.disabled.current);
+	prevHighlighted = new Previous(() => this.isHighlighted);
+	mounted = false;
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(opts.ref);
+		watch([() => this.isHighlighted, () => this.prevHighlighted.current], () => {
+			if (this.isHighlighted) this.opts.onHighlight.current();
+			else if (this.prevHighlighted.current) this.opts.onUnhighlight.current();
+		});
+		watch(() => this.mounted, () => {
+			if (!this.mounted) return;
+			this.root.setInitialHighlightedNode();
+		});
+		watch([
+			() => this.isSelected,
+			() => this.mounted,
+			() => this.opts.value.current,
+			() => this.opts.label.current
+		], ([selected, mounted, value]) => {
+			if (!selected || !mounted) return;
+			this.root.setSelectedLabel(value, this.#resolveLabel());
+		});
+		this.onpointerdown = this.onpointerdown.bind(this);
+		this.onpointerup = this.onpointerup.bind(this);
+		this.onpointermove = this.onpointermove.bind(this);
+	}
+	#resolveLabel() {
+		return this.root.resolveItemLabel(this.opts.value.current, this.opts.label.current, this.opts.ref.current);
+	}
+	handleSelect() {
+		if (this.opts.disabled.current) return;
+		const isCurrentSelectedValue = this.opts.value.current === this.root.opts.value.current;
+		if (!this.root.opts.allowDeselect.current && isCurrentSelectedValue && !this.root.isMulti) {
+			this.root.handleClose();
+			return;
+		}
+		this.root.toggleItem(this.opts.value.current, this.#resolveLabel());
+		if (!this.root.isMulti && !isCurrentSelectedValue) this.root.handleClose();
+	}
+	#snippetProps = derived(() => ({
+		selected: this.isSelected,
+		highlighted: this.isHighlighted
+	}));
+	get snippetProps() {
+		return this.#snippetProps();
+	}
+	set snippetProps($$value) {
+		return this.#snippetProps($$value);
+	}
+	onpointerdown(e) {
+		e.preventDefault();
+		this.root.pressedItem = {
+			item: this,
+			x: e.clientX,
+			y: e.clientY
+		};
+	}
+	/**
+	* Using `pointerup` instead of `click` allows power users to pointerdown
+	* the trigger, then release pointerup on an item to select it vs having to do
+	* multiple clicks.
+	*/
+	onpointerup(e) {
+		if (e.defaultPrevented || !this.opts.ref.current) return;
+		const press = this.root.pressedItem;
+		this.root.pressedItem = null;
+		if (press && press.item !== this && Math.hypot(e.clientX - press.x, e.clientY - press.y) < 4) {
+			e.preventDefault();
+			press.item.handleSelect();
+			return;
+		}
+		/**
+		* For one reason or another, when it's a touch pointer and _not_ on IOS,
+		* we need to listen for the immediate click event to handle the selection,
+		* otherwise a click event will fire on the element _behind_ the item.
+		*/
+		if (e.pointerType === "touch" && !isIOS) {
+			on(this.opts.ref.current, "click", () => {
+				this.handleSelect();
+				this.root.setHighlightedNode(this.opts.ref.current);
+			}, { once: true });
+			return;
+		}
+		e.preventDefault();
+		this.handleSelect();
+		if (e.pointerType === "touch") this.root.setHighlightedNode(this.opts.ref.current);
+	}
+	onpointermove(e) {
+		/**
+		* We don't want to highlight items on touch devices when scrolling,
+		* as this is confusing behavior, so we return here and instead handle
+		* the highlighting on the `pointerup` (or following `click`) event for
+		* touch devices only.
+		*/
+		if (e.pointerType === "touch") return;
+		if (this.root.highlightedNode !== this.opts.ref.current) this.root.setHighlightedNode(this.opts.ref.current);
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "option",
+		"aria-selected": boolToStr(this.isSelected),
+		"data-value": this.opts.value.current,
+		"data-disabled": boolToEmptyStrOrUndef(this.opts.disabled.current),
+		"data-highlighted": boolToEmptyStrOrUndef(this.#isHighlightedAndEnabled()),
+		"data-selected": boolToEmptyStrOrUndef(this.isSelected),
+		"data-label": this.opts.label.current,
+		[this.root.getBitsAttr("item")]: "",
+		onpointermove: this.onpointermove,
+		onpointerdown: this.onpointerdown,
+		onpointerup: this.onpointerup,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var SelectHiddenInputState = class SelectHiddenInputState {
+	static create(opts) {
+		return new SelectHiddenInputState(opts, SelectRootContext.get());
+	}
+	opts;
+	root;
+	#shouldRender = derived(() => this.root.opts.name.current !== "");
+	get shouldRender() {
+		return this.#shouldRender();
+	}
+	set shouldRender($$value) {
+		return this.#shouldRender($$value);
+	}
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.onfocus = this.onfocus.bind(this);
+	}
+	onfocus(e) {
+		e.preventDefault();
+		if (!this.root.isCombobox) this.root.triggerNode?.focus();
+		else this.root.inputNode?.focus();
+	}
+	#props = derived(() => ({
+		disabled: boolToTrueOrUndef(this.root.opts.disabled.current),
+		required: boolToTrueOrUndef(this.root.opts.required.current),
+		name: this.root.opts.name.current,
+		value: this.opts.value.current,
+		onfocus: this.onfocus
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var SelectViewportState = class SelectViewportState {
+	static create(opts) {
+		return new SelectViewportState(opts, SelectContentContext.get());
+	}
+	opts;
+	content;
+	root;
+	attachment;
+	prevScrollTop = 0;
+	constructor(opts, content) {
+		this.opts = opts;
+		this.content = content;
+		this.root = content.root;
+		this.attachment = attachRef(opts.ref, (v) => {
+			this.root.viewportNode = v;
+		});
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "presentation",
+		[this.root.getBitsAttr("viewport")]: "",
+		style: {
+			position: "relative",
+			flex: 1,
+			overflow: "auto"
+		},
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var SelectScrollButtonImplState = class {
+	opts;
+	content;
+	root;
+	attachment;
+	autoScrollTimer = null;
+	userScrollTimer = -1;
+	isUserScrolling = false;
+	onAutoScroll = noop;
+	mounted = false;
+	constructor(opts, content) {
+		this.opts = opts;
+		this.content = content;
+		this.root = content.root;
+		this.attachment = attachRef(opts.ref);
+		watch([() => this.mounted], () => {
+			if (this.mounted) return;
+			this.isUserScrolling = false;
+		});
+		this.onpointerdown = this.onpointerdown.bind(this);
+		this.onpointermove = this.onpointermove.bind(this);
+		this.onpointerleave = this.onpointerleave.bind(this);
+	}
+	handleUserScroll() {
+		this.content.domContext.clearTimeout(this.userScrollTimer);
+		this.isUserScrolling = true;
+		this.userScrollTimer = this.content.domContext.setTimeout(() => {
+			this.isUserScrolling = false;
+		}, 200);
+	}
+	clearAutoScrollInterval() {
+		if (this.autoScrollTimer === null) return;
+		this.content.domContext.clearTimeout(this.autoScrollTimer);
+		this.autoScrollTimer = null;
+	}
+	onpointerdown(_) {
+		if (this.autoScrollTimer !== null || !this.root.opts.open.current) return;
+		this.content.userHasScrolled = true;
+		const autoScroll = (tick) => {
+			this.onAutoScroll();
+			this.autoScrollTimer = this.content.domContext.setTimeout(() => autoScroll(tick + 1), this.opts.delay.current(tick));
+		};
+		this.autoScrollTimer = this.content.domContext.setTimeout(() => autoScroll(1), this.opts.delay.current(0));
+	}
+	onpointermove(e) {
+		this.onpointerdown(e);
+	}
+	onpointerleave(_) {
+		this.clearAutoScrollInterval();
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		"aria-hidden": boolToStrTrueOrUndef(true),
+		style: { flexShrink: 0 },
+		onpointerdown: this.onpointerdown,
+		onpointermove: this.onpointermove,
+		onpointerleave: this.onpointerleave,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var SelectScrollDownButtonState = class SelectScrollDownButtonState {
+	static create(opts) {
+		return new SelectScrollDownButtonState(new SelectScrollButtonImplState(opts, SelectContentContext.get()));
+	}
+	scrollButtonState;
+	content;
+	root;
+	canScrollDown = false;
+	constructor(scrollButtonState) {
+		this.scrollButtonState = scrollButtonState;
+		this.content = scrollButtonState.content;
+		this.root = scrollButtonState.root;
+		this.scrollButtonState.onAutoScroll = this.handleAutoScroll;
+		watch([() => this.root.viewportNode, () => this.content.isPositioned], () => {
+			const viewport = this.root.viewportNode;
+			if (!viewport || !this.content.isPositioned) return;
+			this.handleScroll(true);
+			return on(viewport, "scroll", () => this.handleScroll());
+		});
+		/**
+		* If the input value changes, this means that the filtered items may have changed,
+		* so we need to re-evaluate the scroll-ability of the list.
+		*/
+		watch([
+			() => this.root.opts.inputValue.current,
+			() => this.root.viewportNode,
+			() => this.content.isPositioned
+		], () => {
+			if (!this.root.viewportNode || !this.content.isPositioned) return;
+			this.handleScroll(true);
+		});
+	}
+	/**
+	* @param manual - if true, it means the function was invoked manually outside of an event
+	* listener, so we don't call `handleUserScroll` to prevent the auto scroll from kicking in.
+	*/
+	handleScroll = (manual = false) => {
+		if (!manual) this.scrollButtonState.handleUserScroll();
+		if (!this.root.viewportNode) return;
+		const maxScroll = this.root.viewportNode.scrollHeight - this.root.viewportNode.clientHeight;
+		const paddingTop = Number.parseInt(getComputedStyle(this.root.viewportNode).paddingTop, 10);
+		this.canScrollDown = Math.ceil(this.root.viewportNode.scrollTop) < maxScroll - paddingTop;
+	};
+	handleAutoScroll = () => {
+		const viewport = this.root.viewportNode;
+		const selectedItem = this.root.highlightedNode;
+		if (!viewport || !selectedItem) return;
+		viewport.scrollTop = viewport.scrollTop + selectedItem.offsetHeight;
+	};
+	#props = derived(() => ({
+		...this.scrollButtonState.props,
+		[this.root.getBitsAttr("scroll-down-button")]: ""
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var SelectScrollUpButtonState = class SelectScrollUpButtonState {
+	static create(opts) {
+		return new SelectScrollUpButtonState(new SelectScrollButtonImplState(opts, SelectContentContext.get()));
+	}
+	scrollButtonState;
+	content;
+	root;
+	canScrollUp = false;
+	constructor(scrollButtonState) {
+		this.scrollButtonState = scrollButtonState;
+		this.content = scrollButtonState.content;
+		this.root = scrollButtonState.root;
+		this.scrollButtonState.onAutoScroll = this.handleAutoScroll;
+		watch([() => this.root.viewportNode, () => this.content.isPositioned], () => {
+			if (!this.root.viewportNode || !this.content.isPositioned) return;
+			this.handleScroll(true);
+			return on(this.root.viewportNode, "scroll", () => this.handleScroll());
+		});
+	}
+	/**
+	* @param manual - if true, it means the function was invoked manually outside of an event
+	* listener, so we don't call `handleUserScroll` to prevent the auto scroll from kicking in.
+	*/
+	handleScroll = (manual = false) => {
+		if (!manual) this.scrollButtonState.handleUserScroll();
+		if (!this.root.viewportNode) return;
+		const paddingTop = Number.parseInt(getComputedStyle(this.root.viewportNode).paddingTop, 10);
+		this.canScrollUp = this.root.viewportNode.scrollTop - paddingTop > .1;
+	};
+	handleAutoScroll = () => {
+		if (!this.root.viewportNode || !this.root.highlightedNode) return;
+		this.root.viewportNode.scrollTop = this.root.viewportNode.scrollTop - this.root.highlightedNode.offsetHeight;
+	};
+	#props = derived(() => ({
+		...this.scrollButtonState.props,
+		[this.root.getBitsAttr("scroll-up-button")]: ""
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select-hidden-input.svelte
+function Select_hidden_input($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { value = void 0, autocomplete } = $$props;
+		const hiddenInputState = SelectHiddenInputState.create({ value: boxWith(() => value) });
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (hiddenInputState.shouldRender) {
+				$$renderer.push("<!--[0-->");
+				Hidden_input($$renderer, spread_props([hiddenInputState.props, {
+					autocomplete,
+					get value() {
+						return value;
+					},
+					set value($$value) {
+						value = $$value;
+						$$settled = false;
+					}
+				}]));
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { value });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select-content.svelte
+function Select_content$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, forceMount = false, side = "bottom", onInteractOutside = noop, onEscapeKeydown = noop, children, child, preventScroll = false, style, $$slots, $$events, ...restProps } = $$props;
+		const contentState = SelectContentState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v),
+			onInteractOutside: boxWith(() => onInteractOutside),
+			onEscapeKeydown: boxWith(() => onEscapeKeydown)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, contentState.props));
+		if (forceMount) {
+			$$renderer.push("<!--[0-->");
+			{
+				function popper($$renderer, { props, wrapperProps }) {
+					const finalProps = mergeProps(props, { style: contentState.props.style }, { style });
+					if (child) {
+						$$renderer.push("<!--[0-->");
+						child($$renderer, {
+							props: finalProps,
+							wrapperProps,
+							...contentState.snippetProps
+						});
+						$$renderer.push(`<!---->`);
+					} else {
+						$$renderer.push(`<!--[-1--><div${attributes({ ...wrapperProps })}><div${attributes({ ...finalProps })}>`);
+						children?.($$renderer);
+						$$renderer.push(`<!----></div></div>`);
+					}
+					$$renderer.push(`<!--]-->`);
+				}
+				Popper_layer_force_mount($$renderer, spread_props([
+					mergedProps(),
+					contentState.popperProps,
+					{
+						ref: contentState.opts.ref,
+						side,
+						enabled: contentState.root.opts.open.current,
+						id,
+						preventScroll,
+						forceMount: true,
+						shouldRender: contentState.shouldRender,
+						popper,
+						$$slots: { popper: true }
+					}
+				]));
+			}
+		} else if (!forceMount) {
+			$$renderer.push("<!--[1-->");
+			{
+				function popper($$renderer, { props, wrapperProps }) {
+					const finalProps = mergeProps(props, { style: contentState.props.style }, { style });
+					if (child) {
+						$$renderer.push("<!--[0-->");
+						child($$renderer, {
+							props: finalProps,
+							wrapperProps,
+							...contentState.snippetProps
+						});
+						$$renderer.push(`<!---->`);
+					} else {
+						$$renderer.push(`<!--[-1--><div${attributes({ ...wrapperProps })}><div${attributes({ ...finalProps })}>`);
+						children?.($$renderer);
+						$$renderer.push(`<!----></div></div>`);
+					}
+					$$renderer.push(`<!--]-->`);
+				}
+				Popper_layer($$renderer, spread_props([
+					mergedProps(),
+					contentState.popperProps,
+					{
+						ref: contentState.opts.ref,
+						side,
+						open: contentState.root.opts.open.current,
+						id,
+						preventScroll,
+						forceMount: false,
+						shouldRender: contentState.shouldRender,
+						popper,
+						$$slots: { popper: true }
+					}
+				]));
+			}
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/utilities/mounted.svelte
+function Mounted($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { mounted = false, onMountedChange = noop } = $$props;
+		bind_props($$props, { mounted });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select-item.svelte
+function Select_item$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, value, label = value, disabled = false, children, child, onHighlight = noop, onUnhighlight = noop, $$slots, $$events, ...restProps } = $$props;
+		const itemState = SelectItemState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v),
+			value: boxWith(() => value),
+			disabled: boxWith(() => disabled),
+			label: boxWith(() => label),
+			onHighlight: boxWith(() => onHighlight),
+			onUnhighlight: boxWith(() => onUnhighlight)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, itemState.props));
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (child) {
+				$$renderer.push("<!--[0-->");
+				child($$renderer, {
+					props: mergedProps(),
+					...itemState.snippetProps
+				});
+				$$renderer.push(`<!---->`);
+			} else {
+				$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+				children?.($$renderer, itemState.snippetProps);
+				$$renderer.push(`<!----></div>`);
+			}
+			$$renderer.push(`<!--]--> `);
+			Mounted($$renderer, {
+				get mounted() {
+					return itemState.mounted;
+				},
+				set mounted($$value) {
+					itemState.mounted = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!---->`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select-viewport.svelte
+function Select_viewport($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, children, child, $$slots, $$events, ...restProps } = $$props;
+		const viewportState = SelectViewportState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, viewportState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select-scroll-down-button.svelte
+function Select_scroll_down_button$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, delay = () => 50, child, children, $$slots, $$events, ...restProps } = $$props;
+		const scrollButtonState = SelectScrollDownButtonState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v),
+			delay: boxWith(() => delay)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, scrollButtonState.props));
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (scrollButtonState.canScrollDown) {
+				$$renderer.push("<!--[0-->");
+				Mounted($$renderer, {
+					get mounted() {
+						return scrollButtonState.scrollButtonState.mounted;
+					},
+					set mounted($$value) {
+						scrollButtonState.scrollButtonState.mounted = $$value;
+						$$settled = false;
+					}
+				});
+				$$renderer.push(`<!----> `);
+				if (child) {
+					$$renderer.push("<!--[0-->");
+					child($$renderer, { props: restProps });
+					$$renderer.push(`<!---->`);
+				} else {
+					$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+					children?.($$renderer);
+					$$renderer.push(`<!----></div>`);
+				}
+				$$renderer.push(`<!--]-->`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select-scroll-up-button.svelte
+function Select_scroll_up_button$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, delay = () => 50, child, children, $$slots, $$events, ...restProps } = $$props;
+		const scrollButtonState = SelectScrollUpButtonState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v),
+			delay: boxWith(() => delay)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, scrollButtonState.props));
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (scrollButtonState.canScrollUp) {
+				$$renderer.push("<!--[0-->");
+				Mounted($$renderer, {
+					get mounted() {
+						return scrollButtonState.scrollButtonState.mounted;
+					},
+					set mounted($$value) {
+						scrollButtonState.scrollButtonState.mounted = $$value;
+						$$settled = false;
+					}
+				});
+				$$renderer.push(`<!----> `);
+				if (child) {
+					$$renderer.push("<!--[0-->");
+					child($$renderer, { props: restProps });
+					$$renderer.push(`<!---->`);
+				} else {
+					$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+					children?.($$renderer);
+					$$renderer.push(`<!----></div>`);
+				}
+				$$renderer.push(`<!--]-->`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select.svelte
+function Select($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { value = void 0, onValueChange = noop, name = "", disabled = false, type, open = false, onOpenChange = noop, onOpenChangeComplete = noop, loop = false, scrollAlignment = "nearest", required = false, items = [], allowDeselect = false, autocomplete, children } = $$props;
+		function handleDefaultValue() {
+			if (value !== void 0) return;
+			value = type === "single" ? "" : [];
+		}
+		handleDefaultValue();
+		watch.pre(() => value, () => {
+			handleDefaultValue();
+		});
+		let inputValue = "";
+		const rootState = SelectRootState.create({
+			type: run(() => type),
+			value: boxWith(() => value, (v) => {
+				value = v;
+				onValueChange(v);
+			}),
+			disabled: boxWith(() => disabled),
+			required: boxWith(() => required),
+			open: boxWith(() => open, (v) => {
+				open = v;
+				onOpenChange(v);
+			}),
+			loop: boxWith(() => loop),
+			scrollAlignment: boxWith(() => scrollAlignment),
+			name: boxWith(() => name),
+			isCombobox: false,
+			items: boxWith(() => items),
+			allowDeselect: boxWith(() => allowDeselect),
+			inputValue: boxWith(() => inputValue, (v) => inputValue = v),
+			onOpenChangeComplete: boxWith(() => onOpenChangeComplete)
+		});
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			Floating_layer($$renderer, {
+				children: ($$renderer) => {
+					children?.($$renderer);
+					$$renderer.push(`<!---->`);
+				}});
+			$$renderer.push(`<!----> `);
+			if (Array.isArray(rootState.opts.value.current)) {
+				$$renderer.push("<!--[0-->");
+				if (rootState.opts.value.current.length === 0) {
+					$$renderer.push("<!--[0-->");
+					Select_hidden_input($$renderer, { autocomplete });
+				} else {
+					$$renderer.push(`<!--[-1--><!--[-->`);
+					const each_array = ensure_array_like(rootState.opts.value.current);
+					for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+						let item = each_array[$$index];
+						Select_hidden_input($$renderer, {
+							value: item,
+							autocomplete
+						});
+					}
+					$$renderer.push(`<!--]-->`);
+				}
+				$$renderer.push(`<!--]-->`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				Select_hidden_input($$renderer, {
+					autocomplete,
+					get value() {
+						return rootState.opts.value.current;
+					},
+					set value($$value) {
+						rootState.opts.value.current = $$value;
+						$$settled = false;
+					}
+				});
+			}
+			$$renderer.push(`<!--]-->`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, {
+			value,
+			open
+		});
+	});
+}
+// ../../node_modules/.pnpm/bits-ui@2.20.2_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_352103915e0d81ce5e87f30915895338/node_modules/bits-ui/dist/bits/select/components/select-trigger.svelte
+function Select_trigger$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, child, children, type = "button", $$slots, $$events, ...restProps } = $$props;
+		const triggerState = SelectTriggerState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, triggerState.props, { type }));
+		if (Floating_layer_anchor) {
+			$$renderer.push("<!--[-->");
+			Floating_layer_anchor($$renderer, {
+				id,
+				ref: triggerState.opts.ref,
+				children: ($$renderer) => {
+					if (child) {
+						$$renderer.push("<!--[0-->");
+						child($$renderer, { props: mergedProps() });
+						$$renderer.push(`<!---->`);
+					} else {
+						$$renderer.push(`<!--[-1--><button${attributes({ ...mergedProps() })}>`);
+						children?.($$renderer);
+						$$renderer.push(`<!----></button>`);
+					}
+					$$renderer.push(`<!--]-->`);
+				}});
+			$$renderer.push("<!--]-->");
+		} else {
+			$$renderer.push("<!--[!-->");
+			$$renderer.push("<!--]-->");
+		}
+		bind_props($$props, { ref });
+	});
+}
+// ../ui/src/lib/components/primitives/select/select-item.svelte
+function Select_item($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, value, label, children: childrenProp, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			{
+				function children($$renderer, { selected, highlighted }) {
+					$$renderer.push(`<span class="right-2 size-3.5 absolute flex items-center justify-center">`);
+					if (selected) {
+						$$renderer.push("<!--[0-->");
+						Check($$renderer, { class: "size-4" });
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></span> `);
+					if (childrenProp) {
+						$$renderer.push("<!--[0-->");
+						childrenProp($$renderer, {
+							selected,
+							highlighted
+						});
+						$$renderer.push(`<!---->`);
+					} else $$renderer.push(`<!--[-1-->${escape_html(label || value)}`);
+					$$renderer.push(`<!--]-->`);
+				}
+				if (Select_item$1) {
+					$$renderer.push("<!--[-->");
+					Select_item$1($$renderer, spread_props([
+						{
+							value,
+							"data-slot": "select-item",
+							class: cn("gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center", className)
+						},
+						restProps,
+						{
+							get ref() {
+								return ref;
+							},
+							set ref($$value) {
+								ref = $$value;
+								$$settled = false;
+							},
+							children,
+							$$slots: { default: true }
+						}
+					]));
+					$$renderer.push("<!--]-->");
+				} else {
+					$$renderer.push("<!--[!-->");
+					$$renderer.push("<!--]-->");
+				}
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../ui/src/lib/components/primitives/select/select-scroll-up-button.svelte
+function Select_scroll_up_button($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Select_scroll_up_button$1) {
+				$$renderer.push("<!--[-->");
+				Select_scroll_up_button$1($$renderer, spread_props([
+					{
+						"data-slot": "select-scroll-up-button",
+						class: cn("py-1 flex cursor-default items-center justify-center", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						},
+						children: ($$renderer) => {
+							Chevron_up($$renderer, { class: "size-4" });
+						},
+						$$slots: { default: true }
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../ui/src/lib/components/primitives/select/select-scroll-down-button.svelte
+function Select_scroll_down_button($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Select_scroll_down_button$1) {
+				$$renderer.push("<!--[-->");
+				Select_scroll_down_button$1($$renderer, spread_props([
+					{
+						"data-slot": "select-scroll-down-button",
+						class: cn("py-1 flex cursor-default items-center justify-center", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						},
+						children: ($$renderer) => {
+							Chevron_down($$renderer, { class: "size-4" });
+						},
+						$$slots: { default: true }
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../ui/src/lib/components/primitives/select/select-content.svelte
+function Select_content($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, sideOffset = 4, portalProps, children, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Portal) {
+				$$renderer.push("<!--[-->");
+				Portal($$renderer, spread_props([portalProps, {
+					children: ($$renderer) => {
+						if (Select_content$1) {
+							$$renderer.push("<!--[-->");
+							Select_content$1($$renderer, spread_props([
+								{
+									sideOffset,
+									"data-slot": "select-content",
+									class: cn("shadow-md data-[side=bottom]:translate-y-1 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:-translate-x-1 data-[side=left]:slide-in-from-right-2 data-[side=right]:translate-x-1 data-[side=right]:slide-in-from-left-2 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 min-w-32 relative z-50 max-h-(--bits-select-content-available-height) origin-(--bits-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground", className)
+								},
+								restProps,
+								{
+									get ref() {
+										return ref;
+									},
+									set ref($$value) {
+										ref = $$value;
+										$$settled = false;
+									},
+									children: ($$renderer) => {
+										Select_scroll_up_button($$renderer, {});
+										$$renderer.push(`<!----> `);
+										if (Select_viewport) {
+											$$renderer.push("<!--[-->");
+											Select_viewport($$renderer, {
+												class: cn("scroll-my-1 p-1 h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width)"),
+												children: ($$renderer) => {
+													children?.($$renderer);
+													$$renderer.push(`<!---->`);
+												},
+												$$slots: { default: true }
+											});
+											$$renderer.push("<!--]-->");
+										} else {
+											$$renderer.push("<!--[!-->");
+											$$renderer.push("<!--]-->");
+										}
+										$$renderer.push(` `);
+										Select_scroll_down_button($$renderer, {});
+										$$renderer.push(`<!---->`);
+									},
+									$$slots: { default: true }
+								}
+							]));
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+					},
+					$$slots: { default: true }
+				}]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../ui/src/lib/components/primitives/select/select-trigger.svelte
+function Select_trigger($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, children, size = "default", $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Select_trigger$1) {
+				$$renderer.push("<!--[-->");
+				Select_trigger$1($$renderer, spread_props([
+					{
+						"data-slot": "select-trigger",
+						"data-size": size,
+						class: cn("gap-2 px-3 py-2 text-sm shadow-xs data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between rounded-md border border-input bg-transparent whitespace-nowrap transition outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						},
+						children: ($$renderer) => {
+							children?.($$renderer);
+							$$renderer.push(`<!----> `);
+							Chevron_down($$renderer, { class: "size-4 opacity-50" });
+							$$renderer.push(`<!---->`);
+						},
+						$$slots: { default: true }
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+// ../ui/src/lib/components/primitives/select/index.ts
+var Root = Select;
+
+export { Hidden_input as H, Root as R, Select_trigger as S, Select_content as a, Select_item as b };
+//# sourceMappingURL=select.js-DcXRaO5q.js.map