@questpie/admin 3.2.0 → 3.2.2

package/dist/client/components/primitives/select-multi.mjs

@@ -2,12 +2,13 @@
 
 import { useResolveText, useSafeI18n } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
+import { flattenOptions } from "./types.mjs";
+import { resolveOptionLabel } from "./option-label.mjs";
 import { Badge } from "../ui/badge.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.mjs";
 import { useIsMobile } from "../../hooks/use-media-query.mjs";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../ui/command.mjs";
 import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerTrigger } from "../ui/drawer.mjs";
-import { flattenOptions } from "./types.mjs";
 import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { useDeferredValue, useId, useState } from "react";
@@ -41,7 +42,7 @@ const EMPTY_OPTIONS = [];
 * ```
 */
 function SelectMulti(t0) {
-	const $ = c(154);
+	const $ = c(160);
 	const { value, onChange, options: staticOptions, loadOptions, queryKey, prefetchOnMount: t1, maxSelections, loading: t2, emptyMessage: t3, placeholder: t4, disabled, className, id, "aria-invalid": ariaInvalid, drawerTitle: t5, maxVisibleChips: t6 } = t0;
 	const prefetchOnMount = t1 === void 0 ? false : t1;
 	const externalLoading = t2 === void 0 ? false : t2;
@@ -55,156 +56,186 @@ function SelectMulti(t0) {
 	const i18n = useSafeI18n();
 	let t7;
 	if ($[0] !== i18n) {
-		t7 = (key, fallback) => {
-			const message = i18n?.t(key);
-			return message && message !== key ? message : fallback;
-		};
+		t7 = (key) => i18n?.t(key) ?? key;
 		$[0] = i18n;
 		$[1] = t7;
 	} else t7 = $[1];
-	const t = t7;
+	const translate = t7;
+	const locale = i18n?.locale ?? "en";
 	let t8;
-	if ($[2] !== placeholder || $[3] !== resolveText) {
-		t8 = resolveText(placeholder);
-		$[2] = placeholder;
-		$[3] = resolveText;
-		$[4] = t8;
-	} else t8 = $[4];
-	const resolvedPlaceholder = t8;
+	if ($[2] !== translate) {
+		t8 = (key_0, fallback) => {
+			const message = translate(key_0);
+			return message && message !== key_0 ? message : fallback;
+		};
+		$[2] = translate;
+		$[3] = t8;
+	} else t8 = $[3];
+	const t = t8;
 	let t9;
-	if ($[5] !== emptyMessage || $[6] !== resolveText) {
-		t9 = resolveText(emptyMessage);
-		$[5] = emptyMessage;
-		$[6] = resolveText;
-		$[7] = t9;
-	} else t9 = $[7];
-	const resolvedEmptyMessage = t9;
+	if ($[4] !== placeholder || $[5] !== resolveText) {
+		t9 = resolveText(placeholder);
+		$[4] = placeholder;
+		$[5] = resolveText;
+		$[6] = t9;
+	} else t9 = $[6];
+	const resolvedPlaceholder = t9;
 	let t10;
-	if ($[8] !== drawerTitle || $[9] !== resolveText) {
-		t10 = resolveText(drawerTitle);
-		$[8] = drawerTitle;
-		$[9] = resolveText;
-		$[10] = t10;
-	} else t10 = $[10];
-	const resolvedDrawerTitle = t10;
+	if ($[7] !== emptyMessage || $[8] !== resolveText) {
+		t10 = resolveText(emptyMessage);
+		$[7] = emptyMessage;
+		$[8] = resolveText;
+		$[9] = t10;
+	} else t10 = $[9];
+	const resolvedEmptyMessage = t10;
+	let t11;
+	if ($[10] !== drawerTitle || $[11] !== resolveText) {
+		t11 = resolveText(drawerTitle);
+		$[10] = drawerTitle;
+		$[11] = resolveText;
+		$[12] = t11;
+	} else t11 = $[12];
+	const resolvedDrawerTitle = t11;
 	const [open, setOpen] = useState(false);
 	const [search, setSearch] = useState("");
 	const instanceId = useId();
 	const deferredSearch = useDeferredValue(search);
 	const isMobile = useIsMobile();
-	let t11;
-	if ($[11] !== resolvedStaticOptions) {
-		t11 = flattenOptions(resolvedStaticOptions);
-		$[11] = resolvedStaticOptions;
-		$[12] = t11;
-	} else t11 = $[12];
-	const flatStaticOptions = t11;
 	let t12;
-	if ($[13] !== deferredSearch || $[14] !== instanceId || $[15] !== queryKey) {
-		t12 = queryKey ? queryKey(deferredSearch) : [
+	if ($[13] !== resolvedStaticOptions) {
+		t12 = flattenOptions(resolvedStaticOptions);
+		$[13] = resolvedStaticOptions;
+		$[14] = t12;
+	} else t12 = $[14];
+	const flatStaticOptions = t12;
+	let t13;
+	if ($[15] !== deferredSearch || $[16] !== instanceId || $[17] !== queryKey) {
+		t13 = queryKey ? queryKey(deferredSearch) : [
 			"select-multi",
 			instanceId,
 			deferredSearch
 		];
-		$[13] = deferredSearch;
-		$[14] = instanceId;
-		$[15] = queryKey;
-		$[16] = t12;
-	} else t12 = $[16];
-	const loadOptionsKey = t12;
-	let t13;
-	if ($[17] !== deferredSearch || $[18] !== loadOptions) {
-		t13 = () => loadOptions?.(deferredSearch) ?? Promise.resolve([]);
-		$[17] = deferredSearch;
-		$[18] = loadOptions;
-		$[19] = t13;
-	} else t13 = $[19];
-	const t14 = !!loadOptions && (open || prefetchOnMount);
-	let t15;
-	if ($[20] !== loadOptionsKey || $[21] !== t13 || $[22] !== t14) {
-		t15 = {
+		$[15] = deferredSearch;
+		$[16] = instanceId;
+		$[17] = queryKey;
+		$[18] = t13;
+	} else t13 = $[18];
+	const loadOptionsKey = t13;
+	let t14;
+	if ($[19] !== deferredSearch || $[20] !== loadOptions) {
+		t14 = () => loadOptions?.(deferredSearch) ?? Promise.resolve([]);
+		$[19] = deferredSearch;
+		$[20] = loadOptions;
+		$[21] = t14;
+	} else t14 = $[21];
+	const t15 = !!loadOptions && (open || prefetchOnMount);
+	let t16;
+	if ($[22] !== loadOptionsKey || $[23] !== t14 || $[24] !== t15) {
+		t16 = {
 			queryKey: loadOptionsKey,
-			queryFn: t13,
-			enabled: t14,
+			queryFn: t14,
+			enabled: t15,
 			staleTime: 3e4,
 			gcTime: 3e5
 		};
-		$[20] = loadOptionsKey;
-		$[21] = t13;
-		$[22] = t14;
-		$[23] = t15;
-	} else t15 = $[23];
-	const { data: t16, isFetching } = useQuery(t15);
-	let t17;
-	if ($[24] !== t16) {
-		t17 = t16 === void 0 ? [] : t16;
-		$[24] = t16;
-		$[25] = t17;
-	} else t17 = $[25];
-	const dynamicOptions = t17;
+		$[22] = loadOptionsKey;
+		$[23] = t14;
+		$[24] = t15;
+		$[25] = t16;
+	} else t16 = $[25];
+	const { data: t17, isFetching } = useQuery(t16);
 	let t18;
+	if ($[26] !== t17) {
+		t18 = t17 === void 0 ? [] : t17;
+		$[26] = t17;
+		$[27] = t18;
+	} else t18 = $[27];
+	const dynamicOptions = t18;
+	let t19;
 	bb0: {
 		if (!loadOptions) {
-			t18 = flatStaticOptions;
+			t19 = flatStaticOptions;
 			break bb0;
 		}
 		if (flatStaticOptions.length === 0) {
-			t18 = dynamicOptions;
+			t19 = dynamicOptions;
 			break bb0;
 		}
-		let t19$1;
-		if ($[26] !== dynamicOptions || $[27] !== flatStaticOptions) {
+		let t20$1;
+		if ($[28] !== dynamicOptions || $[29] !== flatStaticOptions) {
 			const mergedMap = [...flatStaticOptions, ...dynamicOptions].reduce(_temp, /* @__PURE__ */ new Map());
-			t19$1 = Array.from(mergedMap.values());
-			$[26] = dynamicOptions;
-			$[27] = flatStaticOptions;
-			$[28] = t19$1;
-		} else t19$1 = $[28];
-		t18 = t19$1;
+			t20$1 = Array.from(mergedMap.values());
+			$[28] = dynamicOptions;
+			$[29] = flatStaticOptions;
+			$[30] = t20$1;
+		} else t20$1 = $[30];
+		t19 = t20$1;
 	}
-	const allOptions = t18;
-	let t19;
+	const allOptions = t19;
+	let t20;
+	if ($[31] !== locale || $[32] !== resolveText || $[33] !== translate) {
+		t20 = (option) => resolveOptionLabel({
+			value: option.value,
+			label: option.label,
+			resolveText,
+			t: translate,
+			locale
+		});
+		$[31] = locale;
+		$[32] = resolveText;
+		$[33] = translate;
+		$[34] = t20;
+	} else t20 = $[34];
+	const getOptionLabel = t20;
+	let t21;
 	bb1: {
 		if (loadOptions) {
-			t19 = allOptions;
+			t21 = allOptions;
 			break bb1;
 		}
 		if (!search) {
-			t19 = allOptions;
+			t21 = allOptions;
 			break bb1;
 		}
-		let t20$1;
-		if ($[29] !== allOptions || $[30] !== resolveText || $[31] !== search) {
-			let t21$1;
-			if ($[33] !== resolveText || $[34] !== search) {
-				t21$1 = (opt_0) => resolveText(opt_0.label).toLowerCase().includes(search.toLowerCase());
-				$[33] = resolveText;
-				$[34] = search;
-				$[35] = t21$1;
-			} else t21$1 = $[35];
-			t20$1 = allOptions.filter(t21$1);
-			$[29] = allOptions;
-			$[30] = resolveText;
-			$[31] = search;
-			$[32] = t20$1;
-		} else t20$1 = $[32];
-		t19 = t20$1;
+		let t22$1;
+		if ($[35] !== allOptions || $[36] !== getOptionLabel || $[37] !== search) {
+			let t23$1;
+			if ($[39] !== getOptionLabel || $[40] !== search) {
+				t23$1 = (opt_0) => getOptionLabel(opt_0).toLowerCase().includes(search.toLowerCase());
+				$[39] = getOptionLabel;
+				$[40] = search;
+				$[41] = t23$1;
+			} else t23$1 = $[41];
+			t22$1 = allOptions.filter(t23$1);
+			$[35] = allOptions;
+			$[36] = getOptionLabel;
+			$[37] = search;
+			$[38] = t22$1;
+		} else t22$1 = $[38];
+		t21 = t22$1;
 	}
-	const filteredOptions = t19;
-	let t20;
-	if ($[36] !== allOptions || $[37] !== resolveText) {
-		t20 = (val) => {
-			const option = allOptions.find((opt_1) => opt_1.value === val);
-			return option?.label ? resolveText(option.label) : String(val);
+	const filteredOptions = t21;
+	let t22;
+	if ($[42] !== allOptions || $[43] !== locale || $[44] !== resolveText || $[45] !== translate) {
+		t22 = (val) => {
+			return resolveOptionLabel({
+				value: val,
+				label: allOptions.find((opt_1) => opt_1.value === val)?.label,
+				resolveText,
+				t: translate,
+				locale
+			});
 		};
-		$[36] = allOptions;
-		$[37] = resolveText;
-		$[38] = t20;
-	} else t20 = $[38];
-	const getLabel = t20;
-	let t21;
-	if ($[39] !== maxSelections || $[40] !== onChange || $[41] !== resolvedValue) {
-		t21 = (selectedValue) => {
+		$[42] = allOptions;
+		$[43] = locale;
+		$[44] = resolveText;
+		$[45] = translate;
+		$[46] = t22;
+	} else t22 = $[46];
+	const getLabel = t22;
+	let t23;
+	if ($[47] !== maxSelections || $[48] !== onChange || $[49] !== resolvedValue) {
+		t23 = (selectedValue) => {
 			const typedValue = selectedValue;
 			if (resolvedValue.includes(typedValue)) onChange(resolvedValue.filter((v) => v !== typedValue));
 			else {
@@ -212,50 +243,48 @@ function SelectMulti(t0) {
 				onChange([...resolvedValue, typedValue]);
 			}
 		};
-		$[39] = maxSelections;
-		$[40] = onChange;
-		$[41] = resolvedValue;
-		$[42] = t21;
-	} else t21 = $[42];
-	const handleToggle = t21;
-	let t22;
-	if ($[43] !== onChange || $[44] !== resolvedValue) {
-		t22 = (removedValue, e) => {
+		$[47] = maxSelections;
+		$[48] = onChange;
+		$[49] = resolvedValue;
+		$[50] = t23;
+	} else t23 = $[50];
+	const handleToggle = t23;
+	let t24;
+	if ($[51] !== onChange || $[52] !== resolvedValue) {
+		t24 = (removedValue, e) => {
 			e?.preventDefault();
 			e?.stopPropagation();
 			onChange(resolvedValue.filter((v_0) => v_0 !== removedValue));
 		};
-		$[43] = onChange;
-		$[44] = resolvedValue;
-		$[45] = t22;
-	} else t22 = $[45];
-	const handleRemove = t22;
-	let t23;
-	if ($[46] !== onChange) {
-		t23 = (e_0) => {
+		$[51] = onChange;
+		$[52] = resolvedValue;
+		$[53] = t24;
+	} else t24 = $[53];
+	const handleRemove = t24;
+	let t25;
+	if ($[54] !== onChange) {
+		t25 = (e_0) => {
 			e_0.preventDefault();
 			e_0.stopPropagation();
 			onChange([]);
 		};
-		$[46] = onChange;
-		$[47] = t23;
-	} else t23 = $[47];
-	const handleClearAll = t23;
-	let t24;
-	if ($[48] !== disabled || $[49] !== handleClearAll || $[50] !== resolvedValue.length) {
-		t24 = (event) => {
+		$[54] = onChange;
+		$[55] = t25;
+	} else t25 = $[55];
+	const handleClearAll = t25;
+	let t26;
+	if ($[56] !== disabled || $[57] !== handleClearAll || $[58] !== resolvedValue.length) {
+		t26 = (event) => {
 			if (resolvedValue.length > 0 && !disabled && (event.key === "Backspace" || event.key === "Delete")) handleClearAll(event);
 		};
-		$[48] = disabled;
-		$[49] = handleClearAll;
-		$[50] = resolvedValue.length;
-		$[51] = t24;
-	} else t24 = $[51];
-	const handleTriggerKeyDown = t24;
+		$[56] = disabled;
+		$[57] = handleClearAll;
+		$[58] = resolvedValue.length;
+		$[59] = t26;
+	} else t26 = $[59];
+	const handleTriggerKeyDown = t26;
 	const showLoading = isFetching || externalLoading;
 	const canAddMore = !maxSelections || resolvedValue.length < maxSelections;
-	let t25;
-	let t26;
 	let t27;
 	let t28;
 	let t29;
@@ -263,26 +292,26 @@ function SelectMulti(t0) {
 	let t31;
 	let t32;
 	let t33;
-	if ($[52] !== ariaInvalid || $[53] !== className || $[54] !== disabled || $[55] !== getLabel || $[56] !== handleRemove || $[57] !== id || $[58] !== maxVisibleChips || $[59] !== open || $[60] !== resolvedPlaceholder || $[61] !== resolvedValue || $[62] !== t) {
+	let t34;
+	if ($[60] !== ariaInvalid || $[61] !== className || $[62] !== disabled || $[63] !== getLabel || $[64] !== handleRemove || $[65] !== id || $[66] !== maxVisibleChips || $[67] !== open || $[68] !== resolvedPlaceholder || $[69] !== resolvedValue || $[70] !== t) {
 		const visibleChips = resolvedValue.slice(0, maxVisibleChips);
 		const hiddenCount = resolvedValue.length - maxVisibleChips;
-		t25 = id;
-		t26 = "combobox";
-		t27 = "select-multi-list";
-		t28 = "listbox";
-		t29 = open;
-		t30 = ariaInvalid;
-		t31 = 0;
-		const t34$1 = disabled && "cursor-not-allowed opacity-50";
-		const t35$1 = ariaInvalid && "border-destructive ring-destructive/20";
-		if ($[72] !== className || $[73] !== t34$1 || $[74] !== t35$1) {
-			t32 = cn("qa-select-multi control-surface font-chrome flex h-auto min-h-[var(--control-height)] w-full flex-wrap items-center gap-1 px-3 py-1.5 text-sm", "hover:bg-surface-low focus-within:border-border-strong focus-within:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 focus-within:ring-3 aria-expanded:ring-3", t34$1, t35$1, className);
-			$[72] = className;
-			$[73] = t34$1;
-			$[74] = t35$1;
-			$[75] = t32;
-		} else t32 = $[75];
-		t33 = resolvedValue.length === 0 ? /* @__PURE__ */ jsx("span", {
+		t27 = id;
+		t28 = "combobox";
+		t29 = "select-multi-list";
+		t30 = open;
+		t31 = ariaInvalid;
+		t32 = 0;
+		const t35$1 = disabled && "cursor-not-allowed opacity-50";
+		const t36$1 = ariaInvalid && "border-destructive ring-destructive/20";
+		if ($[79] !== className || $[80] !== t35$1 || $[81] !== t36$1) {
+			t33 = cn("qa-select-multi control-surface font-chrome flex h-auto min-h-[var(--control-height)] w-full flex-wrap items-center gap-1 px-3 py-1.5 text-sm", "hover:bg-surface-low focus-within:border-border-strong focus-within:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 focus-within:ring-3 aria-expanded:ring-3", t35$1, t36$1, className);
+			$[79] = className;
+			$[80] = t35$1;
+			$[81] = t36$1;
+			$[82] = t33;
+		} else t33 = $[82];
+		t34 = resolvedValue.length === 0 ? /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-xs",
 			children: resolvedPlaceholder
 		}) : /* @__PURE__ */ jsxs(Fragment, { children: [visibleChips.map((val_0) => /* @__PURE__ */ jsxs(Badge, {
@@ -311,40 +340,38 @@ function SelectMulti(t0) {
 				" more"
 			]
 		})] });
-		$[52] = ariaInvalid;
-		$[53] = className;
-		$[54] = disabled;
-		$[55] = getLabel;
-		$[56] = handleRemove;
-		$[57] = id;
-		$[58] = maxVisibleChips;
-		$[59] = open;
-		$[60] = resolvedPlaceholder;
-		$[61] = resolvedValue;
-		$[62] = t;
-		$[63] = t25;
-		$[64] = t26;
-		$[65] = t27;
-		$[66] = t28;
-		$[67] = t29;
-		$[68] = t30;
-		$[69] = t31;
-		$[70] = t32;
-		$[71] = t33;
+		$[60] = ariaInvalid;
+		$[61] = className;
+		$[62] = disabled;
+		$[63] = getLabel;
+		$[64] = handleRemove;
+		$[65] = id;
+		$[66] = maxVisibleChips;
+		$[67] = open;
+		$[68] = resolvedPlaceholder;
+		$[69] = resolvedValue;
+		$[70] = t;
+		$[71] = t27;
+		$[72] = t28;
+		$[73] = t29;
+		$[74] = t30;
+		$[75] = t31;
+		$[76] = t32;
+		$[77] = t33;
+		$[78] = t34;
 	} else {
-		t25 = $[63];
-		t26 = $[64];
-		t27 = $[65];
-		t28 = $[66];
-		t29 = $[67];
-		t30 = $[68];
-		t31 = $[69];
-		t32 = $[70];
-		t33 = $[71];
+		t27 = $[71];
+		t28 = $[72];
+		t29 = $[73];
+		t30 = $[74];
+		t31 = $[75];
+		t32 = $[76];
+		t33 = $[77];
+		t34 = $[78];
 	}
-	let t34;
-	if ($[76] !== disabled || $[77] !== handleClearAll || $[78] !== resolvedValue.length || $[79] !== t) {
-		t34 = resolvedValue.length > 0 && !disabled && /* @__PURE__ */ jsx("span", {
+	let t35;
+	if ($[83] !== disabled || $[84] !== handleClearAll || $[85] !== resolvedValue.length || $[86] !== t) {
+		t35 = resolvedValue.length > 0 && !disabled && /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			title: t("common.clear", "Clear all"),
 			onPointerDown: handleClearAll,
@@ -355,100 +382,98 @@ function SelectMulti(t0) {
 				className: "size-3"
 			})
 		});
-		$[76] = disabled;
-		$[77] = handleClearAll;
-		$[78] = resolvedValue.length;
-		$[79] = t;
-		$[80] = t34;
-	} else t34 = $[80];
-	let t35;
-	if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
-		t35 = /* @__PURE__ */ jsx(Icon, {
+		$[83] = disabled;
+		$[84] = handleClearAll;
+		$[85] = resolvedValue.length;
+		$[86] = t;
+		$[87] = t35;
+	} else t35 = $[87];
+	let t36;
+	if ($[88] === Symbol.for("react.memo_cache_sentinel")) {
+		t36 = /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:plus",
 			className: "size-3.5 opacity-50"
 		});
-		$[81] = t35;
-	} else t35 = $[81];
-	let t36;
-	if ($[82] !== t34) {
-		t36 = /* @__PURE__ */ jsxs("div", {
-			className: "ml-auto flex shrink-0 items-center gap-1",
-			children: [t34, t35]
-		});
-		$[82] = t34;
-		$[83] = t36;
-	} else t36 = $[83];
+		$[88] = t36;
+	} else t36 = $[88];
 	let t37;
-	if ($[84] !== t25 || $[85] !== t26 || $[86] !== t27 || $[87] !== t28 || $[88] !== t29 || $[89] !== t30 || $[90] !== t31 || $[91] !== t32 || $[92] !== t33 || $[93] !== t36) {
+	if ($[89] !== t35) {
 		t37 = /* @__PURE__ */ jsxs("div", {
-			id: t25,
-			role: t26,
-			"aria-controls": t27,
-			"aria-haspopup": t28,
-			"aria-expanded": t29,
-			"aria-invalid": t30,
-			tabIndex: t31,
-			className: t32,
-			children: [t33, t36]
+			className: "ml-auto flex shrink-0 items-center gap-1",
+			children: [t35, t36]
+		});
+		$[89] = t35;
+		$[90] = t37;
+	} else t37 = $[90];
+	let t38;
+	if ($[91] !== t27 || $[92] !== t28 || $[93] !== t29 || $[94] !== t30 || $[95] !== t31 || $[96] !== t32 || $[97] !== t33 || $[98] !== t34 || $[99] !== t37) {
+		t38 = /* @__PURE__ */ jsxs("div", {
+			id: t27,
+			role: t28,
+			"aria-controls": t29,
+			"aria-expanded": t30,
+			"aria-invalid": t31,
+			tabIndex: t32,
+			className: t33,
+			children: [t34, t37]
 		});
-		$[84] = t25;
-		$[85] = t26;
-		$[86] = t27;
-		$[87] = t28;
-		$[88] = t29;
-		$[89] = t30;
-		$[90] = t31;
-		$[91] = t32;
-		$[92] = t33;
-		$[93] = t36;
-		$[94] = t37;
-	} else t37 = $[94];
-	const TriggerContent = t37;
-	const t38 = !loadOptions;
-	let t39;
-	if ($[95] !== t) {
-		t39 = t("ui.searchPlaceholder", "Search...");
-		$[95] = t;
-		$[96] = t39;
-	} else t39 = $[96];
+		$[91] = t27;
+		$[92] = t28;
+		$[93] = t29;
+		$[94] = t30;
+		$[95] = t31;
+		$[96] = t32;
+		$[97] = t33;
+		$[98] = t34;
+		$[99] = t37;
+		$[100] = t38;
+	} else t38 = $[100];
+	const TriggerContent = t38;
+	const t39 = !loadOptions;
 	let t40;
-	if ($[97] !== search || $[98] !== t39) {
-		t40 = /* @__PURE__ */ jsx(CommandInput, {
-			placeholder: t39,
+	if ($[101] !== t) {
+		t40 = t("ui.searchPlaceholder", "Search...");
+		$[101] = t;
+		$[102] = t40;
+	} else t40 = $[102];
+	let t41;
+	if ($[103] !== search || $[104] !== t40) {
+		t41 = /* @__PURE__ */ jsx(CommandInput, {
+			placeholder: t40,
 			value: search,
 			onValueChange: setSearch
 		});
-		$[97] = search;
-		$[98] = t39;
-		$[99] = t40;
-	} else t40 = $[99];
-	let t41;
-	if ($[100] !== showLoading) {
-		t41 = showLoading && /* @__PURE__ */ jsx("div", {
+		$[103] = search;
+		$[104] = t40;
+		$[105] = t41;
+	} else t41 = $[105];
+	let t42;
+	if ($[106] !== showLoading) {
+		t42 = showLoading && /* @__PURE__ */ jsx("div", {
 			className: "flex items-center justify-center py-6",
 			children: /* @__PURE__ */ jsx(Icon, {
 				icon: "ph:circle-notch",
 				className: "text-muted-foreground size-4 animate-spin"
 			})
 		});
-		$[100] = showLoading;
-		$[101] = t41;
-	} else t41 = $[101];
-	let t42;
-	if ($[102] !== resolvedEmptyMessage) {
-		t42 = /* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmptyMessage });
-		$[102] = resolvedEmptyMessage;
-		$[103] = t42;
-	} else t42 = $[103];
+		$[106] = showLoading;
+		$[107] = t42;
+	} else t42 = $[107];
 	let t43;
-	if ($[104] !== canAddMore || $[105] !== filteredOptions || $[106] !== handleToggle || $[107] !== resolveText || $[108] !== resolvedValue) {
-		let t44$1;
-		if ($[110] !== canAddMore || $[111] !== handleToggle || $[112] !== resolveText || $[113] !== resolvedValue) {
-			t44$1 = (option_0) => {
-				const isSelected_0 = resolvedValue.includes(option_0.value);
-				const isDisabled = option_0.disabled || !isSelected_0 && !canAddMore;
+	if ($[108] !== resolvedEmptyMessage) {
+		t43 = /* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmptyMessage });
+		$[108] = resolvedEmptyMessage;
+		$[109] = t43;
+	} else t43 = $[109];
+	let t44;
+	if ($[110] !== canAddMore || $[111] !== filteredOptions || $[112] !== getOptionLabel || $[113] !== handleToggle || $[114] !== resolvedValue) {
+		let t45$1;
+		if ($[116] !== canAddMore || $[117] !== getOptionLabel || $[118] !== handleToggle || $[119] !== resolvedValue) {
+			t45$1 = (option_1) => {
+				const isSelected_0 = resolvedValue.includes(option_1.value);
+				const isDisabled = option_1.disabled || !isSelected_0 && !canAddMore;
 				return /* @__PURE__ */ jsxs(CommandItem, {
-					value: String(option_0.value),
+					value: String(option_1.value),
 					onSelect: handleToggle,
 					disabled: isDisabled,
 					children: [
@@ -459,49 +484,49 @@ function SelectMulti(t0) {
 								className: "size-3"
 							})
 						}),
-						option_0.icon,
+						option_1.icon,
 						/* @__PURE__ */ jsx("span", {
 							className: "truncate",
-							children: resolveText(option_0.label)
+							children: getOptionLabel(option_1)
 						})
 					]
-				}, String(option_0.value));
+				}, String(option_1.value));
 			};
-			$[110] = canAddMore;
-			$[111] = handleToggle;
-			$[112] = resolveText;
-			$[113] = resolvedValue;
-			$[114] = t44$1;
-		} else t44$1 = $[114];
-		t43 = filteredOptions.map(t44$1);
-		$[104] = canAddMore;
-		$[105] = filteredOptions;
-		$[106] = handleToggle;
-		$[107] = resolveText;
-		$[108] = resolvedValue;
-		$[109] = t43;
-	} else t43 = $[109];
-	let t44;
-	if ($[115] !== t43) {
-		t44 = /* @__PURE__ */ jsx(CommandGroup, { children: t43 });
-		$[115] = t43;
-		$[116] = t44;
-	} else t44 = $[116];
+			$[116] = canAddMore;
+			$[117] = getOptionLabel;
+			$[118] = handleToggle;
+			$[119] = resolvedValue;
+			$[120] = t45$1;
+		} else t45$1 = $[120];
+		t44 = filteredOptions.map(t45$1);
+		$[110] = canAddMore;
+		$[111] = filteredOptions;
+		$[112] = getOptionLabel;
+		$[113] = handleToggle;
+		$[114] = resolvedValue;
+		$[115] = t44;
+	} else t44 = $[115];
 	let t45;
-	if ($[117] !== t41 || $[118] !== t42 || $[119] !== t44) {
-		t45 = /* @__PURE__ */ jsxs(CommandList, { children: [
-			t41,
+	if ($[121] !== t44) {
+		t45 = /* @__PURE__ */ jsx(CommandGroup, { children: t44 });
+		$[121] = t44;
+		$[122] = t45;
+	} else t45 = $[122];
+	let t46;
+	if ($[123] !== t42 || $[124] !== t43 || $[125] !== t45) {
+		t46 = /* @__PURE__ */ jsxs(CommandList, { children: [
 			t42,
-			t44
+			t43,
+			t45
 		] });
-		$[117] = t41;
-		$[118] = t42;
-		$[119] = t44;
-		$[120] = t45;
-	} else t45 = $[120];
-	let t46;
-	if ($[121] !== maxSelections || $[122] !== resolvedValue.length) {
-		t46 = maxSelections && /* @__PURE__ */ jsxs("div", {
+		$[123] = t42;
+		$[124] = t43;
+		$[125] = t45;
+		$[126] = t46;
+	} else t46 = $[126];
+	let t47;
+	if ($[127] !== maxSelections || $[128] !== resolvedValue.length) {
+		t47 = maxSelections && /* @__PURE__ */ jsxs("div", {
 			className: "text-muted-foreground border-t p-2 text-center text-xs tabular-nums",
 			children: [
 				resolvedValue.length,
@@ -510,31 +535,31 @@ function SelectMulti(t0) {
 				" selected"
 			]
 		});
-		$[121] = maxSelections;
-		$[122] = resolvedValue.length;
-		$[123] = t46;
-	} else t46 = $[123];
-	let t47;
-	if ($[124] !== t38 || $[125] !== t40 || $[126] !== t45 || $[127] !== t46) {
-		t47 = /* @__PURE__ */ jsxs(Command, {
-			shouldFilter: t38,
+		$[127] = maxSelections;
+		$[128] = resolvedValue.length;
+		$[129] = t47;
+	} else t47 = $[129];
+	let t48;
+	if ($[130] !== t39 || $[131] !== t41 || $[132] !== t46 || $[133] !== t47) {
+		t48 = /* @__PURE__ */ jsxs(Command, {
+			shouldFilter: t39,
 			children: [
-				t40,
-				t45,
-				t46
+				t41,
+				t46,
+				t47
 			]
 		});
-		$[124] = t38;
-		$[125] = t40;
-		$[126] = t45;
-		$[127] = t46;
-		$[128] = t47;
-	} else t47 = $[128];
-	const CommandContent = t47;
+		$[130] = t39;
+		$[131] = t41;
+		$[132] = t46;
+		$[133] = t47;
+		$[134] = t48;
+	} else t48 = $[134];
+	const CommandContent = t48;
 	if (isMobile) {
-		let t48$1;
-		if ($[129] !== TriggerContent || $[130] !== disabled || $[131] !== handleTriggerKeyDown) {
-			t48$1 = /* @__PURE__ */ jsx(DrawerTrigger, {
+		let t49$1;
+		if ($[135] !== TriggerContent || $[136] !== disabled || $[137] !== handleTriggerKeyDown) {
+			t49$1 = /* @__PURE__ */ jsx(DrawerTrigger, {
 				asChild: true,
 				children: /* @__PURE__ */ jsx("button", {
 					type: "button",
@@ -544,84 +569,84 @@ function SelectMulti(t0) {
 					children: TriggerContent
 				})
 			});
-			$[129] = TriggerContent;
-			$[130] = disabled;
-			$[131] = handleTriggerKeyDown;
-			$[132] = t48$1;
-		} else t48$1 = $[132];
-		let t49$1;
-		if ($[133] !== resolvedDrawerTitle) {
-			t49$1 = /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: resolvedDrawerTitle }) });
-			$[133] = resolvedDrawerTitle;
-			$[134] = t49$1;
-		} else t49$1 = $[134];
+			$[135] = TriggerContent;
+			$[136] = disabled;
+			$[137] = handleTriggerKeyDown;
+			$[138] = t49$1;
+		} else t49$1 = $[138];
 		let t50$1;
-		if ($[135] !== CommandContent) {
-			t50$1 = /* @__PURE__ */ jsx("div", {
+		if ($[139] !== resolvedDrawerTitle) {
+			t50$1 = /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: resolvedDrawerTitle }) });
+			$[139] = resolvedDrawerTitle;
+			$[140] = t50$1;
+		} else t50$1 = $[140];
+		let t51$1;
+		if ($[141] !== CommandContent) {
+			t51$1 = /* @__PURE__ */ jsx("div", {
 				className: "px-4 pb-6",
 				children: CommandContent
 			});
-			$[135] = CommandContent;
-			$[136] = t50$1;
-		} else t50$1 = $[136];
-		let t51;
-		if ($[137] !== t49$1 || $[138] !== t50$1) {
-			t51 = /* @__PURE__ */ jsxs(DrawerContent, { children: [t49$1, t50$1] });
-			$[137] = t49$1;
-			$[138] = t50$1;
-			$[139] = t51;
-		} else t51 = $[139];
+			$[141] = CommandContent;
+			$[142] = t51$1;
+		} else t51$1 = $[142];
 		let t52;
-		if ($[140] !== open || $[141] !== t48$1 || $[142] !== t51) {
-			t52 = /* @__PURE__ */ jsxs(Drawer, {
+		if ($[143] !== t50$1 || $[144] !== t51$1) {
+			t52 = /* @__PURE__ */ jsxs(DrawerContent, { children: [t50$1, t51$1] });
+			$[143] = t50$1;
+			$[144] = t51$1;
+			$[145] = t52;
+		} else t52 = $[145];
+		let t53;
+		if ($[146] !== open || $[147] !== t49$1 || $[148] !== t52) {
+			t53 = /* @__PURE__ */ jsxs(Drawer, {
 				open,
 				onOpenChange: setOpen,
-				children: [t48$1, t51]
+				children: [t49$1, t52]
 			});
-			$[140] = open;
-			$[141] = t48$1;
-			$[142] = t51;
-			$[143] = t52;
-		} else t52 = $[143];
-		return t52;
+			$[146] = open;
+			$[147] = t49$1;
+			$[148] = t52;
+			$[149] = t53;
+		} else t53 = $[149];
+		return t53;
 	}
-	let t48;
-	if ($[144] !== TriggerContent || $[145] !== disabled || $[146] !== handleTriggerKeyDown) {
-		t48 = /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("button", {
+	let t49;
+	if ($[150] !== TriggerContent || $[151] !== disabled || $[152] !== handleTriggerKeyDown) {
+		t49 = /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			disabled,
 			onKeyDown: handleTriggerKeyDown,
 			className: "w-full text-left",
 			children: TriggerContent
 		}) });
-		$[144] = TriggerContent;
-		$[145] = disabled;
-		$[146] = handleTriggerKeyDown;
-		$[147] = t48;
-	} else t48 = $[147];
-	let t49;
-	if ($[148] !== CommandContent) {
-		t49 = /* @__PURE__ */ jsx(PopoverContent, {
+		$[150] = TriggerContent;
+		$[151] = disabled;
+		$[152] = handleTriggerKeyDown;
+		$[153] = t49;
+	} else t49 = $[153];
+	let t50;
+	if ($[154] !== CommandContent) {
+		t50 = /* @__PURE__ */ jsx(PopoverContent, {
 			className: "w-(--anchor-width) p-0",
 			align: "start",
 			children: CommandContent
 		});
-		$[148] = CommandContent;
-		$[149] = t49;
-	} else t49 = $[149];
-	let t50;
-	if ($[150] !== open || $[151] !== t48 || $[152] !== t49) {
-		t50 = /* @__PURE__ */ jsxs(Popover, {
+		$[154] = CommandContent;
+		$[155] = t50;
+	} else t50 = $[155];
+	let t51;
+	if ($[156] !== open || $[157] !== t49 || $[158] !== t50) {
+		t51 = /* @__PURE__ */ jsxs(Popover, {
 			open,
 			onOpenChange: setOpen,
-			children: [t48, t49]
+			children: [t49, t50]
 		});
-		$[150] = open;
-		$[151] = t48;
-		$[152] = t49;
-		$[153] = t50;
-	} else t50 = $[153];
-	return t50;
+		$[156] = open;
+		$[157] = t49;
+		$[158] = t50;
+		$[159] = t51;
+	} else t51 = $[159];
+	return t51;
 }
 function _temp(map, opt) {
 	return new Map(map).set(opt.value, opt);