@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/staticSelect.utils-CBmV4sam.js

@@ -0,0 +1,1834 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { t as ChevronDown } from "./chevron-down-RksSwG1O.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-C1X9yBT6.js";
+import { t as X } from "./x-BD2AijMA.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-D3gCeElo.js";
+import { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, f as $263ab7fc0f95ccdb$export$2dbbd341daed716d, h as $4b38b5b75ecc6208$export$698f465ec27e93df, l as $542a13ca2fa5b484$export$9b9a0cd73afb7ca4, p as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5, r as $f2ff30fde7b014be$export$d2f961adcb0afbe, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-CLWfxiie.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-C6BonuOp.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1, t as $7705c033048f6da7$export$24d547caef80ccd1 } from "./Button-CRlZqaJq.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D_lEB52w.js";
+import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-Bam3kea-.js";
+import { n as $41fb335299a4a39e$export$f5b8910cec6cf069, t as $41fb335299a4a39e$export$37fb8590cf2c088c } from "./Input-BmIahisJ.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, n as $928221da08ecbc62$export$7c5906fe4f1f2af2, r as $928221da08ecbc62$export$7ff8f37d2d81a48d, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-Dx42Gif4.js";
+import { i as $a3be900807531178$re_export$useFilter, n as $a3be900807531178$re_export$ListLayout, r as $a3be900807531178$re_export$Rect } from "./exports-DUKqxyno.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { i as $23f2114a1b82827e$export$e58f029f0fbfdb29, r as $23f2114a1b82827e$export$cd4e5573fbe2b576, t as $c4867b2f328c2698$export$e5c5a5f917a5871c } from "./useLayoutEffect-DN7Dbrb9.js";
+import { n as $2add3ce32c6007eb$export$78551043582a6a98, s as $2add3ce32c6007eb$export$fedb369cb70207f1 } from "./platform-3R53zj-n.js";
+import { t as $a4e76a5424781910$export$e08e3b67e392101e } from "./chain-BKPAL-J_.js";
+import { n as $901761b40e390936$export$2bb74740c4e19def, r as $2b2d34ff061957fb$export$2b85b721e524d74b, t as $3578607fe3d4b096$export$cfa2225e87938781 } from "./getScrollParent-WT3K8H_b.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Spinner } from "./Spinner-owSXOEzg.js";
+import { BottomSheet } from "./components/bottom-sheet.js";
+import { t as useBreakpoint } from "./useBreakpoint-CDKDB0E2.js";
+import { TextButton } from "./components/text-button.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-DDGNxVX8.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-BHPdCLEV.js";
+import { t as Tag } from "./Tag-1N-2yYCH.js";
+import "./i18n-BDjNuy4Z.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-DYfZF2Ly.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
+import { t as popoverDefinition } from "./popover.cva-CXha_UMQ.js";
+import { Input } from "./components/input.js";
+import $ahdqC$react, { Fragment, createContext, use, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import "react-aria/mergeProps";
+import { CollectionBuilder } from "react-aria/CollectionBuilder";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import "react-aria/useFocusRing";
+import "react-aria/useHover";
+import { createHideableComponent } from "react-aria/private/collections/Hidden";
+import { useResizeObserver } from "react-aria/private/utils/useResizeObserver";
+import { useComboBox } from "react-aria/useComboBox";
+import { useComboBoxState } from "react-stately/useComboBoxState";
+import { useFilter } from "react-aria/useFilter";
+import "react-aria/useListFormatter";
+import { useVirtualizerState } from "react-stately/useVirtualizerState";
+import { useScrollView } from "react-aria/private/virtualizer/ScrollView";
+import { VirtualizerItem } from "react-aria/private/virtualizer/VirtualizerItem";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useLabel } from "@react-aria/label";
+import { useFocusVisible, useFocusWithin, useHover as useHover$1 } from "@react-aria/interactions";
+import { useTranslation } from "react-i18next";
+/**
+* @license lucide-react v1.37.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const Search = createLucideIcon("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]);
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Group.mjs
+const $3a442827418ebe87$export$f9c6924e160136d1 = /*#__PURE__*/ createContext({});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ComboBox.mjs
+const $dbdc5e6e7ce01b4b$export$d414ccceff7063c3 = /*#__PURE__*/ createContext(null);
+const $dbdc5e6e7ce01b4b$export$c02625b26074192c = /*#__PURE__*/ createContext(null);
+const $dbdc5e6e7ce01b4b$export$72b9695b8216309a = /*#__PURE__*/ createHideableComponent(function ComboBox(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $dbdc5e6e7ce01b4b$export$d414ccceff7063c3);
+	let { children, isDisabled = false, isInvalid = false, isRequired = false, isReadOnly = false } = props;
+	let content = useMemo(() => /*#__PURE__*/ $ahdqC$react.createElement($928221da08ecbc62$export$7ff8f37d2d81a48d.Provider, { value: { items: props.items ?? props.defaultItems } }, typeof children === "function" ? children({
+		isOpen: false,
+		isDisabled,
+		isInvalid,
+		isRequired,
+		defaultChildren: null,
+		isReadOnly
+	}) : children), [
+		children,
+		isDisabled,
+		isInvalid,
+		isRequired,
+		isReadOnly,
+		props.items,
+		props.defaultItems
+	]);
+	return /*#__PURE__*/ $ahdqC$react.createElement(CollectionBuilder, { content }, (collection) => /*#__PURE__*/ $ahdqC$react.createElement($dbdc5e6e7ce01b4b$var$ComboBoxInner, {
+		props,
+		collection,
+		comboBoxRef: ref
+	}));
+});
+const $dbdc5e6e7ce01b4b$var$CLEAR_CONTEXTS = [
+	$43a3b93638fe5db9$export$75b6ee27786ba447,
+	$7705c033048f6da7$export$24d547caef80ccd1,
+	$41fb335299a4a39e$export$37fb8590cf2c088c,
+	$4b38b5b75ecc6208$export$698f465ec27e93df,
+	$3a442827418ebe87$export$f9c6924e160136d1,
+	$efe09c6d1c304b50$export$9afb8bc826b033ea
+];
+function $dbdc5e6e7ce01b4b$var$ComboBoxInner({ props, collection, comboBoxRef: ref }) {
+	let { name, formValue = "key", allowsCustomValue } = props;
+	if (allowsCustomValue) formValue = "text";
+	let { validationBehavior: formValidationBehavior } = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($cdaed739b1139372$export$c24727297075ec6a) || {};
+	let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? "native";
+	let { contains } = useFilter({ sensitivity: "base" });
+	let state = useComboBoxState({
+		...props,
+		defaultFilter: props.defaultFilter || contains,
+		items: props.items,
+		children: void 0,
+		collection,
+		validationBehavior
+	});
+	let buttonRef = useRef(null);
+	let inputRef = useRef(null);
+	let groupRef = useRef(null);
+	let listBoxRef = useRef(null);
+	let popoverRef = useRef(null);
+	let [labelRef, label] = $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let [labelElementType, setLabelElementType] = useState("label");
+	let { buttonProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps, valueProps, ...validation } = useComboBox({
+		...$7230ffa83bc0c2cf$export$ef03459518577ad4(props),
+		label,
+		inputRef,
+		buttonRef,
+		listBoxRef,
+		popoverRef,
+		name: formValue === "text" ? name : void 0,
+		validationBehavior,
+		labelElementType
+	}, state);
+	let [menuWidth, setMenuWidth] = useState(null);
+	let onResize = useCallback(() => {
+		if (inputRef.current && !groupRef.current) {
+			let buttonRect = buttonRef.current?.getBoundingClientRect();
+			let inputRect = inputRef.current.getBoundingClientRect();
+			let minX = buttonRect ? Math.min(buttonRect.left, inputRect.left) : inputRect.left;
+			let maxX = buttonRect ? Math.max(buttonRect.right, inputRect.right) : inputRect.right;
+			setMenuWidth(maxX - minX + "px");
+		}
+	}, [
+		buttonRef,
+		inputRef,
+		setMenuWidth
+	]);
+	useResizeObserver({
+		ref: inputRef,
+		onResize
+	});
+	let triggerRef = useMemo(() => ({ get current() {
+		return groupRef.current || inputRef.current;
+	} }), [groupRef, inputRef]);
+	let renderPropsState = useMemo(() => ({
+		isOpen: state.isOpen,
+		isDisabled: props.isDisabled || false,
+		isInvalid: validation.isInvalid || false,
+		isRequired: props.isRequired || false,
+		isReadOnly: props.isReadOnly || false
+	}), [
+		state.isOpen,
+		props.isDisabled,
+		validation.isInvalid,
+		props.isRequired,
+		props.isReadOnly
+	]);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		values: renderPropsState,
+		defaultClassName: "react-aria-ComboBox"
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	let inputs = [];
+	if (name && formValue === "key") {
+		let values = Array.isArray(state.value) ? state.value : [state.value];
+		if (values.length === 0) values = [null];
+		inputs = values.map((value, i) => /*#__PURE__*/ $ahdqC$react.createElement("input", {
+			key: i,
+			type: "hidden",
+			name,
+			form: props.form,
+			value: value ?? ""
+		}));
+	}
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$dbdc5e6e7ce01b4b$export$c02625b26074192c, state],
+		[$43a3b93638fe5db9$export$75b6ee27786ba447, {
+			...labelProps,
+			elementType: labelElementType,
+			ref: labelRef
+		}],
+		[$7705c033048f6da7$export$24d547caef80ccd1, {
+			...buttonProps,
+			ref: buttonRef,
+			isPressed: state.isOpen
+		}],
+		[$41fb335299a4a39e$export$37fb8590cf2c088c, {
+			...inputProps,
+			ref: inputRef
+		}],
+		[$4b38b5b75ecc6208$export$698f465ec27e93df, {
+			...inputProps,
+			ref: useCallback((el) => {
+				inputRef.current = el;
+				if (el) setLabelElementType(el.tagName.toLowerCase() === "input" ? "label" : "span");
+			}, []),
+			value: state.inputValue,
+			onChange: (v) => state.setInputValue(v)
+		}],
+		[$f2ff30fde7b014be$export$d2f961adcb0afbe, state],
+		[$542a13ca2fa5b484$export$9b9a0cd73afb7ca4, {
+			ref: popoverRef,
+			triggerRef,
+			scrollRef: listBoxRef,
+			placement: "bottom start",
+			isNonModal: true,
+			trigger: "ComboBox",
+			style: { "--trigger-width": menuWidth },
+			clearContexts: $dbdc5e6e7ce01b4b$var$CLEAR_CONTEXTS
+		}],
+		[$928221da08ecbc62$export$7ff8f37d2d81a48d, {
+			...listBoxProps,
+			ref: listBoxRef
+		}],
+		[$928221da08ecbc62$export$7c5906fe4f1f2af2, state],
+		[$efe09c6d1c304b50$export$9afb8bc826b033ea, { slots: {
+			description: descriptionProps,
+			errorMessage: errorMessageProps
+		} }],
+		[$3a442827418ebe87$export$f9c6924e160136d1, {
+			ref: groupRef,
+			isInvalid: validation.isInvalid,
+			isDisabled: props.isDisabled || false
+		}],
+		[$1f3c3b1a70cec653$export$ff05c3ac10437e03, validation],
+		[$dbdc5e6e7ce01b4b$export$5c804022b41722df, valueProps]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...DOMProps,
+		...renderProps,
+		ref,
+		slot: props.slot || void 0,
+		"data-focused": state.isFocused || void 0,
+		"data-open": state.isOpen || void 0,
+		"data-disabled": props.isDisabled || void 0,
+		"data-readonly": props.isReadOnly || void 0,
+		"data-invalid": validation.isInvalid || void 0,
+		"data-required": props.isRequired || void 0
+	}, renderProps.children, inputs));
+}
+const $dbdc5e6e7ce01b4b$export$5c804022b41722df = /*#__PURE__*/ createContext(null);
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Virtualizer.mjs
+const $143fb904d86051ce$var$VirtualizerContext = /*#__PURE__*/ createContext(null);
+const $143fb904d86051ce$var$VirtualizerOptionsContext = /*#__PURE__*/ createContext(null);
+function $143fb904d86051ce$export$89be5a243e59c4b2(props) {
+	let { children, layout: layoutProp, layoutOptions, shouldObserveItemSize } = props;
+	let layout = useMemo(() => typeof layoutProp === "function" ? new layoutProp() : layoutProp, [layoutProp]);
+	let renderer = useMemo(() => ({
+		isVirtualized: true,
+		layoutDelegate: layout,
+		dropTargetDelegate: layout.getDropTargetFromPoint ? layout : void 0,
+		CollectionRoot: $143fb904d86051ce$var$CollectionRoot,
+		CollectionBranch: $143fb904d86051ce$var$CollectionBranch
+	}), [layout]);
+	return /*#__PURE__*/ $ahdqC$react.createElement($263ab7fc0f95ccdb$export$4feb769f8ddf26c5.Provider, { value: renderer }, /*#__PURE__*/ $ahdqC$react.createElement($143fb904d86051ce$var$VirtualizerOptionsContext.Provider, { value: {
+		layout,
+		layoutOptions,
+		shouldObserveItemSize
+	} }, children));
+}
+function $143fb904d86051ce$var$CollectionRoot({ collection, persistedKeys, scrollRef, renderDropIndicator }) {
+	let { layout, layoutOptions, shouldObserveItemSize } = useContext($143fb904d86051ce$var$VirtualizerOptionsContext);
+	let layoutOptions2 = layout.useLayoutOptions?.();
+	let state = useVirtualizerState({
+		allowsWindowScrolling: true,
+		layout,
+		collection,
+		renderView: (type, item) => {
+			return item?.render?.(item);
+		},
+		onVisibleRectChange(rect) {
+			let element = scrollRef?.current;
+			if (element) {
+				element.scrollLeft = rect.x;
+				element.scrollTop = rect.y;
+			}
+		},
+		persistedKeys,
+		layoutOptions: useMemo(() => layoutOptions && layoutOptions2 ? {
+			...layoutOptions,
+			...layoutOptions2
+		} : layoutOptions || layoutOptions2, [layoutOptions, layoutOptions2])
+	});
+	let { contentProps } = useScrollView({
+		onVisibleRectChange: state.setVisibleRect,
+		onSizeChange: state.setSize,
+		contentSize: state.contentSize,
+		onScrollStart: state.startScrolling,
+		onScrollEnd: state.endScrolling,
+		allowsWindowScrolling: true
+	}, scrollRef);
+	return /*#__PURE__*/ $ahdqC$react.createElement("div", contentProps, /*#__PURE__*/ $ahdqC$react.createElement($143fb904d86051ce$var$VirtualizerContext.Provider, { value: state }, $143fb904d86051ce$var$renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)));
+}
+function $143fb904d86051ce$var$CollectionBranch({ parent, renderDropIndicator }) {
+	let parentView = useContext($143fb904d86051ce$var$VirtualizerContext).virtualizer.getVisibleView(parent.key);
+	let { shouldObserveItemSize } = useContext($143fb904d86051ce$var$VirtualizerOptionsContext);
+	return $143fb904d86051ce$var$renderChildren(parentView, Array.from(parentView.children), renderDropIndicator, shouldObserveItemSize);
+}
+function $143fb904d86051ce$var$renderChildren(parent, children, renderDropIndicator, shouldObserveItemSize) {
+	return children.map((view) => $143fb904d86051ce$var$renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize));
+}
+function $143fb904d86051ce$var$renderWrapper(parent, reusableView, renderDropIndicator, shouldObserveItemSize) {
+	let rendered = /*#__PURE__*/ $ahdqC$react.createElement(VirtualizerItem, {
+		key: reusableView.key,
+		layoutInfo: reusableView.layoutInfo,
+		virtualizer: reusableView.virtualizer,
+		parent: parent?.layoutInfo,
+		shouldObserveItemSize
+	}, reusableView.rendered);
+	let { collection, layout } = reusableView.virtualizer;
+	let node = reusableView.content;
+	if (node?.type === "item" && renderDropIndicator && layout.getDropTargetLayoutInfo) rendered = /*#__PURE__*/ $ahdqC$react.createElement($ahdqC$react.Fragment, { key: reusableView.key }, $143fb904d86051ce$var$renderDropIndicatorWrapper(parent, reusableView, {
+		type: "item",
+		key: reusableView.content.key,
+		dropPosition: "before"
+	}, renderDropIndicator), rendered, $263ab7fc0f95ccdb$export$2dbbd341daed716d(collection, node, (target) => $143fb904d86051ce$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)));
+	return rendered;
+}
+function $143fb904d86051ce$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator) {
+	let indicator = renderDropIndicator(target);
+	if (indicator) {
+		let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo(target);
+		indicator = /*#__PURE__*/ $ahdqC$react.createElement(VirtualizerItem, {
+			layoutInfo,
+			virtualizer: reusableView.virtualizer,
+			parent: parent?.layoutInfo
+		}, indicator);
+	}
+	return indicator;
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/keyboard.mjs
+const $bb39c0fc1c19b34c$var$nonTextInputTypes = /* @__PURE__ */ new Set([
+	"checkbox",
+	"radio",
+	"range",
+	"color",
+	"file",
+	"image",
+	"button",
+	"submit",
+	"reset"
+]);
+function $bb39c0fc1c19b34c$export$c57958e35f31ed73(target) {
+	return target instanceof HTMLInputElement && !$bb39c0fc1c19b34c$var$nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/overlays/usePreventScroll.mjs
+const $0644e3663365bfe5$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
+let $0644e3663365bfe5$var$preventScrollCount = 0;
+let $0644e3663365bfe5$var$restore;
+function $0644e3663365bfe5$export$ee0f7cc6afcd1c18(options = {}) {
+	let { isDisabled } = options;
+	$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+		if (isDisabled) return;
+		$0644e3663365bfe5$var$preventScrollCount++;
+		if ($0644e3663365bfe5$var$preventScrollCount === 1) {
+			if ($2add3ce32c6007eb$export$fedb369cb70207f1() && $2add3ce32c6007eb$export$78551043582a6a98()) $0644e3663365bfe5$var$restore = $0644e3663365bfe5$var$preventScrollMobileWebKit();
+			else $0644e3663365bfe5$var$restore = $0644e3663365bfe5$var$preventScrollStandard();
+		}
+		return () => {
+			$0644e3663365bfe5$var$preventScrollCount--;
+			if ($0644e3663365bfe5$var$preventScrollCount === 0) $0644e3663365bfe5$var$restore();
+		};
+	}, [isDisabled]);
+}
+function $0644e3663365bfe5$var$preventScrollStandard() {
+	let scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+	return $a4e76a5424781910$export$e08e3b67e392101e(scrollbarWidth > 0 && ("scrollbarGutter" in document.documentElement.style ? $0644e3663365bfe5$var$setStyle(document.documentElement, "scrollbarGutter", "stable") : $0644e3663365bfe5$var$setStyle(document.documentElement, "paddingRight", `${scrollbarWidth}px`)), $0644e3663365bfe5$var$setStyle(document.documentElement, "overflow", "hidden"));
+}
+function $0644e3663365bfe5$var$preventScrollMobileWebKit() {
+	let restoreOverflow = $0644e3663365bfe5$var$setStyle(document.documentElement, "overflow", "hidden");
+	let scrollable;
+	let allowTouchMove = false;
+	let onTouchStart = (e) => {
+		let target = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
+		scrollable = $901761b40e390936$export$2bb74740c4e19def(target) ? target : $3578607fe3d4b096$export$cfa2225e87938781(target, true);
+		allowTouchMove = false;
+		let selection = target.ownerDocument.defaultView.getSelection();
+		if (selection && !selection.isCollapsed && selection.containsNode(target, true)) allowTouchMove = true;
+		if (e.composedPath().some((el) => el instanceof HTMLInputElement && el.type === "range")) allowTouchMove = true;
+		if ("selectionStart" in target && "selectionEnd" in target && target.selectionStart < target.selectionEnd && target.ownerDocument.activeElement === target) allowTouchMove = true;
+	};
+	let style = document.createElement("style");
+	let nonce = $2b2d34ff061957fb$export$2b85b721e524d74b();
+	if (nonce) style.nonce = nonce;
+	style.textContent = `
+@layer {
+  * {
+    overscroll-behavior: contain;
+  }
+}`.trim();
+	document.head.prepend(style);
+	let onTouchMove = (e) => {
+		if (e.touches.length === 2 || allowTouchMove) return;
+		if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
+			e.preventDefault();
+			return;
+		}
+		if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth) e.preventDefault();
+	};
+	let onBlur = (e) => {
+		let target = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
+		let relatedTarget = e.relatedTarget;
+		if (relatedTarget && $bb39c0fc1c19b34c$export$c57958e35f31ed73(relatedTarget)) {
+			relatedTarget.focus({ preventScroll: true });
+			$0644e3663365bfe5$var$scrollIntoViewWhenReady(relatedTarget, $bb39c0fc1c19b34c$export$c57958e35f31ed73(target));
+		} else if (!relatedTarget) (target.parentElement?.closest("[tabindex]"))?.focus({ preventScroll: true });
+	};
+	let focus = HTMLElement.prototype.focus;
+	HTMLElement.prototype.focus = function(opts) {
+		let activeElement = $23f2114a1b82827e$export$cd4e5573fbe2b576();
+		let wasKeyboardVisible = activeElement != null && $bb39c0fc1c19b34c$export$c57958e35f31ed73(activeElement);
+		focus.call(this, {
+			...opts,
+			preventScroll: true
+		});
+		if (!opts || !opts.preventScroll) $0644e3663365bfe5$var$scrollIntoViewWhenReady(this, wasKeyboardVisible);
+	};
+	let removeEvents = $a4e76a5424781910$export$e08e3b67e392101e($0644e3663365bfe5$var$addEvent(document, "touchstart", onTouchStart, {
+		passive: false,
+		capture: true
+	}), $0644e3663365bfe5$var$addEvent(document, "touchmove", onTouchMove, {
+		passive: false,
+		capture: true
+	}), $0644e3663365bfe5$var$addEvent(document, "blur", onBlur, true));
+	return () => {
+		restoreOverflow();
+		removeEvents();
+		style.remove();
+		HTMLElement.prototype.focus = focus;
+	};
+}
+function $0644e3663365bfe5$var$setStyle(element, style, value) {
+	let cur = element.style[style];
+	element.style[style] = value;
+	return () => {
+		element.style[style] = cur;
+	};
+}
+function $0644e3663365bfe5$var$addEvent(target, event, handler, options) {
+	target.addEventListener(event, handler, options);
+	return () => {
+		target.removeEventListener(event, handler, options);
+	};
+}
+function $0644e3663365bfe5$var$scrollIntoViewWhenReady(target, wasKeyboardVisible) {
+	if (wasKeyboardVisible || !$0644e3663365bfe5$var$visualViewport) $0644e3663365bfe5$var$scrollIntoView(target);
+	else $0644e3663365bfe5$var$visualViewport.addEventListener("resize", () => $0644e3663365bfe5$var$scrollIntoView(target), { once: true });
+}
+function $0644e3663365bfe5$var$scrollIntoView(target) {
+	let root = document.scrollingElement || document.documentElement;
+	let nextTarget = target;
+	while (nextTarget && nextTarget !== root) {
+		let scrollable = $3578607fe3d4b096$export$cfa2225e87938781(nextTarget);
+		if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== nextTarget) {
+			let scrollableRect = scrollable.getBoundingClientRect();
+			let targetRect = nextTarget.getBoundingClientRect();
+			if (targetRect.top < scrollableRect.top || targetRect.bottom > scrollableRect.top + nextTarget.clientHeight) {
+				let bottom = scrollableRect.bottom;
+				if ($0644e3663365bfe5$var$visualViewport) bottom = Math.min(bottom, $0644e3663365bfe5$var$visualViewport.offsetTop + $0644e3663365bfe5$var$visualViewport.height);
+				let adjustment = targetRect.top - scrollableRect.top - ((bottom - scrollableRect.top) / 2 - targetRect.height / 2);
+				scrollable.scrollTo({
+					top: Math.max(0, Math.min(scrollable.scrollHeight - scrollable.clientHeight, scrollable.scrollTop + adjustment)),
+					behavior: "smooth"
+				});
+			}
+		}
+		nextTarget = scrollable.parentElement;
+	}
+}
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectInputTags.tsx
+const SelectInputTags = ({ selectedItems, isDisabled, selectedTagsType, collapseAfter, onRemove }) => {
+	const { displayedItems, remainingCount } = useMemo(() => {
+		if (!collapseAfter || selectedItems.length <= collapseAfter) return {
+			displayedItems: selectedItems,
+			remainingCount: 0
+		};
+		return {
+			displayedItems: selectedItems.slice(0, collapseAfter - 1),
+			remainingCount: selectedItems.length - (collapseAfter - 1)
+		};
+	}, [selectedItems, collapseAfter]);
+	if (selectedTagsType === "tags") return /* @__PURE__ */ jsxs(Fragment$1, { children: [displayedItems.map((item) => /* @__PURE__ */ jsx(Tag, {
+		dismissable: true,
+		isDisabled,
+		onDismiss: () => onRemove(item.id),
+		excludeFromTabOrder: true,
+		className: "z-raised",
+		children: item.label
+	}, item.id)), remainingCount > 0 && /* @__PURE__ */ jsx(Tag, {
+		isDisabled,
+		excludeFromTabOrder: true,
+		children: `+${remainingCount} more`
+	}, "remaining-count")] });
+	return /* @__PURE__ */ jsx("p", { children: selectedItems.map((item) => item.label).join(", ") });
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/useSelectItems.tsx
+const SelectAllItemId = "all-item-id";
+const SelectAllItem = (inputValue) => ({
+	id: SelectAllItemId,
+	label: inputValue,
+	isSelectAllItem: true
+});
+const NewItemId = "new-item-id";
+const NewItem = (inputValue) => ({
+	id: NewItemId,
+	label: inputValue,
+	isNewItem: true
+});
+const LoadingItemId = "loading-item-id";
+const LoadingItem = (inputValue) => ({
+	id: LoadingItemId,
+	label: inputValue,
+	isLoadingItem: true
+});
+const ReservedItemIds = [
+	SelectAllItemId,
+	NewItemId,
+	LoadingItemId
+];
+function useSelectItems({ initialSelectedItems, selectedItems, cachedItems, inputValue, showAll, isMultiple, showSelectAllOption, showNewItemOption, newItemMinLength = 3, isLoading, hasLoadMore, isClientSearchDisabled }) {
+	const { contains } = $a3be900807531178$re_export$useFilter({ sensitivity: "base" });
+	const allListItems = useMemo(() => {
+		const showSelectAllItem = isMultiple && showSelectAllOption && inputValue.length === 0 && !hasLoadMore;
+		const showNewItem = showNewItemOption && inputValue.length >= newItemMinLength && !cachedItems.find((item) => contains(item.label, inputValue));
+		const showLoadingItem = isLoading || hasLoadMore;
+		return [
+			...showSelectAllItem ? [SelectAllItem(inputValue)] : [],
+			...cachedItems,
+			...showNewItem ? [NewItem(inputValue)] : [],
+			...showLoadingItem ? [LoadingItem(inputValue)] : []
+		];
+	}, [
+		isMultiple,
+		showNewItemOption,
+		inputValue,
+		newItemMinLength,
+		cachedItems,
+		contains,
+		isLoading,
+		hasLoadMore,
+		showSelectAllOption
+	]);
+	const allItems = useMemo(() => {
+		const items = [
+			...Array.isArray(initialSelectedItems) ? initialSelectedItems : [initialSelectedItems],
+			...Array.isArray(selectedItems) ? selectedItems : [selectedItems],
+			...allListItems
+		].filter((item) => !!item);
+		const allItemsMap = /* @__PURE__ */ new Map();
+		items.forEach((item) => allItemsMap.set(item.id, item));
+		return Array.from(allItemsMap.values());
+	}, [
+		allListItems,
+		initialSelectedItems,
+		selectedItems
+	]);
+	const filteredListItems = useMemo(() => allListItems.filter((item) => contains(item.label, inputValue)), [
+		allListItems,
+		contains,
+		inputValue
+	]);
+	const listItems = useMemo(() => showAll || isClientSearchDisabled ? allListItems : filteredListItems, [
+		showAll,
+		isClientSearchDisabled,
+		allListItems,
+		filteredListItems
+	]);
+	return {
+		allItems,
+		allListItems,
+		filteredListItems,
+		listItems,
+		selectableListItems: useMemo(() => listItems.filter((item) => !item.isDisabled && !ReservedItemIds.includes(String(item.id))), [listItems])
+	};
+}
+//#endregion
+//#region src/hooks/useDebounceCallback.ts
+function useDebounceCallback(callback, t0) {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { delay: t2 } = t1;
+	const delay = t2 === void 0 ? 500 : t2;
+	const timeoutRef = useRef(null);
+	const [isDebouncing, setIsDebouncing] = useState(false);
+	let t3;
+	if ($[2] !== callback || $[3] !== delay) {
+		t3 = (...t4) => {
+			const args = t4;
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+			setIsDebouncing(true);
+			timeoutRef.current = setTimeout(() => {
+				setIsDebouncing(false);
+				callback?.(...args);
+			}, delay);
+		};
+		$[2] = callback;
+		$[3] = delay;
+		$[4] = t3;
+	} else t3 = $[4];
+	const debouncedCallback = t3;
+	let t4;
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+		t5 = [];
+		$[5] = t4;
+		$[6] = t5;
+	} else {
+		t4 = $[5];
+		t5 = $[6];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[7] !== debouncedCallback || $[8] !== isDebouncing) {
+		t6 = {
+			callback: debouncedCallback,
+			isDebouncing
+		};
+		$[7] = debouncedCallback;
+		$[8] = isDebouncing;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
+}
+//#endregion
+//#region src/components/inputs/Selection/shared/select.context.tsx
+let SelectContext;
+(function(_SelectContext) {
+	const Context = createContext({});
+	const defaultMapInitialToSelectItem = (item) => ({
+		id: item.id,
+		label: item.label ?? item.name ?? ""
+	});
+	_SelectContext.Provider = ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, searchDebounceDelay, multiSelectAutoConfirm = false, onBlur: fieldOnBlur, onChange: fieldOnChange, initialSelection, isSearchable, selectionMode, value: controlledValue, children, mapInitialToSelectItem = defaultMapInitialToSelectItem }) => {
+		const isMultiple = selectionMode === "multiple";
+		const initialSelectedItems = useMemo(() => {
+			if (!initialSelection) return null;
+			if (Array.isArray(initialSelection)) return initialSelection.map(mapInitialToSelectItem);
+			return mapInitialToSelectItem(initialSelection);
+		}, [initialSelection, mapInitialToSelectItem]);
+		const [isOpen, setIsOpen] = useState(false);
+		const [fieldState, setFieldState] = useState({
+			value: controlledValue ?? (isMultiple ? [] : null),
+			inputValue: "",
+			searchValue: ""
+		});
+		const { callback: onSearchChangeDebounced, isDebouncing } = useDebounceCallback(onSearchChange, { delay: searchDebounceDelay });
+		const [showAll, setShowAll] = useState(false);
+		const [cachedItems, setCachedItems] = useState(items);
+		const valueRef = useRef(initialSelectedItems);
+		useEffect(() => {
+			if (!isLoading) setCachedItems(items);
+		}, [isLoading, items]);
+		const { allItems, allListItems, listItems, selectableListItems } = useSelectItems({
+			initialSelectedItems,
+			selectedItems: valueRef.current,
+			cachedItems,
+			inputValue: fieldState.inputValue,
+			showAll,
+			isMultiple,
+			showSelectAllOption,
+			showNewItemOption,
+			newItemMinLength,
+			isLoading,
+			hasLoadMore,
+			isClientSearchDisabled: ignoreInputValueFiltering ?? isClientSearchDisabled
+		});
+		const selectedItems = useMemo(() => {
+			const getItem = (id) => allItems.find((item) => item.id === id) ?? null;
+			if (Array.isArray(fieldState.value)) return fieldState.value.map((id) => getItem(id)).filter((item) => item !== null);
+			const selectedItem = fieldState.value != null ? getItem(fieldState.value) : null;
+			return selectedItem ? [selectedItem] : [];
+		}, [allItems, fieldState.value]);
+		const selectedIds = useMemo(() => selectedItems.map(({ id }) => id), [selectedItems]);
+		const getItem = useCallback((value) => allItems.find((item) => item && item.id === value) ?? null, [allItems]);
+		const updateValue = useCallback((value) => {
+			if (Array.isArray(value)) valueRef.current = value.map((id) => getItem(id)).filter((item) => item !== null);
+			else valueRef.current = getItem(value);
+		}, [getItem]);
+		const getValueIds = () => Array.isArray(valueRef.current) ? valueRef.current.map(({ id }) => id) : valueRef.current?.id ?? null;
+		const emitStateChanges = useCallback((changes, skipSelectionChange) => {
+			const valueChanged = JSON.stringify(changes.value) !== JSON.stringify(getValueIds());
+			if (valueChanged) {
+				updateValue(changes.value);
+				if (!skipSelectionChange) {
+					if (isMultiple) fieldOnChange?.(changes.value);
+					else fieldOnChange?.(changes.value);
+				}
+			}
+			if (changes.inputValue !== fieldState.inputValue) onInputChange?.(changes.inputValue);
+			if (changes.searchValue !== fieldState.searchValue) onSearchChangeDebounced?.(changes.searchValue);
+			return valueChanged;
+		}, [
+			fieldState,
+			isMultiple,
+			fieldOnChange,
+			onInputChange,
+			onSearchChangeDebounced,
+			updateValue
+		]);
+		const syncFieldState = (value) => {
+			const newFieldState = {
+				value,
+				inputValue: isMultiple || Array.isArray(value) ? fieldState.inputValue : getItem(value)?.label ?? "",
+				searchValue: ""
+			};
+			setFieldState(newFieldState);
+			emitStateChanges(newFieldState, true);
+			if (!isMultiple) setShowAll(true);
+		};
+		useEffect(() => {
+			const value = controlledValue ?? null;
+			if (JSON.stringify(value) !== JSON.stringify(fieldState.value)) syncFieldState(value);
+			else updateValue(value);
+		}, [controlledValue]);
+		useEffect(() => {
+			if (!isMultiple && controlledValue !== null && controlledValue !== void 0 && fieldState.value !== null && fieldState.value !== void 0 && fieldState.inputValue === "" && getItem(fieldState.value)?.label) syncFieldState(fieldState.value);
+		}, [allListItems]);
+		const handleInputChange = useCallback((inputValue) => {
+			const newFieldState = {
+				value: isMultiple || inputValue !== "" ? fieldState.value : null,
+				inputValue,
+				searchValue: inputValue
+			};
+			setFieldState(newFieldState);
+			emitStateChanges(newFieldState);
+			setShowAll(false);
+			if (!isOpen && inputValue !== "" && isSearchable) setIsOpen(true);
+		}, [
+			emitStateChanges,
+			fieldState.value,
+			isMultiple
+		]);
+		const onChange = useCallback((value) => {
+			if (value === "new-item-id") onNewItemOption?.(fieldState.inputValue);
+			else {
+				const newFieldState = {
+					value,
+					inputValue: isMultiple || Array.isArray(value) ? "" : getItem(value)?.label ?? "",
+					searchValue: ""
+				};
+				setFieldState(newFieldState);
+				emitStateChanges(newFieldState);
+			}
+			if (!isMultiple) {
+				setIsOpen(false);
+				setShowAll(true);
+			}
+		}, [
+			emitStateChanges,
+			onNewItemOption,
+			fieldState.inputValue,
+			getItem,
+			isMultiple
+		]);
+		const onClear = useCallback(() => {
+			if (selectedIds.length === 0) {
+				const newFieldState = {
+					...fieldState,
+					inputValue: "",
+					searchValue: ""
+				};
+				setFieldState(newFieldState);
+				emitStateChanges(newFieldState, true);
+				setShowAll(true);
+				return;
+			}
+			if (isMultiple) onChange([]);
+			else onChange(null);
+		}, [
+			emitStateChanges,
+			fieldState,
+			isMultiple,
+			onChange,
+			selectedIds.length
+		]);
+		const onSelectAll = useCallback(() => {
+			onChange(selectableListItems.map(({ id }) => id));
+		}, [selectableListItems, onChange]);
+		const onRemove = useCallback((value) => {
+			if (isMultiple && Array.isArray(fieldState.value)) onChange(fieldState.value.filter((id) => id !== value));
+		}, [
+			isMultiple,
+			fieldState.value,
+			onChange
+		]);
+		const onBlur = useCallback(() => {
+			if (isSearchable && isMultiple && fieldState.searchValue !== "") {
+				const newFieldState = {
+					...fieldState,
+					inputValue: "",
+					searchValue: ""
+				};
+				setFieldState(newFieldState);
+				emitStateChanges(newFieldState);
+				setShowAll(true);
+			}
+			fieldOnBlur?.({});
+		}, [
+			isSearchable,
+			isMultiple,
+			fieldState,
+			fieldOnBlur
+		]);
+		const value = useMemo(() => ({
+			fieldState,
+			isOpen,
+			setIsOpen,
+			isDebouncing,
+			onInputChange: handleInputChange,
+			onChange,
+			onClear,
+			onSelectAll,
+			onRemove,
+			onBlur,
+			listItems,
+			selectableListItems,
+			selectedItems,
+			selectedIds,
+			isMultiple,
+			multiSelectAutoConfirm,
+			isLoading,
+			hasLoadMore
+		}), [
+			fieldState,
+			isOpen,
+			setIsOpen,
+			isDebouncing,
+			handleInputChange,
+			onChange,
+			onClear,
+			onSelectAll,
+			onRemove,
+			onBlur,
+			listItems,
+			selectableListItems,
+			selectedIds,
+			selectedItems,
+			isMultiple,
+			multiSelectAutoConfirm,
+			isLoading,
+			hasLoadMore
+		]);
+		return /* @__PURE__ */ jsx(Context.Provider, {
+			value,
+			children
+		});
+	};
+	_SelectContext.useSelect = () => {
+		return use(Context);
+	};
+})(SelectContext || (SelectContext = {}));
+//#endregion
+//#region src/components/inputs/Selection/shared/selectInput.cva.ts
+const selectInputTagsContentWrapperDefinition = UIOverrides.defineConfig({
+	base: ["flex flex-1 flex-wrap gap-input-gap-input-text-to-elements truncate"],
+	config: { variants: { isSearchable: { false: "pointer-events-none z-raised" } } }
+});
+//#endregion
+//#region src/hooks/useKeyInteractions.ts
+const KEY_TO_ACTION = {
+	ArrowUp: "up",
+	ArrowDown: "down",
+	ArrowLeft: "left",
+	ArrowRight: "right",
+	" ": "space",
+	Spacebar: "space",
+	Escape: "escape",
+	Enter: "enter",
+	Backspace: "backspace"
+};
+const getKeyInteractionAction = (event) => {
+	return KEY_TO_ACTION[event.key] ?? (event.code === "Space" ? "space" : void 0);
+};
+const createKeyInteractionsHandler = (interactions) => {
+	return (event) => handleKeyInteraction({
+		event,
+		interactions
+	});
+};
+const useKeyInteractions = (interactions) => {
+	const $ = c(4);
+	let t0;
+	if ($[0] !== interactions) {
+		t0 = (event) => handleKeyInteraction({
+			event,
+			interactions
+		});
+		$[0] = interactions;
+		$[1] = t0;
+	} else t0 = $[1];
+	const onKeyDown = t0;
+	let t1;
+	if ($[2] !== onKeyDown) {
+		t1 = { onKeyDown };
+		$[2] = onKeyDown;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+};
+const handleKeyInteraction = ({ event, interactions }) => {
+	const action = getKeyInteractionAction(event);
+	if (!action) return;
+	const interaction = interactions[action];
+	const groupInteraction = interactions.interactions?.find((group) => group.actions.includes(action));
+	const selectedInteraction = interaction ?? groupInteraction;
+	if (!selectedInteraction || selectedInteraction.enabled === false) return;
+	if (selectedInteraction.preventDefault) event.preventDefault();
+	selectedInteraction.callback(event);
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectInput.tsx
+const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvalid, className, hideDropdownIcon, isSearchable, isClearable, isClearableIfDisabled, showSelectionContent, inputClassName, fieldProps, headerProps, selectedTagsType, collapseAfter, isRequired, isDirty, isListReversed, onCloseComboBox, onBlur, leadingContent, trailingContent, onMouseEnter, onFocusCapture, ...props }) => {
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const selectInputTagsContentWrapperCva = UIOverrides.useCva("select.tagsContentWrapperCva", selectInputTagsContentWrapperDefinition);
+	const { t } = useTranslation("ui");
+	const state = use($dbdc5e6e7ce01b4b$export$c02625b26074192c);
+	const { hoverProps, isHovered } = useHover$1({ isDisabled });
+	const [isFocused, setIsFocused] = useState(false);
+	const { focusWithinProps } = useFocusWithin({ onFocusWithinChange: setIsFocused });
+	const { isFocusVisible } = useFocusVisible();
+	const inputRef = useRef(null);
+	const { fieldState, isOpen, listItems, setIsOpen, selectableListItems, selectedItems, onChange, onClear, onRemove, isMultiple, multiSelectAutoConfirm, isLoading } = SelectContext.useSelect();
+	const isEmpty = selectedItems.length === 0;
+	const showTags = isMultiple && !isEmpty;
+	const showClearButton = (!isDisabled || isClearableIfDisabled === true) && isClearable && (selectedItems.length > 0 || isSearchable && fieldState.inputValue !== "");
+	const reversedNavigationItems = useMemo(() => listItems.filter((item) => !item.isDisabled && item.id !== "loading-item-id"), [listItems]);
+	const labelProps = useMemo(() => {
+		const { labelProps: headerLabelProps } = headerProps ?? {};
+		if (!(as && ["filter", "floating"].includes(as)) || isSearchable) return headerLabelProps;
+		return {
+			...headerLabelProps,
+			className: clsx(headerLabelProps?.className, "pointer-events-none")
+		};
+	}, [
+		as,
+		headerProps,
+		isSearchable
+	]);
+	let exactMatchItem;
+	if (isMultiple && multiSelectAutoConfirm && fieldState.inputValue !== "") exactMatchItem = selectableListItems.find((item) => item.label.toLowerCase() === fieldState.inputValue.toLowerCase());
+	let singleRemainingItem;
+	if (!isLoading && selectableListItems.length === 1 && !selectableListItems[0].isDisabled) singleRemainingItem = selectableListItems[0];
+	let autoConfirmItem;
+	if (isMultiple) {
+		if (multiSelectAutoConfirm) autoConfirmItem = exactMatchItem ?? singleRemainingItem;
+	} else autoConfirmItem = singleRemainingItem;
+	const { onKeyDown } = useKeyInteractions({
+		enter: {
+			enabled: !isLoading && !!autoConfirmItem,
+			preventDefault: true,
+			callback: () => {
+				if (!autoConfirmItem) return;
+				if (isMultiple) {
+					if (Array.isArray(fieldState.value)) {
+						if (fieldState.value.includes(autoConfirmItem.id)) onChange(fieldState.value.filter((id) => id !== autoConfirmItem.id));
+						else onChange(fieldState.value.concat(autoConfirmItem.id));
+					} else onChange([autoConfirmItem.id]);
+					return;
+				}
+				onChange(autoConfirmItem.id);
+				onCloseComboBox?.(state);
+			}
+		},
+		backspace: {
+			enabled: isMultiple && fieldState.inputValue === "" && Array.isArray(fieldState.value) && fieldState.value.length > 0,
+			callback: () => {
+				if (!Array.isArray(fieldState.value)) return;
+				onChange(fieldState.value.slice(0, -1));
+			}
+		}
+	});
+	const onInputKeyDownCapture = (event) => {
+		if (!(isListReversed && state && !event.nativeEvent.isComposing && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey && ["ArrowDown", "ArrowUp"].includes(event.key))) return;
+		event.preventDefault();
+		event.stopPropagation();
+		event.nativeEvent.stopImmediatePropagation();
+		const currentIndex = reversedNavigationItems.findIndex((item) => item.id === state.selectionManager.focusedKey);
+		const nextIndex = event.key === "ArrowUp" ? currentIndex < 0 ? 0 : Math.min(currentIndex + 1, reversedNavigationItems.length - 1) : Math.max(currentIndex - 1, 0);
+		const nextKey = reversedNavigationItems[nextIndex]?.id ?? null;
+		state.selectionManager.setFocusedKey(nextKey);
+	};
+	const { onKeyDown: onTriggerKeyDown } = useKeyInteractions({ interactions: [{
+		actions: ["up", "down"],
+		enabled: !isSearchable && !isDisabled && !isOpen,
+		preventDefault: true,
+		callback: () => {
+			setIsOpen(true);
+		}
+	}] });
+	const onClick = () => {
+		if (isDisabled) return;
+		if (!isSearchable) {
+			setIsOpen(!isOpen);
+			return;
+		}
+		inputRef.current?.focus();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: inputBaseCva({
+			variant,
+			as,
+			...props,
+			className: clsx("group/select-content relative flex px-0!", !isDisabled && isSearchable && "cursor-text", className)
+		}),
+		"data-rac": "",
+		"data-disabled": isDisabled || void 0,
+		"data-is-disabled": isDisabled || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focused": isOpen || isFocused || void 0,
+		"data-focus-within": isFocused || void 0,
+		"data-searchable-focus-within": isFocused && isSearchable || void 0,
+		"data-focus-visible": isFocused && isFocusVisible || void 0,
+		"data-has-selection": !isEmpty || void 0,
+		"data-has-search": fieldState.searchValue !== "" || void 0,
+		"data-invalid": isInvalid || void 0,
+		"data-is-empty": isEmpty || void 0,
+		"data-is-filled": !isEmpty || void 0,
+		"data-is-required": isRequired || void 0,
+		"data-is-dirty": isDirty || void 0,
+		"data-select-input": "",
+		onMouseEnter,
+		onFocusCapture,
+		...hoverProps,
+		...focusWithinProps,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: clsx("relative flex flex-1 items-center gap-input-gap-input-text-to-elements truncate", !isDisabled && isSearchable && "cursor-text", !isDisabled && !isSearchable && "cursor-pointer", inputSizeCva({
+					as,
+					size,
+					...props
+				})),
+				onClick,
+				children: [
+					as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
+						as,
+						...headerProps,
+						labelProps
+					}),
+					leadingContent && /* @__PURE__ */ jsx("div", {
+						className: "ml-input-side-default flex shrink-0 items-center",
+						children: leadingContent
+					}),
+					(showTags || isSearchable) && /* @__PURE__ */ jsxs("div", {
+						className: selectInputTagsContentWrapperCva({ isSearchable }),
+						children: [showTags && /* @__PURE__ */ jsx(SelectInputTags, {
+							selectedItems,
+							isDisabled,
+							collapseAfter,
+							selectedTagsType,
+							onRemove
+						}), isSearchable && /* @__PURE__ */ jsx($41fb335299a4a39e$export$f5b8910cec6cf069, {
+							ref: inputRef,
+							placeholder: as === "floating" ? void 0 : placeholder,
+							onBlur,
+							className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3", "disabled:text-text-default-3 disabled:placeholder:text-interactive-text-secondary-disabled", inputClassName),
+							onKeyDown,
+							onKeyDownCapture: onInputKeyDownCapture,
+							...fieldProps
+						})]
+					}),
+					!isSearchable && /* @__PURE__ */ jsxs($7705c033048f6da7$export$353f5b6fc5456de1, {
+						isDisabled,
+						onPress: () => setIsOpen(!isOpen),
+						onBlur,
+						"data-type": "select-trigger",
+						className: clsx("group/select-trigger w-full truncate text-start outline-none disabled:text-text-default-3", showTags && "absolute inset-0 z-base"),
+						onKeyDown: onTriggerKeyDown,
+						...fieldProps,
+						children: [(as === "floating" && isEmpty || isMultiple && !isEmpty) && /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }), (isEmpty || !isMultiple) && (as !== "floating" || !isEmpty) && /* @__PURE__ */ jsxs(Typography, {
+							size: "label-1",
+							as: "span",
+							className: clsx("truncate empty:before:inline-block empty:before:content-['']", isEmpty && "text-text-default-3 group-disabled/select-trigger:text-interactive-text-secondary-disabled"),
+							children: [isEmpty && placeholder, !isEmpty && (showSelectionContent ? selectedItems[0].content : selectedItems[0].label)]
+						})]
+					})
+				]
+			}),
+			isClearable && (!isDisabled || isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
+				onClear: () => {
+					onClear();
+				},
+				as,
+				show: showClearButton
+			}),
+			trailingContent && /* @__PURE__ */ jsx("div", {
+				className: "flex shrink-0 items-center",
+				children: trailingContent
+			}),
+			!hideDropdownIcon && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+				excludeFromTabOrder: true,
+				"aria-label": t(($) => isOpen ? $.ui.closeAlt : $.ui.openAlt),
+				className: clsx("self-stretch pl-1-5 outline-none", inputSizeCva({ size })),
+				isDisabled,
+				onPress: () => {
+					if (!isSearchable) setIsOpen(!isOpen);
+				},
+				children: /* @__PURE__ */ jsx("span", {
+					className: clsx("flex size-6 shrink-0 items-center justify-center", isOpen && "rotate-180", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 fill-current stroke-0" })
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/selectItem.cva.ts
+const selectListBoxItemDefinition = UIOverrides.defineConfig({
+	base: [
+		"group flex cursor-pointer items-center gap-2 px-list-side-item-left py-list-height-item",
+		"border-b border-b-elevation-outline-default-1 outline-none",
+		"font-labels-default text-label-2",
+		"hover:text-interactive-text-secondary-hover",
+		"focus-visible:bg-interactive-contained-primary-focus focus-visible:text-interactive-text-secondary-idle-inverted",
+		"disabled:cursor-default disabled:text-interactive-text-secondary-disabled"
+	],
+	config: {
+		variants: {
+			isSingle: { true: "selected:bg-interactive-contained-primary-idle selected:text-interactive-contained-primary-on-idle" },
+			isNewItem: {
+				true: "text-interactive-text-primary-idle",
+				false: "text-interactive-text-secondary-idle"
+			}
+		},
+		defaultVariants: { isNewItem: false }
+	}
+});
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBoxItem.tsx
+const SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label, content, isDisabled }) => {
+	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
+	const ref = useRef(null);
+	const { t } = useTranslation("ui");
+	const { selectedIds, isMultiple } = SelectContext.useSelect();
+	const itemContent = useMemo(() => {
+		if (isNewItem) return newItemRender?.(label) ?? `${t(($) => $.ui.autocomplete.createNewBtn)} '${label}'`;
+		return content ?? label;
+	}, [
+		isNewItem,
+		newItemRender,
+		label,
+		content,
+		t
+	]);
+	return /* @__PURE__ */ jsxs($928221da08ecbc62$export$a11e76429ed99b4, {
+		ref,
+		id,
+		textValue: label,
+		isDisabled,
+		className: selectListItemCva({
+			isSingle: !isMultiple,
+			isNewItem
+		}),
+		children: [
+			isMultiple && !isSearchable && /* @__PURE__ */ jsx(CheckboxCheckmark, {
+				variant: "default",
+				className: "group-focus-visible:outline-none!"
+			}),
+			isMultiple && isSearchable && /* @__PURE__ */ jsx("div", {
+				className: "group",
+				"data-rac": "",
+				"data-selected": selectedIds.includes(id) || void 0,
+				children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
+					variant: "default",
+					className: "group-focus-visible:outline-none!"
+				})
+			}),
+			itemContent
+		]
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBoxItemSelectAll.tsx
+const SelectListBoxItemSelectAll = ({ id, label, isDisabled }) => {
+	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
+	const ref = useRef(null);
+	const { t } = useTranslation("ui");
+	const { selectableListItems, selectedIds } = SelectContext.useSelect();
+	return /* @__PURE__ */ jsxs($928221da08ecbc62$export$a11e76429ed99b4, {
+		ref,
+		id,
+		textValue: label || t(($) => $.ui.select.allOption),
+		isDisabled,
+		className: selectListItemCva({}),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "group",
+			"data-rac": "",
+			"data-selected": selectedIds.length === selectableListItems.length || void 0,
+			"data-indeterminate": selectedIds.length > 0 && selectedIds.length < selectableListItems.length || void 0,
+			children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
+				variant: "default",
+				className: "group-focus-visible:outline-none!"
+			})
+		}), t(($) => $.ui.select.allOption)]
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBoxLoadingItem.tsx
+const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
+	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
+	const { t } = useTranslation("ui");
+	const { isDebouncing, isLoading, hasLoadMore } = SelectContext.useSelect();
+	const onIntersection = useCallback(() => {
+		if (!isDebouncing && !isLoading && hasLoadMore) onLoadMore?.();
+	}, [
+		isDebouncing,
+		isLoading,
+		hasLoadMore,
+		onLoadMore
+	]);
+	const { ref } = useIntersectionObserver({
+		onIntersection,
+		rootMargin: "40px"
+	});
+	return /* @__PURE__ */ jsx($928221da08ecbc62$export$a11e76429ed99b4, {
+		id,
+		textValue: label || t(($) => $.ui.loadingState.text),
+		isDisabled: true,
+		className: selectListItemCva({}),
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			className: "flex flex-1 justify-center text-interactive-text-primary-idle",
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		})
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBox.tsx
+var ReversedListLayout = class extends $a3be900807531178$re_export$ListLayout {
+	reverseLayoutInfo(layoutInfo) {
+		const reversedLayoutInfo = layoutInfo.copy();
+		reversedLayoutInfo.rect.y = this.getContentSize().height - reversedLayoutInfo.rect.maxY;
+		return reversedLayoutInfo;
+	}
+	getLayoutInfo(key) {
+		const layoutInfo = super.getLayoutInfo(key);
+		return layoutInfo ? this.reverseLayoutInfo(layoutInfo) : null;
+	}
+	getVisibleLayoutInfos(rect) {
+		const mirroredRect = new $a3be900807531178$re_export$Rect(rect.x, Math.max(0, this.getContentSize().height - rect.maxY), rect.width, rect.height);
+		return super.getVisibleLayoutInfos(mirroredRect).map((layoutInfo) => this.reverseLayoutInfo(layoutInfo));
+	}
+};
+const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, isReversed = false, virtualizerOptions, totalItems, newItemRender, onLoadMore, className, onClose, ...props }) => {
+	const { fieldState, onChange, listItems, selectableListItems, selectedIds, isMultiple, onClear, onSelectAll, hasLoadMore, isLoading } = SelectContext.useSelect();
+	const listBoxRef = useRef(null);
+	const hasRequestedAtTopRef = useRef(false);
+	const isReverseScrollAnchoredRef = useRef(!isReversed);
+	const reverseScrollBottomOffsetRef = useRef(0);
+	const previousLoadedItemIdsRef = useRef([]);
+	const shouldVirtualize = !!virtualizerOptions || (totalItems ?? listItems.length) > 100 || hasLoadMore;
+	const usesReversedLayout = isReversed && isSearchable && shouldVirtualize;
+	const displayedListItems = isReversed && !usesReversedLayout ? listItems.toReversed() : listItems;
+	const loadedItemIds = useMemo(() => listItems.filter((item) => item.id !== LoadingItemId).map((item) => item.id), [listItems]);
+	const loadMoreResetKey = loadedItemIds.join("\0");
+	useLayoutEffect(() => {
+		hasRequestedAtTopRef.current = false;
+	}, [loadMoreResetKey]);
+	useLayoutEffect(() => {
+		const previousLoadedItemIds = previousLoadedItemIdsRef.current;
+		const preservesExistingItems = previousLoadedItemIds.length > 0 && previousLoadedItemIds.every((itemId, index) => loadedItemIds[index] === itemId);
+		previousLoadedItemIdsRef.current = loadedItemIds;
+		if (!preservesExistingItems) reverseScrollBottomOffsetRef.current = 0;
+		const listBox = listBoxRef.current;
+		if (!listBox) {
+			isReverseScrollAnchoredRef.current = true;
+			return;
+		}
+		if (!isReversed) {
+			listBox.scrollTop = 0;
+			isReverseScrollAnchoredRef.current = true;
+			return;
+		}
+		isReverseScrollAnchoredRef.current = false;
+		const finishAnchoring = () => {
+			if (listBox.scrollHeight <= listBox.clientHeight) return false;
+			listBox.scrollTop = listBox.scrollHeight - listBox.clientHeight - reverseScrollBottomOffsetRef.current;
+			isReverseScrollAnchoredRef.current = true;
+			return true;
+		};
+		let scrollFrame = requestAnimationFrame(() => {
+			scrollFrame = requestAnimationFrame(() => {
+				if (!finishAnchoring()) isReverseScrollAnchoredRef.current = true;
+			});
+		});
+		return () => {
+			cancelAnimationFrame(scrollFrame);
+			reverseScrollBottomOffsetRef.current = listBox.scrollHeight - listBox.clientHeight - listBox.scrollTop;
+		};
+	}, [
+		isReversed,
+		loadMoreResetKey,
+		loadedItemIds
+	]);
+	const onSelectionChange = (value) => {
+		const ids = Array.from(value);
+		if (!isMultiple && ids.length === 0) {
+			if (fieldState.value) {
+				onClose?.();
+				onChange(fieldState.value);
+			}
+			return;
+		}
+		if (isMultiple && ids.includes("all-item-id")) {
+			if (ids.length > selectableListItems.length) onClear();
+			else onSelectAll();
+			return;
+		}
+		if (isMultiple) onChange(ids);
+		else {
+			onClose?.();
+			onChange(ids[0]);
+		}
+	};
+	const requestLoadMore = useCallback(() => {
+		if (isLoading) return;
+		if (isReversed && (!isReverseScrollAnchoredRef.current || (listBoxRef.current?.scrollTop ?? 0) > 1 || hasRequestedAtTopRef.current)) return;
+		if (isReversed) hasRequestedAtTopRef.current = true;
+		onLoadMore?.();
+	}, [
+		isLoading,
+		isReversed,
+		onLoadMore
+	]);
+	const onScroll = (event) => {
+		if (!isReversed || !hasLoadMore || !isReverseScrollAnchoredRef.current) return;
+		if (event.currentTarget.scrollTop > 48) hasRequestedAtTopRef.current = false;
+		else requestLoadMore();
+	};
+	const renderItem = (item) => {
+		if (item.isSelectAllItem) return /* @__PURE__ */ jsx(SelectListBoxItemSelectAll, { ...item }, item.id);
+		if (item.isLoadingItem) return /* @__PURE__ */ jsx(SelectListBoxLoadingItem, {
+			...item,
+			onLoadMore: requestLoadMore
+		}, item.id);
+		return /* @__PURE__ */ jsx(SelectListBoxItem, {
+			...item,
+			isSearchable,
+			isNewItem: item.isNewItem,
+			newItemRender
+		}, item.id);
+	};
+	if (shouldVirtualize) return /* @__PURE__ */ jsx($143fb904d86051ce$export$89be5a243e59c4b2, {
+		layout: usesReversedLayout ? ReversedListLayout : $a3be900807531178$re_export$ListLayout,
+		layoutOptions: virtualizerOptions,
+		children: /* @__PURE__ */ jsx($928221da08ecbc62$export$41f133550aa26f48, {
+			ref: listBoxRef,
+			...props,
+			"aria-label": label,
+			selectionMode,
+			className: clsx("flex-1 outline-none [&>div:last-child>*]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
+			items: displayedListItems,
+			selectedKeys: selectedIds,
+			onSelectionChange,
+			onScroll,
+			escapeKeyBehavior: "none",
+			shouldSelectOnPressUp: true,
+			children: renderItem
+		})
+	});
+	return /* @__PURE__ */ jsx($928221da08ecbc62$export$41f133550aa26f48, {
+		ref: listBoxRef,
+		...props,
+		"aria-label": label,
+		selectionMode,
+		className: clsx("flex-1 outline-none [&>div:last-child]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
+		items: displayedListItems,
+		selectedKeys: selectedIds,
+		onSelectionChange,
+		onScroll,
+		escapeKeyBehavior: "none",
+		shouldSelectOnPressUp: true,
+		children: renderItem
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/selectDesktop.cva.ts
+const selectPopoverDefinition = UIOverrides.defineConfig({ base: ["my-4 outline-none"] });
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectDesktop.tsx
+const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, ...props }) => {
+	const { label, tooltipText, helperText, isDirty, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, isSearchable, isClearable, isClearableIfDisabled, isLoading, as, size, collapseAfter, selectedTagsType } = props;
+	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
+	const selectPopoverCva = UIOverrides.useCva("select.popoverCva", selectPopoverDefinition);
+	const formFieldProps = {
+		error,
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const { labelProps, fieldProps } = useLabel({ label });
+	const triggerRef = useRef(null);
+	const closeComboBoxRef = useRef(null);
+	const wrapperRef = useRef(null);
+	const popoverRef = useRef(null);
+	const [popoverWidth, setPopoverWidth] = useState(void 0);
+	const [isPopoverAbove, setIsPopoverAbove] = useState(false);
+	const { fieldState, isOpen, setIsOpen, onInputChange, onChange, onClear, onSelectAll, listItems, selectableListItems, selectedIds, isMultiple } = SelectContext.useSelect();
+	$0644e3663365bfe5$export$ee0f7cc6afcd1c18({ isDisabled: !isOpen });
+	useLayoutEffect(() => {
+		if (!isOpen || !wrapperRef.current) return;
+		setPopoverWidth(wrapperRef.current.getBoundingClientRect().width);
+		const observer = new ResizeObserver((entries) => {
+			setPopoverWidth(entries[0].contentRect.width);
+		});
+		observer.observe(wrapperRef.current);
+		return () => {
+			observer.disconnect();
+		};
+	}, [isOpen]);
+	const onSelectionChange = (value) => {
+		if (!value) return;
+		if (value === "all-item-id") {
+			if (selectedIds.length === selectableListItems.length) onClear();
+			else onSelectAll();
+			return;
+		}
+		if (!isMultiple) {
+			onChange(value);
+			return;
+		}
+		if (!Array.isArray(fieldState.value)) {
+			onChange([value]);
+			return;
+		}
+		if (fieldState.value.includes(value)) onChange(fieldState.value.filter((id) => id !== value));
+		else onChange(fieldState.value.concat(value));
+	};
+	useLayoutEffect(() => {
+		if (!isOpen || !popoverRef.current) {
+			setIsPopoverAbove(false);
+			return;
+		}
+		const updatePlacement = () => setIsPopoverAbove(popoverRef.current?.dataset.placement === "top");
+		const observer = new MutationObserver(updatePlacement);
+		observer.observe(popoverRef.current, {
+			attributes: true,
+			attributeFilter: ["data-placement"]
+		});
+		updatePlacement();
+		return () => observer.disconnect();
+	}, [isOpen]);
+	const openChangeHandler = (value) => {
+		if (closeComboBoxRef.current && value) {
+			closeComboBoxRef.current.setOpen(false);
+			closeComboBoxRef.current = null;
+		} else setIsOpen(value);
+	};
+	const WrapperComponent = isSearchable ? $dbdc5e6e7ce01b4b$export$72b9695b8216309a : Fragment;
+	const comboBoxProps = {
+		selectedKey: isMultiple ? null : fieldState.value,
+		onSelectionChange,
+		inputValue: fieldState.inputValue,
+		onInputChange,
+		onOpenChange: openChangeHandler,
+		allowsEmptyCollection: true,
+		isDisabled,
+		isInvalid: !!error,
+		menuTrigger: "focus",
+		className: clsx("group w-full", containerClassName)
+	};
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const dialogTriggerProps = {
+		isOpen,
+		onOpenChange: setIsOpen
+	};
+	const showPopover = useMemo(() => listItems.filter((item) => !item.isSelectAllItem).length > 0 || isLoading, [listItems, isLoading]);
+	return /* @__PURE__ */ jsx(TooltipWrapper, {
+		as,
+		error,
+		children: /* @__PURE__ */ jsx(WrapperComponent, {
+			...isSearchable ? comboBoxProps : {},
+			children: /* @__PURE__ */ jsxs(FormField, {
+				...formFieldProps,
+				...!isSearchable && {
+					labelProps,
+					className: clsx("group w-full", containerClassName)
+				},
+				as,
+				onMouseEnter,
+				onFocusCapture,
+				ref: wrapperRef,
+				children: [customTrigger ? /* @__PURE__ */ jsx($f2ff30fde7b014be$export$2e1e1122cf0cba88, {
+					...dialogTriggerProps,
+					children: /* @__PURE__ */ jsx("div", {
+						...fieldProps,
+						ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, triggerRef),
+						children: customTrigger
+					})
+				}) : /* @__PURE__ */ jsx(SelectInput, {
+					ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, triggerRef),
+					placeholder,
+					variant,
+					as,
+					size,
+					isDisabled,
+					isInvalid: !!error,
+					className,
+					hideDropdownIcon,
+					isSearchable,
+					isClearable,
+					isClearableIfDisabled,
+					showSelectionContent,
+					inputClassName,
+					leadingContent,
+					trailingContent,
+					collapseAfter,
+					selectedTagsType,
+					isRequired,
+					isDirty,
+					isListReversed: isPopoverAbove,
+					onBlur,
+					onCloseComboBox: (state) => {
+						if (isSearchable) closeComboBoxRef.current = state;
+					},
+					fieldProps,
+					headerProps
+				}), (!isSearchable || showPopover) && /* @__PURE__ */ jsx($542a13ca2fa5b484$export$5b6b19405a83ff9d, {
+					ref: popoverRef,
+					triggerRef,
+					isOpen,
+					onOpenChange: setIsOpen,
+					className: selectPopoverCva({}),
+					style: { width: !ignoreTriggerWidth ? popoverWidth : void 0 },
+					offset: 0,
+					children: /* @__PURE__ */ jsx(SelectListBox, {
+						...props,
+						className: clsx(popoverCva({}), "max-h-80! [scrollbar-width:thin]"),
+						autoFocus: !isSearchable,
+						isReversed: isPopoverAbove
+					})
+				})]
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/inputs/FormField/FormFieldHeaderClose.tsx
+const FormFieldHeaderClose = ({ onClose }) => {
+	const { t } = useTranslation("ui");
+	return /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+		onPress: onClose,
+		"aria-label": t(($) => $.ui.closeAlt),
+		className: "shrink-0 focus-visible:outline-interactive-text-secondary-focus",
+		children: /* @__PURE__ */ jsx(X, { className: "size-6 text-interactive-text-secondary-idle" })
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBoxSelectionBar.tsx
+const SelectListBoxSelectionBar = ({ className }) => {
+	const { t } = useTranslation("ui");
+	const { onClear, onSelectAll } = SelectContext.useSelect();
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("flex items-center justify-between border-elevation-outline-default-1 border-b px-4 py-3", className),
+		children: [/* @__PURE__ */ jsx(TextButton, {
+			type: "button",
+			color: "primary",
+			onPress: onSelectAll,
+			children: t(($) => $.ui.select.selectAll)
+		}), /* @__PURE__ */ jsx(TextButton, {
+			type: "button",
+			color: "secondary",
+			onPress: onClear,
+			children: t(($) => $.ui.select.clearSelection)
+		})]
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectMobile.tsx
+const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, bottomSheetProps, ...props }) => {
+	const { label, tooltipText, helperText, isDirty, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, hideSearchIcon, isSearchable, isClearable, isClearableIfDisabled, as, size, collapseAfter, selectedTagsType } = props;
+	const formFieldProps = {
+		error,
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const { labelProps, fieldProps } = useLabel({ label });
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const { fieldState, isOpen, setIsOpen, onInputChange, isMultiple } = SelectContext.useSelect();
+	const searchInputRef = useRef(null);
+	const onBlurRef = useRef(onBlur);
+	onBlurRef.current = onBlur;
+	const handleOpenChange = (open) => {
+		if (!open) onBlurRef.current?.({});
+		setIsOpen(open);
+	};
+	const dialogTriggerProps = {
+		isOpen,
+		onOpenChange: handleOpenChange
+	};
+	return /* @__PURE__ */ jsx(FormField, {
+		...formFieldProps,
+		as,
+		labelProps,
+		className: clsx("group w-full", containerClassName),
+		onMouseEnter,
+		onFocusCapture,
+		children: /* @__PURE__ */ jsxs($f2ff30fde7b014be$export$2e1e1122cf0cba88, {
+			...dialogTriggerProps,
+			children: [customTrigger ? /* @__PURE__ */ jsx("div", {
+				...fieldProps,
+				ref,
+				children: customTrigger
+			}) : /* @__PURE__ */ jsx(SelectInput, {
+				ref,
+				placeholder,
+				variant,
+				as,
+				size,
+				isDisabled,
+				isInvalid: !!error,
+				className,
+				hideDropdownIcon,
+				isSearchable: false,
+				isClearable,
+				isClearableIfDisabled,
+				showSelectionContent,
+				onBlur: void 0,
+				fieldProps,
+				headerProps,
+				leadingContent,
+				trailingContent,
+				collapseAfter,
+				selectedTagsType,
+				isRequired,
+				isDirty
+			}), /* @__PURE__ */ jsx(BottomSheet, {
+				isDismissable: true,
+				hideHeader: isSearchable,
+				...bottomSheetProps,
+				isOpen,
+				onOpenChange: handleOpenChange,
+				onStateChange: (state) => {
+					if (state === "opened") searchInputRef.current?.focus();
+				},
+				label,
+				footer: isMultiple && /* @__PURE__ */ jsx(SelectListBoxSelectionBar, {}),
+				children: (close) => /* @__PURE__ */ jsxs("div", {
+					className: "flex max-h-full flex-col overflow-hidden",
+					children: [isSearchable && /* @__PURE__ */ jsx(Input, {
+						ref: searchInputRef,
+						label,
+						placeholder,
+						value: fieldState.inputValue,
+						onChange: onInputChange,
+						rightContent: /* @__PURE__ */ jsx(FormFieldHeaderClose, { onClose: close }),
+						inputClassName,
+						className: "mb-list-height-title-bottom px-list-side-title",
+						leadingIcon: !hideSearchIcon ? /* @__PURE__ */ jsx(Search, { className: "size-6" }) : void 0,
+						size: "default",
+						isClearable
+					}), /* @__PURE__ */ jsx(SelectListBox, {
+						...props,
+						autoFocus: !isSearchable,
+						onClose: close,
+						isScrollable: true
+					})]
+				})
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectBase.tsx
+const SelectBase = (dProps) => {
+	const ui = UIConfig.useConfig();
+	const props = useMemo(() => ({
+		...dProps,
+		selectionMode: dProps.selectionMode ?? ui.select.selectionMode,
+		variant: dProps.variant ?? ui.input.variant,
+		as: dProps.as ?? ui.input.as,
+		size: dProps.size ?? ui.input.size,
+		hideLabel: dProps.hideLabel ?? ui.input.hideLabel,
+		isClearable: dProps.isClearable ?? ui.input.isClearable,
+		isSearchable: dProps.isSearchable ?? ui.select.isSearchable,
+		selectedTagsType: dProps.selectedTagsType ?? ui.select.selectedTagsType,
+		ignoreTriggerWidth: dProps.virtualizerOptions || (dProps.totalItems ?? 0) > 100 || dProps.hasLoadMore ? false : dProps.ignoreTriggerWidth ?? false,
+		collapseAfter: dProps.collapseAfter ?? ui.select.collapseAfter,
+		hideSearchIcon: dProps.hideSearchIcon ?? ui.select.hideSearchIcon,
+		multiSelectAutoConfirm: dProps.multiSelectAutoConfirm ?? ui.select.multiSelectAutoConfirm,
+		searchDebounceDelay: dProps.searchDebounceDelay ?? ui.select.searchDebounceDelay,
+		isClientSearchDisabled: dProps.ignoreInputValueFiltering ?? dProps.isClientSearchDisabled
+	}), [
+		dProps,
+		ui.input,
+		ui.select
+	]);
+	const isDesktop = useBreakpoint("md");
+	return /* @__PURE__ */ jsx(SelectContext.Provider, {
+		...props,
+		children: isDesktop ? /* @__PURE__ */ jsx(SelectDesktop, { ...props }) : /* @__PURE__ */ jsx(SelectMobile, { ...props })
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/StaticSelectTrailingContent.tsx
+const StaticSelectTrailingContent = ({ trailingContent, hideDropdownIcon, isDisabled, size }) => {
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	if (!trailingContent && hideDropdownIcon) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [trailingContent && /* @__PURE__ */ jsx("div", {
+		className: "flex shrink-0 items-center",
+		children: trailingContent
+	}), !hideDropdownIcon ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		tabIndex: -1,
+		className: clsx("self-stretch border-0! pl-1-5 outline-none", inputSizeCva({ size })),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("span", {
+			className: clsx("flex size-6 shrink-0 items-center justify-center", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
+			children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 fill-current stroke-0" })
+		})
+	}) : void 0] });
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/staticSelect.utils.tsx
+const getStaticMultipleDisplayValue = ({ selectedItems, isDisabled, collapseAfter, selectedTagsType }) => {
+	if (selectedItems.length === 0) return "";
+	return /* @__PURE__ */ jsx(SelectInputTags, {
+		selectedItems,
+		isDisabled,
+		collapseAfter,
+		selectedTagsType,
+		onRemove: () => void 0
+	});
+};
+const getStaticSingleDisplayValue = ({ selectedItem, showSelectionContent }) => {
+	if (!selectedItem) return "";
+	if (showSelectionContent && selectedItem.content) return selectedItem.content;
+	return /* @__PURE__ */ jsx("div", {
+		className: "min-w-0 flex-1 truncate",
+		children: selectedItem.label
+	});
+};
+const getStaticSelectValue = ({ items, value, selectionMode, initialSelection, mapInitialToSelectItem = ((item) => ({
+	id: item.id,
+	label: item.label ?? item.name ?? ""
+})), showSelectionContent, isDisabled, collapseAfter, selectedTagsType }) => {
+	const initialSelectedItems = initialSelection ? (Array.isArray(initialSelection) ? initialSelection : [initialSelection]).map((item) => mapInitialToSelectItem(item)) : [];
+	const allItemsMap = /* @__PURE__ */ new Map();
+	[...initialSelectedItems, ...items].forEach((item) => allItemsMap.set(item.id, item));
+	const getItem = (id) => allItemsMap.get(id) ?? null;
+	const selectedItems = Array.isArray(value) ? value.map((id) => getItem(id)).filter((item) => item != null) : [];
+	const selectedItem = !Array.isArray(value) && value != null ? getItem(value) : null;
+	if (selectionMode === "multiple") return {
+		selectedItem,
+		selectedItems,
+		displayValue: getStaticMultipleDisplayValue({
+			selectedItems,
+			isDisabled,
+			collapseAfter,
+			selectedTagsType
+		}),
+		isEmpty: selectedItems.length === 0
+	};
+	return {
+		selectedItem,
+		selectedItems,
+		displayValue: getStaticSingleDisplayValue({
+			selectedItem,
+			showSelectionContent
+		}),
+		isEmpty: selectedItem == null
+	};
+};
+//#endregion
+export { selectListBoxItemDefinition as a, useKeyInteractions as c, selectPopoverDefinition as i, selectInputTagsContentWrapperDefinition as l, StaticSelectTrailingContent as n, createKeyInteractionsHandler as o, SelectBase as r, getKeyInteractionAction as s, getStaticSelectValue as t, useDebounceCallback as u };