@eightshift/ui-components 6.3.0 → 7.1.0

package/dist/shared-D_OXizRt.js

@@ -0,0 +1,1038 @@
+import { t as clsx } from "./clsx-BUU5J41u.js";
+import { AnimatedVisibility } from "./components/animated-visibility/animated-visibility.js";
+import { c as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $ff5963eb1fccf552$export$e08e3b67e392101e, i as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, m as $bdb11010cef70236$export$f680877a34711e37, n as $64fa3d84918910a7$export$29f1550f4b0d4415, o as $64fa3d84918910a7$export$df3a06d6289f983e, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$ef03459518577ad4, t as $64fa3d84918910a7$export$2881499e37b75b9a, u as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B_uiqNa4.js";
+import { H as $d4ee10de306f2510$export$e58f029f0fbfdb29, l as $507fabe10e71c6fb$export$8397ddfc504fdb9a, v as $458b0a5536c1a7cf$export$40bfa8c7b0832715, z as $d4ee10de306f2510$export$4282f70798064fe0 } from "./useHover-qaMm3XFO.js";
+import { t as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-_2_3GD-K.js";
+import { b as $fb3050f43d946246$export$e32c88dfddc6e1d8, c as $e1995378a142960e$export$bf788dd355e3a401 } from "./SelectionManager-B8lLv6Ue.js";
+import { o as $9daab02d461809db$export$683480f191c0e3ea, r as $fc909762b330b746$export$61c6a8c84e605fb6 } from "./OverlayArrow-BoloUPQM.js";
+import { E as $325a3faab7a68acd$export$a16aca283550c30d, h as $168583247155ddda$export$dc9c12ed27dd1b49, r as $de32f1b87079253c$export$d2f961adcb0afbe, u as $07b14b47974efb58$export$9b9a0cd73afb7ca4, v as $2a25aae57d74318e$export$a05409b8bb224a5a } from "./Dialog-i5VLQw1o.js";
+import { t as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DdkykzAn.js";
+import { i as $eed445e0843c11d0$export$a11e76429ed99b4, n as $eed445e0843c11d0$export$7c5906fe4f1f2af2, r as $eed445e0843c11d0$export$7ff8f37d2d81a48d } from "./ListBox-B21SgugS.js";
+import { t as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-CD_5vfyy.js";
+import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, t as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-h6xF_WrP.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-C-XNeJ_l.js";
+import { t as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-Dv2diN3k.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuYL4cdO.js";
+import { n as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-CfsnJHZb.js";
+import { t as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-D0WrzR2F.js";
+import { a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, n as $e93e671b31057976$export$b8473d3665f3a75a, t as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-BWDbP5Db.js";
+import { t as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-8TB37dpK.js";
+import { t as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DFXXxMKY.js";
+import { n as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-O6VBBDlP.js";
+import { t as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-DTMkbrQY.js";
+import { t as __ } from "./build-module-sxK3nxOK.js";
+import { Icon } from "./icons/icon.js";
+import { check } from "./icons/ui-icons/check.js";
+import { clear } from "./icons/ui-icons/clear.js";
+import React, { Fragment, createContext, forwardRef, useCallback, useContext, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region node_modules/@react-aria/i18n/dist/useListFormatter.mjs
+function $33bf17300c498528$export$a2f47a3d2973640(options = {}) {
+	let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+	return useMemo(() => new Intl.ListFormat(locale, options), [locale, options]);
+}
+//#endregion
+//#region node_modules/@react-aria/select/dist/useSelect.mjs
+var $58aed456727eb0f3$export$703601b7e90536f8 = new WeakMap();
+function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
+	let { keyboardDelegate, isDisabled, isRequired, name, form, validationBehavior = "aria" } = props;
+	let collator = $325a3faab7a68acd$export$a16aca283550c30d({
+		usage: "search",
+		sensitivity: "base"
+	});
+	let delegate = useMemo(() => keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a(state.collection, state.disabledKeys, ref, collator), [
+		keyboardDelegate,
+		state.collection,
+		state.disabledKeys,
+		collator,
+		ref
+	]);
+	let { menuTriggerProps, menuProps } = $168583247155ddda$export$dc9c12ed27dd1b49({
+		isDisabled,
+		type: "listbox"
+	}, state, ref);
+	let onKeyDown = (e) => {
+		if (state.selectionManager.selectionMode === "multiple") return;
+		switch (e.key) {
+			case "ArrowLeft": {
+				var _delegate_getKeyAbove, _delegate_getFirstKey;
+				e.preventDefault();
+				let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === void 0 ? void 0 : _delegate_getKeyAbove.call(delegate, state.selectedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate);
+				if (key) state.setSelectedKey(key);
+				break;
+			}
+			case "ArrowRight": {
+				var _delegate_getKeyBelow, _delegate_getFirstKey1;
+				e.preventDefault();
+				let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === void 0 ? void 0 : _delegate_getKeyBelow.call(delegate, state.selectedKey) : (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === void 0 ? void 0 : _delegate_getFirstKey1.call(delegate);
+				if (key) state.setSelectedKey(key);
+				break;
+			}
+		}
+	};
+	let { typeSelectProps } = $fb3050f43d946246$export$e32c88dfddc6e1d8({
+		keyboardDelegate: delegate,
+		selectionManager: state.selectionManager,
+		onTypeSelect(key) {
+			state.setSelectedKey(key);
+		}
+	});
+	let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
+		...props,
+		labelElementType: "span",
+		isInvalid,
+		errorMessage: props.errorMessage || validationErrors
+	});
+	typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;
+	delete typeSelectProps.onKeyDownCapture;
+	if (state.selectionManager.selectionMode === "multiple") typeSelectProps = {};
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true });
+	let triggerProps = $3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, menuTriggerProps, fieldProps);
+	let valueId = $bdb11010cef70236$export$f680877a34711e37();
+	$58aed456727eb0f3$export$703601b7e90536f8.set(state, {
+		isDisabled,
+		isRequired,
+		name,
+		form,
+		validationBehavior
+	});
+	return {
+		labelProps: {
+			...labelProps,
+			onClick: () => {
+				if (!props.isDisabled) {
+					var _ref_current;
+					(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+					$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
+				}
+			}
+		},
+		triggerProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
+			...triggerProps,
+			isDisabled,
+			onKeyDown: $ff5963eb1fccf552$export$e08e3b67e392101e(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),
+			onKeyUp: props.onKeyUp,
+			"aria-labelledby": [
+				valueId,
+				triggerProps["aria-labelledby"],
+				triggerProps["aria-label"] && !triggerProps["aria-labelledby"] ? triggerProps.id : null
+			].filter(Boolean).join(" "),
+			onFocus(e) {
+				if (state.isFocused) return;
+				if (props.onFocus) props.onFocus(e);
+				if (props.onFocusChange) props.onFocusChange(true);
+				state.setFocused(true);
+			},
+			onBlur(e) {
+				if (state.isOpen) return;
+				if (props.onBlur) props.onBlur(e);
+				if (props.onFocusChange) props.onFocusChange(false);
+				state.setFocused(false);
+			}
+		}),
+		valueProps: { id: valueId },
+		menuProps: {
+			...menuProps,
+			autoFocus: state.focusStrategy || true,
+			shouldSelectOnPressUp: true,
+			shouldFocusOnHover: true,
+			disallowEmptySelection: true,
+			linkBehavior: "selection",
+			onBlur: (e) => {
+				if ($d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget)) return;
+				if (props.onBlur) props.onBlur(e);
+				if (props.onFocusChange) props.onFocusChange(false);
+				state.setFocused(false);
+			},
+			"aria-labelledby": [fieldProps["aria-labelledby"], triggerProps["aria-label"] && !fieldProps["aria-labelledby"] ? triggerProps.id : null].filter(Boolean).join(" ")
+		},
+		descriptionProps,
+		errorMessageProps,
+		isInvalid,
+		validationErrors,
+		validationDetails,
+		hiddenSelectProps: {
+			isDisabled,
+			name,
+			label: props.label,
+			state,
+			triggerRef: ref,
+			form
+		}
+	};
+}
+//#endregion
+//#region node_modules/@react-aria/select/dist/HiddenSelect.mjs
+function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
+	let data = $58aed456727eb0f3$export$703601b7e90536f8.get(state) || {};
+	let { autoComplete, name = data.name, form = data.form, isDisabled = data.isDisabled } = props;
+	let { validationBehavior, isRequired } = data;
+	let { visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab({ style: {
+		position: "fixed",
+		top: 0,
+		left: 0
+	} });
+	$99facab73266f662$export$5add1d006293d136(props.selectRef, state.defaultValue, state.setValue);
+	$e93e671b31057976$export$b8473d3665f3a75a({
+		validationBehavior,
+		focus: () => {
+			var _triggerRef_current;
+			return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
+		}
+	}, state, props.selectRef);
+	let setValue = state.setValue;
+	let onChange = useCallback((e) => {
+		let eventTarget = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
+		if (eventTarget.multiple) setValue(Array.from(eventTarget.selectedOptions, (option) => option.value));
+		else setValue(e.currentTarget.value);
+	}, [setValue]);
+	var _state_value;
+	return {
+		containerProps: {
+			...visuallyHiddenProps,
+			"aria-hidden": true,
+			["data-react-aria-prevent-focus"]: true,
+			["data-a11y-ignore"]: "aria-hidden-focus"
+		},
+		inputProps: { style: { display: "none" } },
+		selectProps: {
+			tabIndex: -1,
+			autoComplete,
+			disabled: isDisabled,
+			multiple: state.selectionManager.selectionMode === "multiple",
+			required: validationBehavior === "native" && isRequired,
+			name,
+			form,
+			value: (_state_value = state.value) !== null && _state_value !== void 0 ? _state_value : "",
+			onChange,
+			onInput: onChange
+		}
+	};
+}
+function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
+	let { state, triggerRef, label, name, form, isDisabled } = props;
+	let selectRef = useRef(null);
+	let inputRef = useRef(null);
+	let { containerProps, selectProps } = $bdd25dc72710631f$export$f809e80f58e251d1({
+		...props,
+		selectRef: state.collection.size <= 300 ? selectRef : inputRef
+	}, state, triggerRef);
+	let values = Array.isArray(state.value) ? state.value : [state.value];
+	if (state.collection.size <= 300) return React.createElement("div", {
+		...containerProps,
+		"data-testid": "hidden-select-container"
+	}, React.createElement("label", null, label, React.createElement("select", {
+		...selectProps,
+		ref: selectRef
+	}, React.createElement("option", null), [...state.collection.getKeys()].map((key) => {
+		let item = state.collection.getItem(key);
+		if (item && item.type === "item") return React.createElement("option", {
+			key: item.key,
+			value: item.key
+		}, item.textValue);
+	}), state.collection.size === 0 && name && values.map((value, i) => React.createElement("option", {
+		key: i,
+		value: value !== null && value !== void 0 ? value : ""
+	})))));
+	else if (name) {
+		let { validationBehavior } = $58aed456727eb0f3$export$703601b7e90536f8.get(state) || {};
+		if (values.length === 0) values = [null];
+		let res = values.map((value, i) => {
+			let inputProps = {
+				type: "hidden",
+				autoComplete: selectProps.autoComplete,
+				name,
+				form,
+				disabled: isDisabled,
+				value: value !== null && value !== void 0 ? value : ""
+			};
+			if (validationBehavior === "native") return React.createElement("input", {
+				key: i,
+				...inputProps,
+				ref: i === 0 ? inputRef : null,
+				style: { display: "none" },
+				type: "text",
+				required: i === 0 ? selectProps.required : false,
+				onChange: () => {}
+			});
+			return React.createElement("input", {
+				key: i,
+				...inputProps,
+				ref: i === 0 ? inputRef : null
+			});
+		});
+		return React.createElement(React.Fragment, null, res);
+	}
+	return null;
+}
+//#endregion
+//#region node_modules/@react-stately/select/dist/useSelectState.mjs
+function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
+	let { selectionMode = "single" } = props;
+	let triggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+	let [focusStrategy, setFocusStrategy] = useState(null);
+	let defaultValue = useMemo(() => {
+		var _props_defaultSelectedKey;
+		return props.defaultValue !== void 0 ? props.defaultValue : selectionMode === "single" ? (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null : [];
+	}, [
+		props.defaultValue,
+		props.defaultSelectedKey,
+		selectionMode
+	]);
+	let [controlledValue, setControlledValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(useMemo(() => {
+		return props.value !== void 0 ? props.value : selectionMode === "single" ? props.selectedKey : void 0;
+	}, [
+		props.value,
+		props.selectedKey,
+		selectionMode
+	]), defaultValue, props.onChange);
+	let displayValue = selectionMode === "single" && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;
+	let setValue = (value) => {
+		if (selectionMode === "single") {
+			var _props_onSelectionChange;
+			var _value_;
+			let key = Array.isArray(value) ? (_value_ = value[0]) !== null && _value_ !== void 0 ? _value_ : null : value;
+			setControlledValue(key);
+			if (key !== displayValue) (_props_onSelectionChange = props.onSelectionChange) === null || _props_onSelectionChange === void 0 || _props_onSelectionChange.call(props, key);
+		} else {
+			let keys = [];
+			if (Array.isArray(value)) keys = value;
+			else if (value != null) keys = [value];
+			setControlledValue(keys);
+		}
+	};
+	let listState = $e72dd72e1c76a225$export$2f645645f7bca764({
+		...props,
+		selectionMode,
+		disallowEmptySelection: selectionMode === "single",
+		allowDuplicateSelectionEvents: true,
+		selectedKeys: useMemo(() => $2bc3a590c5373a4e$var$convertValue(displayValue), [displayValue]),
+		onSelectionChange: (keys) => {
+			if (keys === "all") return;
+			if (selectionMode === "single") {
+				var _keys_values_next_value;
+				setValue((_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null);
+				triggerState.close();
+			} else setValue([...keys]);
+			validationState.commitValidation();
+		}
+	});
+	let selectedKey = listState.selectionManager.firstSelectedKey;
+	let selectedItems = useMemo(() => {
+		return [...listState.selectionManager.selectedKeys].map((key) => listState.collection.getItem(key)).filter((item) => item != null);
+	}, [listState.selectionManager.selectedKeys, listState.collection]);
+	let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+		...props,
+		value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue
+	});
+	let [isFocused, setFocused] = useState(false);
+	let [initialValue] = useState(displayValue);
+	var _selectedItems_, _props_defaultSelectedKey;
+	return {
+		...validationState,
+		...listState,
+		...triggerState,
+		value: displayValue,
+		defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : initialValue,
+		setValue,
+		selectedKey,
+		setSelectedKey: setValue,
+		selectedItem: (_selectedItems_ = selectedItems[0]) !== null && _selectedItems_ !== void 0 ? _selectedItems_ : null,
+		selectedItems,
+		defaultSelectedKey: (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : props.selectionMode === "single" ? initialValue : null,
+		focusStrategy,
+		open(focusStrategy = null) {
+			if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+				setFocusStrategy(focusStrategy);
+				triggerState.open();
+			}
+		},
+		toggle(focusStrategy = null) {
+			if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+				setFocusStrategy(focusStrategy);
+				triggerState.toggle();
+			}
+		},
+		isFocused,
+		setFocused
+	};
+}
+function $2bc3a590c5373a4e$var$convertValue(value) {
+	if (value === void 0) return void 0;
+	if (value === null) return [];
+	return Array.isArray(value) ? value : [value];
+}
+//#endregion
+//#region node_modules/react-aria-components/dist/ar-AE.mjs
+var $e038a7e7a6d81989$exports = {};
+$e038a7e7a6d81989$exports = {
+	"colorSwatchPicker": `\u{62A}\u{63A}\u{64A}\u{64A}\u{631}\u{627}\u{62A} \u{627}\u{644}\u{623}\u{644}\u{648}\u{627}\u{646}`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `\u{62D}\u{62F}\u{62F} \u{639}\u{646}\u{635}\u{631}\u{64B}\u{627}`,
+	"tableResizer": `\u{623}\u{62F}\u{627}\u{629} \u{62A}\u{63A}\u{64A}\u{64A}\u{631} \u{627}\u{644}\u{62D}\u{62C}\u{645}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/bg-BG.mjs
+var $0ec14741b0133644$exports = {};
+$0ec14741b0133644$exports = {
+	"colorSwatchPicker": `\u{426}\u{432}\u{435}\u{442}\u{43E}\u{432}\u{438} \u{43C}\u{43E}\u{441}\u{442}\u{440}\u{438}`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `\u{418}\u{437}\u{431}\u{435}\u{440}\u{435}\u{442}\u{435} \u{43F}\u{440}\u{435}\u{434}\u{43C}\u{435}\u{442}`,
+	"tableResizer": `\u{41F}\u{440}\u{435}\u{43E}\u{440}\u{430}\u{437}\u{43C}\u{435}\u{440}\u{438}\u{442}\u{435}\u{43B}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/cs-CZ.mjs
+var $642f7badf2405784$exports = {};
+$642f7badf2405784$exports = {
+	"colorSwatchPicker": `Vzorky barev`,
+	"dropzoneLabel": `M\xedsto pro p\u{159}eta\u{17E}en\xed`,
+	"selectPlaceholder": `Vyberte polo\u{17E}ku`,
+	"tableResizer": `Zm\u{11B}na velikosti`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/da-DK.mjs
+var $30cee8d2535734ec$exports = {};
+$30cee8d2535734ec$exports = {
+	"colorSwatchPicker": `Farvepr\xf8ver`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `V\xe6lg et element`,
+	"tableResizer": `St\xf8rrelses\xe6ndring`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/de-DE.mjs
+var $c302d0504fca332a$exports = {};
+$c302d0504fca332a$exports = {
+	"colorSwatchPicker": `Farbfelder`,
+	"dropzoneLabel": `Ablegebereich`,
+	"selectPlaceholder": `Element w\xe4hlen`,
+	"tableResizer": `Gr\xf6\xdfenanpassung`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/el-GR.mjs
+var $0d0703f2bd7e421c$exports = {};
+$0d0703f2bd7e421c$exports = {
+	"colorSwatchPicker": `\u{3A7}\u{3C1}\u{3C9}\u{3BC}\u{3B1}\u{3C4}\u{3B9}\u{3BA}\u{3AC} \u{3B4}\u{3B5}\u{3AF}\u{3B3}\u{3BC}\u{3B1}\u{3C4}\u{3B1}`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `\u{395}\u{3C0}\u{3B9}\u{3BB}\u{3AD}\u{3BE}\u{3C4}\u{3B5} \u{3AD}\u{3BD}\u{3B1} \u{3B1}\u{3BD}\u{3C4}\u{3B9}\u{3BA}\u{3B5}\u{3AF}\u{3BC}\u{3B5}\u{3BD}\u{3BF}`,
+	"tableResizer": `\u{391}\u{3BB}\u{3BB}\u{3B1}\u{3B3}\u{3AE} \u{3BC}\u{3B5}\u{3B3}\u{3AD}\u{3B8}\u{3BF}\u{3C5}\u{3C2}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/en-US.mjs
+var $cafa55beb2fc5ef3$exports = {};
+$cafa55beb2fc5ef3$exports = {
+	"selectPlaceholder": `Select an item`,
+	"tableResizer": `Resizer`,
+	"dropzoneLabel": `DropZone`,
+	"colorSwatchPicker": `Color swatches`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/es-ES.mjs
+var $18ac2ceede598103$exports = {};
+$18ac2ceede598103$exports = {
+	"colorSwatchPicker": `Muestras de colores`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Seleccionar un art\xedculo`,
+	"tableResizer": `Cambiador de tama\xf1o`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/et-EE.mjs
+var $718705a15b8a633a$exports = {};
+$718705a15b8a633a$exports = {
+	"colorSwatchPicker": `V\xe4rvin\xe4idised`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Valige \xfcksus`,
+	"tableResizer": `Suuruse muutja`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/fi-FI.mjs
+var $bf36dae9ecc81ce0$exports = {};
+$bf36dae9ecc81ce0$exports = {
+	"colorSwatchPicker": `V\xe4rimallit`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Valitse kohde`,
+	"tableResizer": `Koon muuttaja`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/fr-FR.mjs
+var $0b4828edb010b855$exports = {};
+$0b4828edb010b855$exports = {
+	"colorSwatchPicker": `\xc9chantillons de couleurs`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `S\xe9lectionner un \xe9l\xe9ment`,
+	"tableResizer": `Redimensionneur`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/he-IL.mjs
+var $0030f210b040e540$exports = {};
+$0030f210b040e540$exports = {
+	"colorSwatchPicker": `\u{5D3}\u{5D5}\u{5D2}\u{5DE}\u{5D9}\u{5D5}\u{5EA} \u{5E6}\u{5D1}\u{5E2}`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `\u{5D1}\u{5D7}\u{5E8} \u{5E4}\u{5E8}\u{5D9}\u{5D8}`,
+	"tableResizer": `\u{5E9}\u{5D9}\u{5E0}\u{5D5}\u{5D9} \u{5D2}\u{5D5}\u{5D3}\u{5DC}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/hr-HR.mjs
+var $1f0ebacf5a0c0fa1$exports = {};
+$1f0ebacf5a0c0fa1$exports = {
+	"colorSwatchPicker": `Uzorci boja`,
+	"dropzoneLabel": `Zona spu\u{161}tanja`,
+	"selectPlaceholder": `Odaberite stavku`,
+	"tableResizer": `Promjena veli\u{10D}ine`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/hu-HU.mjs
+var $3a706ba61f3d6bba$exports = {};
+$3a706ba61f3d6bba$exports = {
+	"colorSwatchPicker": `Sz\xednt\xe1rak`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `V\xe1lasszon ki egy elemet`,
+	"tableResizer": `\xc1tm\xe9retez\u{151}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/it-IT.mjs
+var $0d17809e74607796$exports = {};
+$0d17809e74607796$exports = {
+	"colorSwatchPicker": `Campioni di colore`,
+	"dropzoneLabel": `Zona di rilascio`,
+	"selectPlaceholder": `Seleziona un elemento`,
+	"tableResizer": `Ridimensionamento`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/ja-JP.mjs
+var $65a71f9a56f1398f$exports = {};
+$65a71f9a56f1398f$exports = {
+	"colorSwatchPicker": `\u{30AB}\u{30E9}\u{30FC}\u{30B9}\u{30A6}\u{30A9}\u{30C3}\u{30C1}`,
+	"dropzoneLabel": `\u{30C9}\u{30ED}\u{30C3}\u{30D7}\u{30BE}\u{30FC}\u{30F3}`,
+	"selectPlaceholder": `\u{9805}\u{76EE}\u{3092}\u{9078}\u{629E}`,
+	"tableResizer": `\u{30B5}\u{30A4}\u{30BA}\u{5909}\u{66F4}\u{30C4}\u{30FC}\u{30EB}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/ko-KR.mjs
+var $e5efad074a74abef$exports = {};
+$e5efad074a74abef$exports = {
+	"colorSwatchPicker": `\u{C0C9}\u{C0C1} \u{ACAC}\u{BCF8}`,
+	"dropzoneLabel": `\u{B4DC}\u{B86D} \u{C601}\u{C5ED}`,
+	"selectPlaceholder": `\u{D56D}\u{BAA9} \u{C120}\u{D0DD}`,
+	"tableResizer": `\u{D06C}\u{AE30} \u{C870}\u{C815}\u{AE30}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/lt-LT.mjs
+var $d70c2a849e55c607$exports = {};
+$d70c2a849e55c607$exports = {
+	"colorSwatchPicker": `Spalv\u{173} pavyzd\u{17E}iai`,
+	"dropzoneLabel": `\u{201E}DropZone\u{201C}`,
+	"selectPlaceholder": `Pasirinkite element\u{105}`,
+	"tableResizer": `Dyd\u{17E}io keitiklis`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/lv-LV.mjs
+var $009bbbb440d0e907$exports = {};
+$009bbbb440d0e907$exports = {
+	"colorSwatchPicker": `Kr\u{101}su paraugi`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Izv\u{113}l\u{113}ties vienumu`,
+	"tableResizer": `Izm\u{113}ra main\u{12B}t\u{101}js`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/nb-NO.mjs
+var $9366fe642464ee83$exports = {};
+$9366fe642464ee83$exports = {
+	"colorSwatchPicker": `Fargekart`,
+	"dropzoneLabel": `Droppsone`,
+	"selectPlaceholder": `Velg et element`,
+	"tableResizer": `St\xf8rrelsesendrer`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/nl-NL.mjs
+var $62f9bc1f98ea21de$exports = {};
+$62f9bc1f98ea21de$exports = {
+	"colorSwatchPicker": `kleurstalen`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Selecteer een item`,
+	"tableResizer": `Resizer`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/pl-PL.mjs
+var $4ec2e5b6623b1b76$exports = {};
+$4ec2e5b6623b1b76$exports = {
+	"colorSwatchPicker": `Pr\xf3bki kolor\xf3w`,
+	"dropzoneLabel": `Strefa upuszczania`,
+	"selectPlaceholder": `Wybierz element`,
+	"tableResizer": `Zmiana rozmiaru`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/pt-BR.mjs
+var $e25098e26647cc04$exports = {};
+$e25098e26647cc04$exports = {
+	"colorSwatchPicker": `Amostras de cores`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Selecione um item`,
+	"tableResizer": `Redimensionador`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/pt-PT.mjs
+var $dd39c57d242c8156$exports = {};
+$dd39c57d242c8156$exports = {
+	"colorSwatchPicker": `Amostras de cores`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Selecione um item`,
+	"tableResizer": `Redimensionador`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/ro-RO.mjs
+var $3b4c1ba5afd57b35$exports = {};
+$3b4c1ba5afd57b35$exports = {
+	"colorSwatchPicker": `Specimene de culoare`,
+	"dropzoneLabel": `Zon\u{103} de plasare`,
+	"selectPlaceholder": `Selecta\u{21B}i un element`,
+	"tableResizer": `Instrument de redimensionare`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/ru-RU.mjs
+var $a455b2cda79eb746$exports = {};
+$a455b2cda79eb746$exports = {
+	"colorSwatchPicker": `\u{426}\u{432}\u{435}\u{442}\u{43E}\u{432}\u{44B}\u{435} \u{43E}\u{431}\u{440}\u{430}\u{437}\u{446}\u{44B}`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `\u{412}\u{44B}\u{431}\u{435}\u{440}\u{438}\u{442}\u{435} \u{44D}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}`,
+	"tableResizer": `\u{421}\u{440}\u{435}\u{434}\u{441}\u{442}\u{432}\u{43E} \u{438}\u{437}\u{43C}\u{435}\u{43D}\u{435}\u{43D}\u{438}\u{44F} \u{440}\u{430}\u{437}\u{43C}\u{435}\u{440}\u{430}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/sk-SK.mjs
+var $b983ca1383d5b960$exports = {};
+$b983ca1383d5b960$exports = {
+	"colorSwatchPicker": `Vzorkovn\xedky farieb`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Vyberte polo\u{17E}ku`,
+	"tableResizer": `N\xe1stroj na zmenu ve\u{13E}kosti`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/sl-SI.mjs
+var $32a515ef673b0655$exports = {};
+$32a515ef673b0655$exports = {
+	"colorSwatchPicker": `Barvne palete`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Izberite element`,
+	"tableResizer": `Spreminjanje velikosti`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/sr-SP.mjs
+var $89434176ab35446b$exports = {};
+$89434176ab35446b$exports = {
+	"colorSwatchPicker": `Uzorci boje`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `Izaberite stavku`,
+	"tableResizer": `Promena veli\u{10D}ine`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/sv-SE.mjs
+var $727da781aca847f9$exports = {};
+$727da781aca847f9$exports = {
+	"colorSwatchPicker": `F\xe4rgrutor`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `V\xe4lj en artikel`,
+	"tableResizer": `Storleks\xe4ndrare`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/tr-TR.mjs
+var $fcd2d84b9a2d489c$exports = {};
+$fcd2d84b9a2d489c$exports = {
+	"colorSwatchPicker": `Renk \xf6rnekleri`,
+	"dropzoneLabel": `B\u{131}rakma B\xf6lgesi`,
+	"selectPlaceholder": `Bir \xf6\u{11F}e se\xe7in`,
+	"tableResizer": `Yeniden boyutland\u{131}r\u{131}c\u{131}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/uk-UA.mjs
+var $2422ac328687ee23$exports = {};
+$2422ac328687ee23$exports = {
+	"colorSwatchPicker": `\u{417}\u{440}\u{430}\u{437}\u{43A}\u{438} \u{43A}\u{43E}\u{43B}\u{44C}\u{43E}\u{440}\u{456}\u{432}`,
+	"dropzoneLabel": `DropZone`,
+	"selectPlaceholder": `\u{412}\u{438}\u{431}\u{435}\u{440}\u{456}\u{442}\u{44C} \u{435}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}`,
+	"tableResizer": `\u{417}\u{430}\u{441}\u{456}\u{431} \u{437}\u{43C}\u{456}\u{43D}\u{435}\u{43D}\u{43D}\u{44F} \u{440}\u{43E}\u{437}\u{43C}\u{456}\u{440}\u{443}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/zh-CN.mjs
+var $c9a532d1c973af61$exports = {};
+$c9a532d1c973af61$exports = {
+	"colorSwatchPicker": `\u{989C}\u{8272}\u{8272}\u{677F}`,
+	"dropzoneLabel": `\u{653E}\u{7F6E}\u{533A}\u{57DF}`,
+	"selectPlaceholder": `\u{9009}\u{62E9}\u{4E00}\u{4E2A}\u{9879}\u{76EE}`,
+	"tableResizer": `\u{5C3A}\u{5BF8}\u{8C03}\u{6574}\u{5668}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/zh-TW.mjs
+var $34de119f14549a4b$exports = {};
+$34de119f14549a4b$exports = {
+	"colorSwatchPicker": `\u{8272}\u{7968}`,
+	"dropzoneLabel": `\u{653E}\u{7F6E}\u{5340}`,
+	"selectPlaceholder": `\u{9078}\u{53D6}\u{9805}\u{76EE}`,
+	"tableResizer": `\u{5927}\u{5C0F}\u{8ABF}\u{6574}\u{5668}`
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/intlStrings.mjs
+var $df39c1238ae2b5f3$exports = {};
+$df39c1238ae2b5f3$exports = {
+	"ar-AE": $e038a7e7a6d81989$exports,
+	"bg-BG": $0ec14741b0133644$exports,
+	"cs-CZ": $642f7badf2405784$exports,
+	"da-DK": $30cee8d2535734ec$exports,
+	"de-DE": $c302d0504fca332a$exports,
+	"el-GR": $0d0703f2bd7e421c$exports,
+	"en-US": $cafa55beb2fc5ef3$exports,
+	"es-ES": $18ac2ceede598103$exports,
+	"et-EE": $718705a15b8a633a$exports,
+	"fi-FI": $bf36dae9ecc81ce0$exports,
+	"fr-FR": $0b4828edb010b855$exports,
+	"he-IL": $0030f210b040e540$exports,
+	"hr-HR": $1f0ebacf5a0c0fa1$exports,
+	"hu-HU": $3a706ba61f3d6bba$exports,
+	"it-IT": $0d17809e74607796$exports,
+	"ja-JP": $65a71f9a56f1398f$exports,
+	"ko-KR": $e5efad074a74abef$exports,
+	"lt-LT": $d70c2a849e55c607$exports,
+	"lv-LV": $009bbbb440d0e907$exports,
+	"nb-NO": $9366fe642464ee83$exports,
+	"nl-NL": $62f9bc1f98ea21de$exports,
+	"pl-PL": $4ec2e5b6623b1b76$exports,
+	"pt-BR": $e25098e26647cc04$exports,
+	"pt-PT": $dd39c57d242c8156$exports,
+	"ro-RO": $3b4c1ba5afd57b35$exports,
+	"ru-RU": $a455b2cda79eb746$exports,
+	"sk-SK": $b983ca1383d5b960$exports,
+	"sl-SI": $32a515ef673b0655$exports,
+	"sr-SP": $89434176ab35446b$exports,
+	"sv-SE": $727da781aca847f9$exports,
+	"tr-TR": $fcd2d84b9a2d489c$exports,
+	"uk-UA": $2422ac328687ee23$exports,
+	"zh-CN": $c9a532d1c973af61$exports,
+	"zh-TW": $34de119f14549a4b$exports
+};
+//#endregion
+//#region node_modules/react-aria-components/dist/Select.mjs
+function $parcel$interopDefault(a) {
+	return a && a.__esModule ? a.default : a;
+}
+var $82d7e5349645de74$export$7540cee5be7dc19b = createContext(null);
+var $82d7e5349645de74$export$ef445b55be0601bd = createContext(null);
+var $82d7e5349645de74$export$ef9b1a59e592288f = forwardRef(function Select(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $82d7e5349645de74$export$7540cee5be7dc19b);
+	let { children, isDisabled = false, isInvalid = false, isRequired = false } = props;
+	let content = useMemo(() => typeof children === "function" ? children({
+		isOpen: false,
+		isDisabled,
+		isInvalid,
+		isRequired,
+		isFocused: false,
+		isFocusVisible: false,
+		defaultChildren: null
+	}) : children, [
+		children,
+		isDisabled,
+		isInvalid,
+		isRequired
+	]);
+	return React.createElement($e1995378a142960e$export$bf788dd355e3a401, { content }, (collection) => React.createElement($82d7e5349645de74$var$SelectInner, {
+		props,
+		collection,
+		selectRef: ref
+	}));
+});
+var $82d7e5349645de74$var$CLEAR_CONTEXTS = [
+	$01b77f81d0f07f68$export$75b6ee27786ba447,
+	$d2b4bc8c273e7be6$export$24d547caef80ccd1,
+	$514c0188e459b4c0$export$9afb8bc826b033ea
+];
+function $82d7e5349645de74$var$SelectInner({ props, selectRef: ref, collection }) {
+	let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
+	var _props_validationBehavior, _ref;
+	let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
+	let state = $2bc3a590c5373a4e$export$5159ec8b34d4ec12({
+		...props,
+		collection,
+		children: void 0,
+		validationBehavior
+	});
+	let { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: true });
+	let buttonRef = useRef(null);
+	let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { labelProps, triggerProps, valueProps, menuProps, descriptionProps, errorMessageProps, hiddenSelectProps, ...validation } = $58aed456727eb0f3$export$e64b2f635402ca43({
+		...$64fa3d84918910a7$export$ef03459518577ad4(props),
+		label,
+		validationBehavior
+	}, state, buttonRef);
+	let [buttonWidth, setButtonWidth] = useState(null);
+	$9daab02d461809db$export$683480f191c0e3ea({
+		ref: buttonRef,
+		onResize: useCallback(() => {
+			if (buttonRef.current) setButtonWidth(buttonRef.current.offsetWidth + "px");
+		}, [buttonRef])
+	});
+	let renderPropsState = useMemo(() => ({
+		isOpen: state.isOpen,
+		isFocused: state.isFocused,
+		isFocusVisible,
+		isDisabled: props.isDisabled || false,
+		isInvalid: validation.isInvalid || false,
+		isRequired: props.isRequired || false
+	}), [
+		state.isOpen,
+		state.isFocused,
+		isFocusVisible,
+		props.isDisabled,
+		validation.isInvalid,
+		props.isRequired
+	]);
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		values: renderPropsState,
+		defaultClassName: "react-aria-Select"
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.id;
+	let scrollRef = useRef(null);
+	return React.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [
+		[$82d7e5349645de74$export$7540cee5be7dc19b, props],
+		[$82d7e5349645de74$export$ef445b55be0601bd, state],
+		[$82d7e5349645de74$export$f8f745c04421623f, valueProps],
+		[$01b77f81d0f07f68$export$75b6ee27786ba447, {
+			...labelProps,
+			ref: labelRef,
+			elementType: "span"
+		}],
+		[$d2b4bc8c273e7be6$export$24d547caef80ccd1, {
+			...triggerProps,
+			ref: buttonRef,
+			isPressed: state.isOpen,
+			autoFocus: props.autoFocus
+		}],
+		[$de32f1b87079253c$export$d2f961adcb0afbe, state],
+		[$07b14b47974efb58$export$9b9a0cd73afb7ca4, {
+			trigger: "Select",
+			triggerRef: buttonRef,
+			scrollRef,
+			placement: "bottom start",
+			style: { "--trigger-width": buttonWidth },
+			"aria-labelledby": menuProps["aria-labelledby"],
+			clearContexts: $82d7e5349645de74$var$CLEAR_CONTEXTS
+		}],
+		[$eed445e0843c11d0$export$7ff8f37d2d81a48d, {
+			...menuProps,
+			ref: scrollRef
+		}],
+		[$eed445e0843c11d0$export$7c5906fe4f1f2af2, state],
+		[$514c0188e459b4c0$export$9afb8bc826b033ea, { slots: {
+			description: descriptionProps,
+			errorMessage: errorMessageProps
+		} }],
+		[$ee014567cb39d3f0$export$ff05c3ac10437e03, validation]
+	] }, React.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, focusProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-focused": state.isFocused || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-open": state.isOpen || void 0,
+		"data-disabled": props.isDisabled || void 0,
+		"data-invalid": validation.isInvalid || void 0,
+		"data-required": props.isRequired || void 0
+	}, renderProps.children, React.createElement($bdd25dc72710631f$export$cbd84cdb2e668835, {
+		...hiddenSelectProps,
+		autoComplete: props.autoComplete
+	})));
+}
+var $82d7e5349645de74$export$f8f745c04421623f = createContext(null);
+var $82d7e5349645de74$export$e288731fd71264f0 = $f39a9eba43920ace$export$86427a43e3e48ebb(function SelectValue(props, ref) {
+	var _state_selectedItems_;
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $82d7e5349645de74$export$f8f745c04421623f);
+	let state = useContext($82d7e5349645de74$export$ef445b55be0601bd);
+	let { placeholder } = $64fa3d84918910a7$export$fabf2dc03a41866e($82d7e5349645de74$export$7540cee5be7dc19b);
+	let rendered = state.selectedItems.map((item) => {
+		var _item_props;
+		let rendered = (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.children;
+		if (typeof rendered === "function") rendered = rendered({
+			isHovered: false,
+			isPressed: false,
+			isSelected: false,
+			isFocused: false,
+			isFocusVisible: false,
+			isDisabled: false,
+			selectionMode: "single",
+			selectionBehavior: "toggle"
+		});
+		return rendered;
+	});
+	let formatter = $33bf17300c498528$export$a2f47a3d2973640();
+	let textValue = useMemo(() => state.selectedItems.map((item) => item === null || item === void 0 ? void 0 : item.textValue), [state.selectedItems]);
+	let selectionMode = state.selectionManager.selectionMode;
+	let selectedText = useMemo(() => {
+		var _textValue_;
+		return selectionMode === "single" ? (_textValue_ = textValue[0]) !== null && _textValue_ !== void 0 ? _textValue_ : "" : formatter.format(textValue);
+	}, [
+		selectionMode,
+		formatter,
+		textValue
+	]);
+	let defaultChildren = useMemo(() => {
+		if (selectionMode === "single") return rendered[0];
+		let parts = formatter.formatToParts(textValue);
+		if (parts.length === 0) return null;
+		let index = 0;
+		return parts.map((part) => {
+			if (part.type === "element") return React.createElement(Fragment, { key: index }, rendered[index++]);
+			else return part.value;
+		});
+	}, [
+		selectionMode,
+		formatter,
+		textValue,
+		rendered
+	]);
+	let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($df39c1238ae2b5f3$exports), "react-aria-components");
+	var _ref, _state_selectedItems__value;
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultChildren: (_ref = defaultChildren !== null && defaultChildren !== void 0 ? defaultChildren : placeholder) !== null && _ref !== void 0 ? _ref : stringFormatter.format("selectPlaceholder"),
+		defaultClassName: "react-aria-SelectValue",
+		values: {
+			selectedItem: (_state_selectedItems__value = (_state_selectedItems_ = state.selectedItems[0]) === null || _state_selectedItems_ === void 0 ? void 0 : _state_selectedItems_.value) !== null && _state_selectedItems__value !== void 0 ? _state_selectedItems__value : null,
+			selectedItems: useMemo(() => state.selectedItems.map((item) => {
+				var _item_value;
+				return (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : null;
+			}), [state.selectedItems]),
+			selectedText,
+			isPlaceholder: state.selectedItems.length === 0,
+			state
+		}
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	return React.createElement($64fa3d84918910a7$export$df3a06d6289f983e.span, {
+		ref,
+		...DOMProps,
+		...renderProps,
+		"data-placeholder": state.selectedItems.length === 0 || void 0
+	}, React.createElement($514c0188e459b4c0$export$9afb8bc826b033ea.Provider, { value: void 0 }, renderProps.children));
+});
+//#endregion
+//#region lib/components/select/shared.jsx
+var OptionItemBase = (props) => jsx($eed445e0843c11d0$export$a11e76429ed99b4, {
+	...props,
+	textValue: props?.value?.label,
+	className: ({ isSelected }) => clsx("es:select-none", "es:min-h-11", "es:scroll-m-2 es:scroll-p-2", "es:flex es:items-center-safe es:gap-2", "es:transition-plus es:ease-out es:duration-400", "es:px-3 es:py-1.75", "es:not-has-any-icon:pl-3.5", isSelected && [
+		"es:bg-accent-50",
+		"es:rounded-2xl",
+		"es:before-selected:rounded-b-md",
+		"es:after-selected:rounded-t-md",
+		"es:focus-visible:bg-white/90 es:focus-visible:rounded-3xl es:focus-visible:text-accent-700",
+		"es:pressed:rounded-4xl",
+		"es:hover:bg-accent-100 es:hover:text-accent-800",
+		"es:text-accent-800"
+	], !isSelected && [
+		"es:bg-surface-50/90",
+		"es:rounded-md",
+		"es:first:rounded-t-xl es:last:rounded-b-xl",
+		"es:after-current:rounded-t-xl es:before-current:rounded-b-xl",
+		"es:hover:rounded-2xl es:pressed:rounded-3xl",
+		"es:focus-visible:bg-white/90 es:focus-visible:rounded-2xl es:focus-visible:text-accent-950",
+		"es:hover:bg-surface-100/90 es:hover:text-accent-900",
+		"es:text-accent-950"
+	], "es:any-focus:outline-hidden"),
+	children: ({ isSelected }) => jsxs(Fragment$1, { children: [
+		props.extraPre,
+		props.children,
+		props.selectIndicator && jsx("div", {
+			className: clsx("es:transition es:rounded-3xl es:size-5", "es:flex es:items-center es:justify-center es:shrink-0", "es:ml-auto es:overflow-clip", isSelected && "es:bg-accent-700/15 es:text-accent-900", !isSelected && "es:bg-surface-800/7"),
+			children: jsx(AnimatedVisibility, {
+				transition: "scaleRotateFade",
+				visible: isSelected,
+				className: "es:transition-none es:icon:size-3 es:icon:stroke-[1.5]",
+				noInitial: true,
+				children: check
+			})
+		}),
+		props.extraAfter
+	] })
+});
+/**
+* Utils for `simpleValue`-capable components.
+*/
+/**
+* Handles getting the current value.
+*
+* @param {boolean} simpleValue - Whether `simpleValue` is set.
+* @param {string|{label: string, value: string, metadata: Object<string, any>[]}} value - Current value.
+* @param {{label: string, value: string}[]} options - Options passed to the component.
+*
+* @returns Appropriate output for the given input combination.
+*/
+var getValue = (simpleValue, value, options) => {
+	if (Array.isArray(value)) {
+		if (simpleValue) return value.map((value) => options?.find(({ value: itemValue }) => itemValue === value));
+		return value;
+	}
+	if (simpleValue) return options?.find(({ value: itemValue }) => itemValue === value);
+	return value;
+};
+/**
+* Moves an array item before or after another item in the array.
+*
+* @param {Array} array - The array to modify
+* @param {*} itemToMove - The item to move
+* @param {*} targetItem - The target item to move relative to
+* @param {'before'|'after'} position - Where to place the moved item ('before' or 'after')
+* @returns {Array} - New array with the item moved
+*/
+var moveArrayItem = (array, itemToMove, targetItem, position = "before") => {
+	const result = [...array];
+	const sourceIndex = result.indexOf(itemToMove);
+	const targetIndex = result.indexOf(targetItem);
+	if (sourceIndex === -1 || targetIndex === -1) return result;
+	result.splice(sourceIndex, 1);
+	let adjustedTargetIndex;
+	if (position === "after") adjustedTargetIndex = sourceIndex < targetIndex ? targetIndex : targetIndex + 1;
+	else if (position === "before") adjustedTargetIndex = sourceIndex < targetIndex ? targetIndex - 1 : targetIndex;
+	result.splice(adjustedTargetIndex, 0, itemToMove);
+	return result;
+};
+var SelectClearButton = ({ multi = false }) => {
+	const state = useContext($82d7e5349645de74$export$ef445b55be0601bd);
+	const isEmpty = multi ? state?.value === null || state?.value?.length === 0 : state?.value === null;
+	return jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+		"aria-label": __("Clear value", "eightshift-ui-components"),
+		className: clsx("es:flex es:items-center es:justify-center", "es:rounded-md es:hover:rounded-lg es:pressed:rounded-xl", "es:text-secondary-600 es:hover:bg-red-700/4 es:hover:text-red-700 es:disabled:text-secondary-300", "es:h-7 es:px-1", "es:any-focus:outline-hidden es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50", "es:transition-plus", isEmpty ? "es:hidden" : "es:flex"),
+		onPress: () => state?.setValue(null),
+		slot: null,
+		children: clear
+	});
+};
+/**
+* Groups options by a key.
+*
+* @param {Object[]} filteredOptions - Options to group.
+* @param {string} groupKey - Key to group by.
+* @param {Object} [groupValueMapping] - Mapping of group keys to labels/icons.
+*
+* @returns {null|Object[]} Grouped options.
+*/
+var getGroupedOptions = (filteredOptions, groupKey, groupValueMapping) => {
+	if (!groupKey || !filteredOptions || filteredOptions?.length === 0) return null;
+	const groups = filteredOptions.reduce((acc, item) => {
+		const key = item[groupKey] ?? "_other";
+		if (!acc[key]) acc[key] = [];
+		acc[key].push(item);
+		return acc;
+	}, {});
+	return Object.entries(groups).map(([key, options]) => {
+		const mapping = groupValueMapping?.[key];
+		return {
+			key,
+			label: mapping?.label ?? (key === "_other" ? __("Other", "eightshift-ui-components") : key),
+			icon: mapping?.icon && jsx(Icon, { icon: mapping?.icon }),
+			subtitle: mapping?.subtitle || null,
+			endIcon: mapping?.endIcon && jsx(Icon, { icon: mapping?.endIcon }),
+			options
+		};
+	});
+};
+//#endregion
+export { moveArrayItem as a, getValue as i, SelectClearButton as n, $82d7e5349645de74$export$e288731fd71264f0 as o, getGroupedOptions as r, $82d7e5349645de74$export$ef9b1a59e592288f as s, OptionItemBase as t };