@questpie/admin 3.0.2 → 3.0.4

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

@@ -41,7 +41,7 @@ const EMPTY_OPTIONS = [];
 * ```
 */
 function SelectMulti(t0) {
-	const $ = c(141);
+	const $ = c(147);
 	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;
@@ -210,6 +210,7 @@ function SelectMulti(t0) {
 	let t21;
 	if ($[41] !== onChange || $[42] !== resolvedValue) {
 		t21 = (removedValue, e) => {
+			e?.preventDefault();
 			e?.stopPropagation();
 			onChange(resolvedValue.filter((v_0) => v_0 !== removedValue));
 		};
@@ -221,6 +222,7 @@ function SelectMulti(t0) {
 	let t22;
 	if ($[44] !== onChange) {
 		t22 = (e_0) => {
+			e_0.preventDefault();
 			e_0.stopPropagation();
 			onChange([]);
 		};
@@ -228,9 +230,19 @@ function SelectMulti(t0) {
 		$[45] = t22;
 	} else t22 = $[45];
 	const handleClearAll = t22;
+	let t23;
+	if ($[46] !== disabled || $[47] !== handleClearAll || $[48] !== resolvedValue.length) {
+		t23 = (event) => {
+			if (resolvedValue.length > 0 && !disabled && (event.key === "Backspace" || event.key === "Delete")) handleClearAll(event);
+		};
+		$[46] = disabled;
+		$[47] = handleClearAll;
+		$[48] = resolvedValue.length;
+		$[49] = t23;
+	} else t23 = $[49];
+	const handleTriggerKeyDown = t23;
 	const showLoading = isFetching || externalLoading;
 	const canAddMore = !maxSelections || resolvedValue.length < maxSelections;
-	let t23;
 	let t24;
 	let t25;
 	let t26;
@@ -239,38 +251,41 @@ function SelectMulti(t0) {
 	let t29;
 	let t30;
 	let t31;
-	if ($[46] !== ariaInvalid || $[47] !== className || $[48] !== disabled || $[49] !== getLabel || $[50] !== handleRemove || $[51] !== id || $[52] !== maxVisibleChips || $[53] !== open || $[54] !== resolvedPlaceholder || $[55] !== resolvedValue) {
+	let t32;
+	if ($[50] !== ariaInvalid || $[51] !== className || $[52] !== disabled || $[53] !== getLabel || $[54] !== handleRemove || $[55] !== id || $[56] !== maxVisibleChips || $[57] !== open || $[58] !== resolvedPlaceholder || $[59] !== resolvedValue) {
 		const visibleChips = resolvedValue.slice(0, maxVisibleChips);
 		const hiddenCount = resolvedValue.length - maxVisibleChips;
-		t23 = id;
-		t24 = "combobox";
-		t25 = "select-multi-list";
-		t26 = "listbox";
-		t27 = open;
-		t28 = ariaInvalid;
-		t29 = 0;
-		const t32$1 = disabled && "cursor-not-allowed opacity-50";
-		const t33$1 = ariaInvalid && "border-destructive ring-destructive/20";
-		if ($[65] !== className || $[66] !== t32$1 || $[67] !== t33$1) {
-			t30 = cn("qa-select-multi border-input bg-transparent font-mono flex min-h-9 w-full flex-wrap items-center gap-1 border px-3 py-1.5 text-sm transition-colors", "focus-within:ring-ring focus-within:border-ring focus-within:ring-2", t32$1, t33$1, className);
-			$[65] = className;
-			$[66] = t32$1;
-			$[67] = t33$1;
-			$[68] = t30;
-		} else t30 = $[68];
-		t31 = resolvedValue.length === 0 ? /* @__PURE__ */ jsx("span", {
+		t24 = id;
+		t25 = "combobox";
+		t26 = "select-multi-list";
+		t27 = "listbox";
+		t28 = open;
+		t29 = ariaInvalid;
+		t30 = 0;
+		const t33$1 = disabled && "cursor-not-allowed opacity-50";
+		const t34$1 = ariaInvalid && "border-destructive ring-destructive/20";
+		if ($[69] !== className || $[70] !== t33$1 || $[71] !== t34$1) {
+			t31 = 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", t33$1, t34$1, className);
+			$[69] = className;
+			$[70] = t33$1;
+			$[71] = t34$1;
+			$[72] = t31;
+		} else t31 = $[72];
+		t32 = 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, {
 			variant: "secondary",
-			className: "gap-1 pr-1",
+			className: "min-h-7 gap-1 pr-1",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "max-w-24 truncate",
 				children: getLabel(val_0)
-			}), !disabled && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: (e_1) => handleRemove(val_0, e_1),
-				className: "hover:bg-muted-foreground/20 rounded-full p-0.5",
+			}), !disabled && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				title: "Remove option",
+				onPointerDown: (e_1) => handleRemove(val_0, e_1),
+				onClick: (e_2) => handleRemove(val_0, e_2),
+				className: "hover:bg-muted-foreground/20 inline-flex size-5 items-center justify-center rounded-full transition-colors",
 				children: /* @__PURE__ */ jsx(Icon, {
 					icon: "ph:x",
 					className: "size-2.5"
@@ -285,129 +300,131 @@ function SelectMulti(t0) {
 				" more"
 			]
 		})] });
-		$[46] = ariaInvalid;
-		$[47] = className;
-		$[48] = disabled;
-		$[49] = getLabel;
-		$[50] = handleRemove;
-		$[51] = id;
-		$[52] = maxVisibleChips;
-		$[53] = open;
-		$[54] = resolvedPlaceholder;
-		$[55] = resolvedValue;
-		$[56] = t23;
-		$[57] = t24;
-		$[58] = t25;
-		$[59] = t26;
-		$[60] = t27;
-		$[61] = t28;
-		$[62] = t29;
-		$[63] = t30;
-		$[64] = t31;
+		$[50] = ariaInvalid;
+		$[51] = className;
+		$[52] = disabled;
+		$[53] = getLabel;
+		$[54] = handleRemove;
+		$[55] = id;
+		$[56] = maxVisibleChips;
+		$[57] = open;
+		$[58] = resolvedPlaceholder;
+		$[59] = resolvedValue;
+		$[60] = t24;
+		$[61] = t25;
+		$[62] = t26;
+		$[63] = t27;
+		$[64] = t28;
+		$[65] = t29;
+		$[66] = t30;
+		$[67] = t31;
+		$[68] = t32;
 	} else {
-		t23 = $[56];
-		t24 = $[57];
-		t25 = $[58];
-		t26 = $[59];
-		t27 = $[60];
-		t28 = $[61];
-		t29 = $[62];
-		t30 = $[63];
-		t31 = $[64];
+		t24 = $[60];
+		t25 = $[61];
+		t26 = $[62];
+		t27 = $[63];
+		t28 = $[64];
+		t29 = $[65];
+		t30 = $[66];
+		t31 = $[67];
+		t32 = $[68];
 	}
-	let t32;
-	if ($[69] !== disabled || $[70] !== handleClearAll || $[71] !== resolvedValue.length) {
-		t32 = resolvedValue.length > 0 && !disabled && /* @__PURE__ */ jsx("button", {
-			type: "button",
+	let t33;
+	if ($[73] !== disabled || $[74] !== handleClearAll || $[75] !== resolvedValue.length) {
+		t33 = resolvedValue.length > 0 && !disabled && /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			title: "Clear all",
+			onPointerDown: handleClearAll,
 			onClick: handleClearAll,
-			className: "hover:bg-muted p-0.5 opacity-50 hover:opacity-100",
+			className: "hover:bg-muted inline-flex size-6 items-center justify-center rounded-md opacity-60 transition-[background-color,opacity] hover:opacity-100",
 			children: /* @__PURE__ */ jsx(Icon, {
 				icon: "ph:x",
 				className: "size-3"
 			})
 		});
-		$[69] = disabled;
-		$[70] = handleClearAll;
-		$[71] = resolvedValue.length;
-		$[72] = t32;
-	} else t32 = $[72];
-	let t33;
-	if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
-		t33 = /* @__PURE__ */ jsx(Icon, {
+		$[73] = disabled;
+		$[74] = handleClearAll;
+		$[75] = resolvedValue.length;
+		$[76] = t33;
+	} else t33 = $[76];
+	let t34;
+	if ($[77] === Symbol.for("react.memo_cache_sentinel")) {
+		t34 = /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:plus",
 			className: "size-3.5 opacity-50"
 		});
-		$[73] = t33;
-	} else t33 = $[73];
-	let t34;
-	if ($[74] !== t32) {
-		t34 = /* @__PURE__ */ jsxs("div", {
-			className: "ml-auto flex shrink-0 items-center gap-1",
-			children: [t32, t33]
-		});
-		$[74] = t32;
-		$[75] = t34;
-	} else t34 = $[75];
+		$[77] = t34;
+	} else t34 = $[77];
 	let t35;
-	if ($[76] !== t23 || $[77] !== t24 || $[78] !== t25 || $[79] !== t26 || $[80] !== t27 || $[81] !== t28 || $[82] !== t29 || $[83] !== t30 || $[84] !== t31 || $[85] !== t34) {
+	if ($[78] !== t33) {
 		t35 = /* @__PURE__ */ jsxs("div", {
-			id: t23,
-			role: t24,
-			"aria-controls": t25,
-			"aria-haspopup": t26,
-			"aria-expanded": t27,
-			"aria-invalid": t28,
-			tabIndex: t29,
-			className: t30,
-			children: [t31, t34]
+			className: "ml-auto flex shrink-0 items-center gap-1",
+			children: [t33, t34]
+		});
+		$[78] = t33;
+		$[79] = t35;
+	} else t35 = $[79];
+	let t36;
+	if ($[80] !== t24 || $[81] !== t25 || $[82] !== t26 || $[83] !== t27 || $[84] !== t28 || $[85] !== t29 || $[86] !== t30 || $[87] !== t31 || $[88] !== t32 || $[89] !== t35) {
+		t36 = /* @__PURE__ */ jsxs("div", {
+			id: t24,
+			role: t25,
+			"aria-controls": t26,
+			"aria-haspopup": t27,
+			"aria-expanded": t28,
+			"aria-invalid": t29,
+			tabIndex: t30,
+			className: t31,
+			children: [t32, t35]
 		});
-		$[76] = t23;
-		$[77] = t24;
-		$[78] = t25;
-		$[79] = t26;
-		$[80] = t27;
-		$[81] = t28;
-		$[82] = t29;
-		$[83] = t30;
-		$[84] = t31;
-		$[85] = t34;
-		$[86] = t35;
-	} else t35 = $[86];
-	const TriggerContent = t35;
-	const t36 = !loadOptions;
-	let t37;
-	if ($[87] !== search) {
-		t37 = /* @__PURE__ */ jsx(CommandInput, {
+		$[80] = t24;
+		$[81] = t25;
+		$[82] = t26;
+		$[83] = t27;
+		$[84] = t28;
+		$[85] = t29;
+		$[86] = t30;
+		$[87] = t31;
+		$[88] = t32;
+		$[89] = t35;
+		$[90] = t36;
+	} else t36 = $[90];
+	const TriggerContent = t36;
+	const t37 = !loadOptions;
+	let t38;
+	if ($[91] !== search) {
+		t38 = /* @__PURE__ */ jsx(CommandInput, {
 			placeholder: "Search...",
 			value: search,
 			onValueChange: setSearch
 		});
-		$[87] = search;
-		$[88] = t37;
-	} else t37 = $[88];
-	let t38;
-	if ($[89] !== showLoading) {
-		t38 = showLoading && /* @__PURE__ */ jsx("div", {
+		$[91] = search;
+		$[92] = t38;
+	} else t38 = $[92];
+	let t39;
+	if ($[93] !== showLoading) {
+		t39 = 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"
 			})
 		});
-		$[89] = showLoading;
-		$[90] = t38;
-	} else t38 = $[90];
-	let t39;
-	if ($[91] !== resolvedEmptyMessage) {
-		t39 = /* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmptyMessage });
-		$[91] = resolvedEmptyMessage;
-		$[92] = t39;
-	} else t39 = $[92];
+		$[93] = showLoading;
+		$[94] = t39;
+	} else t39 = $[94];
 	let t40;
-	if ($[93] !== canAddMore || $[94] !== filteredOptions || $[95] !== handleToggle || $[96] !== resolveText || $[97] !== resolvedValue) {
-		let t41$1;
-		if ($[99] !== canAddMore || $[100] !== handleToggle || $[101] !== resolveText || $[102] !== resolvedValue) {
-			t41$1 = (option_0) => {
+	if ($[95] !== resolvedEmptyMessage) {
+		t40 = /* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmptyMessage });
+		$[95] = resolvedEmptyMessage;
+		$[96] = t40;
+	} else t40 = $[96];
+	let t41;
+	if ($[97] !== canAddMore || $[98] !== filteredOptions || $[99] !== handleToggle || $[100] !== resolveText || $[101] !== resolvedValue) {
+		let t42$1;
+		if ($[103] !== canAddMore || $[104] !== handleToggle || $[105] !== resolveText || $[106] !== resolvedValue) {
+			t42$1 = (option_0) => {
 				const isSelected_0 = resolvedValue.includes(option_0.value);
 				const isDisabled = option_0.disabled || !isSelected_0 && !canAddMore;
 				return /* @__PURE__ */ jsxs(CommandItem, {
@@ -416,7 +433,7 @@ function SelectMulti(t0) {
 					disabled: isDisabled,
 					children: [
 						/* @__PURE__ */ jsx("div", {
-							className: cn("flex size-4 items-center justify-center border", isSelected_0 ? "bg-primary border-primary text-primary-foreground" : "border-muted-foreground/30"),
+							className: cn("flex size-4 items-center justify-center border", isSelected_0 ? "border-foreground bg-foreground text-background" : "border-muted-foreground/30"),
 							children: isSelected_0 && /* @__PURE__ */ jsx(Icon, {
 								icon: "ph:check",
 								className: "size-3"
@@ -430,42 +447,42 @@ function SelectMulti(t0) {
 					]
 				}, String(option_0.value));
 			};
-			$[99] = canAddMore;
-			$[100] = handleToggle;
-			$[101] = resolveText;
-			$[102] = resolvedValue;
-			$[103] = t41$1;
-		} else t41$1 = $[103];
-		t40 = filteredOptions.map(t41$1);
-		$[93] = canAddMore;
-		$[94] = filteredOptions;
-		$[95] = handleToggle;
-		$[96] = resolveText;
-		$[97] = resolvedValue;
-		$[98] = t40;
-	} else t40 = $[98];
-	let t41;
-	if ($[104] !== t40) {
-		t41 = /* @__PURE__ */ jsx(CommandGroup, { children: t40 });
-		$[104] = t40;
-		$[105] = t41;
-	} else t41 = $[105];
+			$[103] = canAddMore;
+			$[104] = handleToggle;
+			$[105] = resolveText;
+			$[106] = resolvedValue;
+			$[107] = t42$1;
+		} else t42$1 = $[107];
+		t41 = filteredOptions.map(t42$1);
+		$[97] = canAddMore;
+		$[98] = filteredOptions;
+		$[99] = handleToggle;
+		$[100] = resolveText;
+		$[101] = resolvedValue;
+		$[102] = t41;
+	} else t41 = $[102];
 	let t42;
-	if ($[106] !== t38 || $[107] !== t39 || $[108] !== t41) {
-		t42 = /* @__PURE__ */ jsxs(CommandList, { children: [
-			t38,
-			t39,
-			t41
-		] });
-		$[106] = t38;
-		$[107] = t39;
+	if ($[108] !== t41) {
+		t42 = /* @__PURE__ */ jsx(CommandGroup, { children: t41 });
 		$[108] = t41;
 		$[109] = t42;
 	} else t42 = $[109];
 	let t43;
-	if ($[110] !== maxSelections || $[111] !== resolvedValue.length) {
-		t43 = maxSelections && /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground border-t p-2 text-center text-xs",
+	if ($[110] !== t39 || $[111] !== t40 || $[112] !== t42) {
+		t43 = /* @__PURE__ */ jsxs(CommandList, { children: [
+			t39,
+			t40,
+			t42
+		] });
+		$[110] = t39;
+		$[111] = t40;
+		$[112] = t42;
+		$[113] = t43;
+	} else t43 = $[113];
+	let t44;
+	if ($[114] !== maxSelections || $[115] !== resolvedValue.length) {
+		t44 = maxSelections && /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground border-t p-2 text-center text-xs tabular-nums",
 			children: [
 				resolvedValue.length,
 				" / ",
@@ -473,114 +490,118 @@ function SelectMulti(t0) {
 				" selected"
 			]
 		});
-		$[110] = maxSelections;
-		$[111] = resolvedValue.length;
-		$[112] = t43;
-	} else t43 = $[112];
-	let t44;
-	if ($[113] !== t36 || $[114] !== t37 || $[115] !== t42 || $[116] !== t43) {
-		t44 = /* @__PURE__ */ jsxs(Command, {
-			shouldFilter: t36,
+		$[114] = maxSelections;
+		$[115] = resolvedValue.length;
+		$[116] = t44;
+	} else t44 = $[116];
+	let t45;
+	if ($[117] !== t37 || $[118] !== t38 || $[119] !== t43 || $[120] !== t44) {
+		t45 = /* @__PURE__ */ jsxs(Command, {
+			shouldFilter: t37,
 			children: [
-				t37,
-				t42,
-				t43
+				t38,
+				t43,
+				t44
 			]
 		});
-		$[113] = t36;
-		$[114] = t37;
-		$[115] = t42;
-		$[116] = t43;
-		$[117] = t44;
-	} else t44 = $[117];
-	const CommandContent = t44;
+		$[117] = t37;
+		$[118] = t38;
+		$[119] = t43;
+		$[120] = t44;
+		$[121] = t45;
+	} else t45 = $[121];
+	const CommandContent = t45;
 	if (isMobile) {
-		let t45$1;
-		if ($[118] !== TriggerContent || $[119] !== disabled) {
-			t45$1 = /* @__PURE__ */ jsx(DrawerTrigger, {
+		let t46$1;
+		if ($[122] !== TriggerContent || $[123] !== disabled || $[124] !== handleTriggerKeyDown) {
+			t46$1 = /* @__PURE__ */ jsx(DrawerTrigger, {
 				asChild: true,
 				children: /* @__PURE__ */ jsx("button", {
 					type: "button",
 					disabled,
+					onKeyDown: handleTriggerKeyDown,
 					className: "w-full text-left",
 					children: TriggerContent
 				})
 			});
-			$[118] = TriggerContent;
-			$[119] = disabled;
-			$[120] = t45$1;
-		} else t45$1 = $[120];
-		let t46$1;
-		if ($[121] !== resolvedDrawerTitle) {
-			t46$1 = /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: resolvedDrawerTitle }) });
-			$[121] = resolvedDrawerTitle;
-			$[122] = t46$1;
-		} else t46$1 = $[122];
+			$[122] = TriggerContent;
+			$[123] = disabled;
+			$[124] = handleTriggerKeyDown;
+			$[125] = t46$1;
+		} else t46$1 = $[125];
 		let t47$1;
-		if ($[123] !== CommandContent) {
-			t47$1 = /* @__PURE__ */ jsx("div", {
+		if ($[126] !== resolvedDrawerTitle) {
+			t47$1 = /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: resolvedDrawerTitle }) });
+			$[126] = resolvedDrawerTitle;
+			$[127] = t47$1;
+		} else t47$1 = $[127];
+		let t48$1;
+		if ($[128] !== CommandContent) {
+			t48$1 = /* @__PURE__ */ jsx("div", {
 				className: "px-4 pb-6",
 				children: CommandContent
 			});
-			$[123] = CommandContent;
-			$[124] = t47$1;
-		} else t47$1 = $[124];
-		let t48;
-		if ($[125] !== t46$1 || $[126] !== t47$1) {
-			t48 = /* @__PURE__ */ jsxs(DrawerContent, { children: [t46$1, t47$1] });
-			$[125] = t46$1;
-			$[126] = t47$1;
-			$[127] = t48;
-		} else t48 = $[127];
+			$[128] = CommandContent;
+			$[129] = t48$1;
+		} else t48$1 = $[129];
 		let t49;
-		if ($[128] !== open || $[129] !== t45$1 || $[130] !== t48) {
-			t49 = /* @__PURE__ */ jsxs(Drawer, {
+		if ($[130] !== t47$1 || $[131] !== t48$1) {
+			t49 = /* @__PURE__ */ jsxs(DrawerContent, { children: [t47$1, t48$1] });
+			$[130] = t47$1;
+			$[131] = t48$1;
+			$[132] = t49;
+		} else t49 = $[132];
+		let t50;
+		if ($[133] !== open || $[134] !== t46$1 || $[135] !== t49) {
+			t50 = /* @__PURE__ */ jsxs(Drawer, {
 				open,
 				onOpenChange: setOpen,
-				children: [t45$1, t48]
+				children: [t46$1, t49]
 			});
-			$[128] = open;
-			$[129] = t45$1;
-			$[130] = t48;
-			$[131] = t49;
-		} else t49 = $[131];
-		return t49;
+			$[133] = open;
+			$[134] = t46$1;
+			$[135] = t49;
+			$[136] = t50;
+		} else t50 = $[136];
+		return t50;
 	}
-	let t45;
-	if ($[132] !== TriggerContent || $[133] !== disabled) {
-		t45 = /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("button", {
+	let t46;
+	if ($[137] !== TriggerContent || $[138] !== disabled || $[139] !== handleTriggerKeyDown) {
+		t46 = /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			disabled,
+			onKeyDown: handleTriggerKeyDown,
 			className: "w-full text-left",
 			children: TriggerContent
 		}) });
-		$[132] = TriggerContent;
-		$[133] = disabled;
-		$[134] = t45;
-	} else t45 = $[134];
-	let t46;
-	if ($[135] !== CommandContent) {
-		t46 = /* @__PURE__ */ jsx(PopoverContent, {
+		$[137] = TriggerContent;
+		$[138] = disabled;
+		$[139] = handleTriggerKeyDown;
+		$[140] = t46;
+	} else t46 = $[140];
+	let t47;
+	if ($[141] !== CommandContent) {
+		t47 = /* @__PURE__ */ jsx(PopoverContent, {
 			className: "w-(--anchor-width) p-0",
 			align: "start",
 			children: CommandContent
 		});
-		$[135] = CommandContent;
-		$[136] = t46;
-	} else t46 = $[136];
-	let t47;
-	if ($[137] !== open || $[138] !== t45 || $[139] !== t46) {
-		t47 = /* @__PURE__ */ jsxs(Popover, {
+		$[141] = CommandContent;
+		$[142] = t47;
+	} else t47 = $[142];
+	let t48;
+	if ($[143] !== open || $[144] !== t46 || $[145] !== t47) {
+		t48 = /* @__PURE__ */ jsxs(Popover, {
 			open,
 			onOpenChange: setOpen,
-			children: [t45, t46]
+			children: [t46, t47]
 		});
-		$[137] = open;
-		$[138] = t45;
-		$[139] = t46;
-		$[140] = t47;
-	} else t47 = $[140];
-	return t47;
+		$[143] = open;
+		$[144] = t46;
+		$[145] = t47;
+		$[146] = t48;
+	} else t48 = $[146];
+	return t48;
 }
 function _temp(map, opt) {
 	return new Map(map).set(opt.value, opt);