@questpie/admin 3.0.3 → 3.0.4

package/dist/client/components/fields/relation-select.mjs

@@ -2,9 +2,10 @@ import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { selectClient, useAdminStore } from "../../runtime/provider.mjs";
 import { resolveIconElement } from "../component-renderer.mjs";
-import { Button } from "../ui/button.mjs";
 import { LocaleBadge } from "./locale-badge.mjs";
 import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
+import { InputGroupAddon, InputGroupButton } from "../ui/input-group.mjs";
+import { FieldSelectActionGroup } from "../primitives/field-select-control.mjs";
 import { SelectSingle } from "../primitives/select-single.mjs";
 import { useCollectionItem } from "../../hooks/use-collection.mjs";
 import { ResourceSheet } from "../sheets/resource-sheet.mjs";
@@ -100,7 +101,7 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 		targetCollection,
 		value
 	]);
-	const { data: selectedItem } = useCollectionItem(targetCollection, value || "", void 0, { enabled: !!value });
+	const { data: selectedItem, isLoading: isLoadingSelectedItem } = useCollectionItem(targetCollection, value || "", void 0, { enabled: !!value });
 	const selectedOptions = React.useMemo(() => {
 		if (!selectedItem) return [];
 		return [{
@@ -140,7 +141,7 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ jsxs("label", {
 					htmlFor: name,
-					className: "flex items-center gap-1.5 text-sm font-medium",
+					className: "font-chrome flex items-center gap-1.5 text-sm font-medium",
 					children: [
 						resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" }),
 						resolvedLabel,
@@ -151,66 +152,89 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 					]
 				}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-stretch gap-0",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ jsx(SelectSingle, {
-						id: name,
-						value: value || null,
-						onChange: handleValueChange,
-						options: selectedOptions,
-						loadOptions,
-						queryKey: (search_0) => queryOpts.key([
-							"collections",
-							targetCollection,
-							"find",
-							{
-								limit: 50,
-								locale,
-								search: search_0,
-								where: filter ? filter({}) : void 0
-							}
-						]),
-						prefetchOnMount: true,
-						placeholder: resolvedPlaceholder || `${selectLabel}...`,
-						disabled: disabled || readOnly,
-						clearable: !required,
-						emptyMessage: noResultsLabel,
-						drawerTitle: selectLabel,
-						className: cn(!readOnly && "rounded-r-none", error && "border-destructive"),
-						"aria-invalid": !!error
-					})
-				}), !readOnly && /* @__PURE__ */ jsxs("div", {
-					className: "flex",
-					children: [value && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "outline",
-						size: "icon",
+			!readOnly ? /* @__PURE__ */ jsxs(FieldSelectActionGroup, {
+				error: !!error,
+				children: [/* @__PURE__ */ jsx(SelectSingle, {
+					id: name,
+					value: value || null,
+					onChange: handleValueChange,
+					options: selectedOptions,
+					loadOptions,
+					queryKey: (search_0) => queryOpts.key([
+						"collections",
+						targetCollection,
+						"find",
+						{
+							limit: 50,
+							locale,
+							search: search_0,
+							where: filter ? filter({}) : void 0
+						}
+					]),
+					prefetchOnMount: true,
+					placeholder: resolvedPlaceholder || `${selectLabel}...`,
+					disabled,
+					clearable: !required,
+					emptyMessage: noResultsLabel,
+					drawerTitle: selectLabel,
+					selectedLabel: selectedItem?._title || selectedItem?.id || void 0,
+					isLoadingValue: !!value && isLoadingSelectedItem,
+					asInputGroupControl: true,
+					"aria-invalid": !!error
+				}), /* @__PURE__ */ jsxs(InputGroupAddon, {
+					align: "inline-end",
+					className: "gap-0.5 pr-1",
+					children: [value && /* @__PURE__ */ jsx(InputGroupButton, {
+						size: "icon-sm",
+						className: "text-muted-foreground hover:bg-surface-high hover:text-foreground",
 						onClick: handleOpenEdit,
 						disabled,
 						title: t("collection.edit", { name: labelText }),
 						"aria-label": t("collection.edit", { name: labelText }),
-						className: "rounded-none border-l-0",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: "ph:pencil",
-							className: "h-4 w-4"
+							className: "size-3.5"
 						})
-					}), /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "outline",
-						size: "icon",
+					}), /* @__PURE__ */ jsx(InputGroupButton, {
+						size: "icon-sm",
+						className: "text-muted-foreground hover:bg-surface-high hover:text-foreground",
 						onClick: handleOpenCreate,
 						disabled,
 						title: createLabel,
 						"aria-label": createLabel,
-						className: "rounded-l-none border-l-0",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: "ph:plus",
-							className: "h-4 w-4"
+							className: "size-3.5"
 						})
 					})]
 				})]
+			}) : /* @__PURE__ */ jsx(SelectSingle, {
+				id: name,
+				value: value || null,
+				onChange: handleValueChange,
+				options: selectedOptions,
+				loadOptions,
+				queryKey: (search_1) => queryOpts.key([
+					"collections",
+					targetCollection,
+					"find",
+					{
+						limit: 50,
+						locale,
+						search: search_1,
+						where: filter ? filter({}) : void 0
+					}
+				]),
+				prefetchOnMount: true,
+				placeholder: resolvedPlaceholder || `${selectLabel}...`,
+				disabled: true,
+				clearable: false,
+				emptyMessage: noResultsLabel,
+				drawerTitle: selectLabel,
+				selectedLabel: selectedItem?._title || selectedItem?.id || void 0,
+				isLoadingValue: !!value && isLoadingSelectedItem,
+				className: cn(error && "border-destructive"),
+				"aria-invalid": !!error
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				className: "text-destructive text-sm",

package/dist/client/components/fields/rich-text-editor/bubble-menu.mjs

@@ -1,104 +1,414 @@
 import { useTranslation } from "../../../i18n/hooks.mjs";
+import { Button } from "../../ui/button.mjs";
+import { Input } from "../../ui/input.mjs";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../../ui/select.mjs";
+import { createLinkAttributes } from "./link-utils.mjs";
 import { EDITOR_ICONS, ToolbarButton } from "./toolbar.mjs";
 import { c } from "react/compiler-runtime";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "@iconify/react";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { BubbleMenu } from "@tiptap/react";
 
 //#region src/client/components/fields/rich-text-editor/bubble-menu.tsx
 /**
+* Bubble Menu Component
+*
+* Floating toolbar that appears on text selection.
+*/
+const BLOCK_OPTIONS = [
+	{
+		value: "paragraph",
+		group: "text"
+	},
+	{
+		value: "h1",
+		group: "heading"
+	},
+	{
+		value: "h2",
+		group: "heading"
+	},
+	{
+		value: "h3",
+		group: "heading"
+	},
+	{
+		value: "bulletList",
+		group: "list"
+	},
+	{
+		value: "orderedList",
+		group: "list"
+	},
+	{
+		value: "blockquote",
+		group: "block"
+	}
+];
+function getCurrentBlockValue(editor) {
+	if (editor.isActive("heading", { level: 1 })) return "h1";
+	if (editor.isActive("heading", { level: 2 })) return "h2";
+	if (editor.isActive("heading", { level: 3 })) return "h3";
+	if (editor.isActive("bulletList")) return "bulletList";
+	if (editor.isActive("orderedList")) return "orderedList";
+	if (editor.isActive("blockquote")) return "blockquote";
+	return "paragraph";
+}
+function getBlockOptionLabel(value, t) {
+	if (value === "paragraph") return t("editor.paragraph");
+	if (value === "h1") return t("editor.heading", { level: 1 });
+	if (value === "h2") return t("editor.heading", { level: 2 });
+	if (value === "h3") return t("editor.heading", { level: 3 });
+	if (value === "bulletList") return t("editor.unorderedList");
+	if (value === "orderedList") return t("editor.orderedList");
+	return t("editor.quote");
+}
+function setCurrentBlockValue(editor, value) {
+	const chain = editor.chain().focus();
+	if (value === "paragraph") {
+		chain.setParagraph().run();
+		return;
+	}
+	if (value === "h1" || value === "h2" || value === "h3") {
+		chain.toggleHeading({ level: Number(value.replace("h", "")) }).run();
+		return;
+	}
+	if (value === "bulletList") {
+		chain.toggleBulletList().run();
+		return;
+	}
+	if (value === "orderedList") {
+		chain.toggleOrderedList().run();
+		return;
+	}
+	if (value === "blockquote") chain.toggleBlockquote().run();
+}
+/**
 * Bubble menu that appears on text selection
 */
 function RichTextBubbleMenu(t0) {
-	const $ = c(27);
-	const { editor, features, disabled, onLinkClick } = t0;
+	const $ = c(45);
+	const { editor, features, disabled, linkOpen, onImageClick, onLinkOpenChange, showFormatting: t1 } = t0;
+	const showFormatting = t1 === void 0 ? true : t1;
 	const { t } = useTranslation();
+	const [linkUrl, setLinkUrl] = React.useState("");
+	const linkInputRef = React.useRef(null);
 	const isEditable = !disabled;
-	let t1;
-	if ($[0] !== editor || $[1] !== features.bold || $[2] !== isEditable || $[3] !== t) {
-		t1 = features.bold && /* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.bold,
-			active: editor.isActive("bold"),
-			disabled: !isEditable,
-			title: t("editor.bold"),
-			shortcut: "⌘B",
-			onClick: () => editor.chain().focus().toggleBold().run()
-		});
-		$[0] = editor;
-		$[1] = features.bold;
-		$[2] = isEditable;
-		$[3] = t;
-		$[4] = t1;
-	} else t1 = $[4];
+	let currentBlockValue;
 	let t2;
-	if ($[5] !== editor || $[6] !== features.italic || $[7] !== isEditable || $[8] !== t) {
-		t2 = features.italic && /* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.italic,
-			active: editor.isActive("italic"),
-			disabled: !isEditable,
-			title: t("editor.italic"),
-			shortcut: "⌘I",
-			onClick: () => editor.chain().focus().toggleItalic().run()
-		});
-		$[5] = editor;
-		$[6] = features.italic;
-		$[7] = isEditable;
-		$[8] = t;
-		$[9] = t2;
-	} else t2 = $[9];
+	if ($[0] !== editor || $[1] !== t) {
+		currentBlockValue = getCurrentBlockValue(editor);
+		t2 = BLOCK_OPTIONS.find((option) => option.value === currentBlockValue)?.value ? getBlockOptionLabel(currentBlockValue, t) : t("editor.paragraph");
+		$[0] = editor;
+		$[1] = t;
+		$[2] = currentBlockValue;
+		$[3] = t2;
+	} else {
+		currentBlockValue = $[2];
+		t2 = $[3];
+	}
+	const currentBlockLabel = t2;
 	let t3;
-	if ($[10] !== editor || $[11] !== features.underline || $[12] !== isEditable || $[13] !== t) {
-		t3 = features.underline && /* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.underline,
-			active: editor.isActive("underline"),
-			disabled: !isEditable,
-			title: t("editor.underline"),
-			shortcut: "⌘U",
-			onClick: () => editor.chain().focus().toggleUnderline().run()
-		});
-		$[10] = editor;
-		$[11] = features.underline;
-		$[12] = isEditable;
-		$[13] = t;
-		$[14] = t3;
-	} else t3 = $[14];
+	if ($[4] !== isEditable || $[5] !== linkOpen || $[6] !== showFormatting) {
+		t3 = (t4$1) => {
+			const { editor: currentEditor, from, to } = t4$1;
+			if (!isEditable) return false;
+			if (linkOpen) return true;
+			if (!showFormatting) return false;
+			if (from === to) return false;
+			return !currentEditor.isActive("image");
+		};
+		$[4] = isEditable;
+		$[5] = linkOpen;
+		$[6] = showFormatting;
+		$[7] = t3;
+	} else t3 = $[7];
+	const shouldShow = t3;
 	let t4;
-	if ($[15] !== editor || $[16] !== features.link || $[17] !== isEditable || $[18] !== onLinkClick || $[19] !== t) {
-		t4 = features.link && /* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.link,
-			active: editor.isActive("link"),
-			disabled: !isEditable,
-			title: t("editor.link"),
-			shortcut: "⌘K",
-			onClick: onLinkClick
-		});
-		$[15] = editor;
-		$[16] = features.link;
-		$[17] = isEditable;
-		$[18] = onLinkClick;
-		$[19] = t;
-		$[20] = t4;
-	} else t4 = $[20];
+	if ($[8] !== editor || $[9] !== onLinkOpenChange) {
+		t4 = () => {
+			const currentLink = editor.getAttributes("link").href;
+			setLinkUrl(currentLink || "");
+			onLinkOpenChange(true);
+		};
+		$[8] = editor;
+		$[9] = onLinkOpenChange;
+		$[10] = t4;
+	} else t4 = $[10];
+	const openLinkMode = t4;
 	let t5;
-	if ($[21] !== editor || $[22] !== t1 || $[23] !== t2 || $[24] !== t3 || $[25] !== t4) {
-		t5 = /* @__PURE__ */ jsxs(BubbleMenu, {
-			editor,
-			className: "bg-background flex items-center gap-1 border p-1 shadow-lg",
+	if ($[11] !== editor || $[12] !== onLinkOpenChange) {
+		t5 = () => {
+			onLinkOpenChange(false);
+			setLinkUrl("");
+			editor.chain().focus().run();
+		};
+		$[11] = editor;
+		$[12] = onLinkOpenChange;
+		$[13] = t5;
+	} else t5 = $[13];
+	const closeLinkMode = t5;
+	let t6;
+	if ($[14] !== closeLinkMode || $[15] !== editor || $[16] !== linkUrl) {
+		t6 = () => {
+			const trimmedUrl = linkUrl.trim();
+			if (!trimmedUrl) {
+				editor.chain().focus().extendMarkRange("link").unsetLink().run();
+				closeLinkMode();
+				return;
+			}
+			const attrs = createLinkAttributes(trimmedUrl);
+			if (editor.state.selection.empty && !editor.isActive("link")) editor.chain().focus().insertContent({
+				type: "text",
+				text: attrs.href,
+				marks: [{
+					type: "link",
+					attrs
+				}]
+			}).run();
+			else editor.chain().focus().extendMarkRange("link").setLink(attrs).run();
+			closeLinkMode();
+		};
+		$[14] = closeLinkMode;
+		$[15] = editor;
+		$[16] = linkUrl;
+		$[17] = t6;
+	} else t6 = $[17];
+	const applyLink = t6;
+	let t7;
+	if ($[18] !== closeLinkMode || $[19] !== editor) {
+		t7 = () => {
+			editor.chain().focus().extendMarkRange("link").unsetLink().run();
+			closeLinkMode();
+		};
+		$[18] = closeLinkMode;
+		$[19] = editor;
+		$[20] = t7;
+	} else t7 = $[20];
+	const removeLink = t7;
+	let t8;
+	let t9;
+	if ($[21] !== editor || $[22] !== linkOpen) {
+		t8 = () => {
+			if (!linkOpen) return;
+			const currentLink_0 = editor.getAttributes("link").href;
+			setLinkUrl(currentLink_0 || "");
+			window.requestAnimationFrame(() => {
+				linkInputRef.current?.focus();
+				linkInputRef.current?.select();
+			});
+		};
+		t9 = [editor, linkOpen];
+		$[21] = editor;
+		$[22] = linkOpen;
+		$[23] = t8;
+		$[24] = t9;
+	} else {
+		t8 = $[23];
+		t9 = $[24];
+	}
+	React.useEffect(t8, t9);
+	let t10;
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = [120, 90];
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = {
+			duration: t10,
+			interactive: true,
+			maxWidth: "none",
+			offset: [0, 8],
+			placement: "top"
+		};
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== applyLink || $[28] !== closeLinkMode || $[29] !== currentBlockLabel || $[30] !== currentBlockValue || $[31] !== editor || $[32] !== features || $[33] !== isEditable || $[34] !== linkOpen || $[35] !== linkUrl || $[36] !== onImageClick || $[37] !== openLinkMode || $[38] !== removeLink || $[39] !== t) {
+		t12 = linkOpen ? /* @__PURE__ */ jsxs("form", {
+			className: "qp-rich-text-editor__link-form",
+			onSubmit: (event) => {
+				event.preventDefault();
+				applyLink();
+			},
+			onKeyDown: (event_0) => {
+				event_0.stopPropagation();
+				if (event_0.key === "Escape") {
+					event_0.preventDefault();
+					closeLinkMode();
+				}
+			},
 			children: [
-				t1,
-				t2,
-				t3,
-				t4
+				/* @__PURE__ */ jsx(Icon, {
+					"aria-hidden": "true",
+					className: "text-muted-foreground shrink-0",
+					icon: "ph:link",
+					width: 16,
+					height: 16
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					ref: linkInputRef,
+					"aria-label": t("editor.link"),
+					autoComplete: "off",
+					className: "qp-rich-text-editor__link-input",
+					inputMode: "url",
+					name: "rich-text-inline-link-url",
+					placeholder: t("editor.pasteOrTypeLink"),
+					type: "text",
+					value: linkUrl,
+					onChange: (event_1) => setLinkUrl(event_1.target.value),
+					disabled: !isEditable
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					size: "icon-xs",
+					"aria-label": t("common.apply"),
+					disabled: !isEditable || !linkUrl.trim(),
+					children: /* @__PURE__ */ jsx(Icon, {
+						"aria-hidden": "true",
+						icon: "ph:check"
+					})
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "icon-xs",
+					variant: "ghost",
+					"aria-label": t("common.remove"),
+					onClick: removeLink,
+					disabled: !isEditable || !editor.isActive("link"),
+					children: /* @__PURE__ */ jsx(Icon, {
+						"aria-hidden": "true",
+						icon: "ph:link-break"
+					})
+				})
 			]
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			features.heading && /* @__PURE__ */ jsxs(Select, {
+				value: currentBlockValue,
+				disabled: !isEditable,
+				onValueChange: (value) => {
+					if (typeof value === "string") setCurrentBlockValue(editor, value);
+				},
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					"aria-label": t("editor.selectionBlockType"),
+					className: "qp-rich-text-editor__bubble-block h-8 min-w-[116px] px-2.5 text-xs",
+					size: "sm",
+					children: /* @__PURE__ */ jsx(SelectValue, { children: currentBlockLabel })
+				}), /* @__PURE__ */ jsxs(SelectContent, {
+					align: "start",
+					className: "min-w-[148px]",
+					children: [
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.textBlocks") }), /* @__PURE__ */ jsx(SelectItem, {
+							value: "paragraph",
+							children: t("editor.paragraph")
+						})] }),
+						/* @__PURE__ */ jsx(SelectSeparator, {}),
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.headings") }), BLOCK_OPTIONS.filter(_temp).map((option_1) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option_1.value,
+							children: getBlockOptionLabel(option_1.value, t)
+						}, option_1.value))] }),
+						/* @__PURE__ */ jsx(SelectSeparator, {}),
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.list") }), BLOCK_OPTIONS.filter(_temp2).map((option_3) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option_3.value,
+							children: getBlockOptionLabel(option_3.value, t)
+						}, option_3.value))] }),
+						/* @__PURE__ */ jsx(SelectSeparator, {}),
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.blocks") }), /* @__PURE__ */ jsx(SelectItem, {
+							value: "blockquote",
+							children: t("editor.quote")
+						})] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "qp-rich-text-editor__bubble-separator",
+				"aria-hidden": "true"
+			}),
+			features.bold && /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.bold,
+				active: editor.isActive("bold"),
+				disabled: !isEditable,
+				title: t("editor.bold"),
+				shortcut: "⌘B",
+				onClick: () => editor.chain().focus().toggleBold().run()
+			}),
+			features.italic && /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.italic,
+				active: editor.isActive("italic"),
+				disabled: !isEditable,
+				title: t("editor.italic"),
+				shortcut: "⌘I",
+				onClick: () => editor.chain().focus().toggleItalic().run()
+			}),
+			features.underline && /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.underline,
+				active: editor.isActive("underline"),
+				disabled: !isEditable,
+				title: t("editor.underline"),
+				shortcut: "⌘U",
+				onClick: () => editor.chain().focus().toggleUnderline().run()
+			}),
+			features.code && /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.code,
+				active: editor.isActive("code"),
+				disabled: !isEditable,
+				title: t("editor.code"),
+				shortcut: "⌘E",
+				onClick: () => editor.chain().focus().toggleCode().run()
+			}),
+			features.link && /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.link,
+				active: editor.isActive("link"),
+				disabled: !isEditable,
+				title: t("editor.link"),
+				shortcut: "⌘K",
+				onClick: openLinkMode
+			}),
+			features.image && onImageClick && /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.image,
+				disabled: !isEditable,
+				title: t("editor.image"),
+				onClick: onImageClick
+			})
+		] });
+		$[27] = applyLink;
+		$[28] = closeLinkMode;
+		$[29] = currentBlockLabel;
+		$[30] = currentBlockValue;
+		$[31] = editor;
+		$[32] = features;
+		$[33] = isEditable;
+		$[34] = linkOpen;
+		$[35] = linkUrl;
+		$[36] = onImageClick;
+		$[37] = openLinkMode;
+		$[38] = removeLink;
+		$[39] = t;
+		$[40] = t12;
+	} else t12 = $[40];
+	let t13;
+	if ($[41] !== editor || $[42] !== shouldShow || $[43] !== t12) {
+		t13 = /* @__PURE__ */ jsx(BubbleMenu, {
+			editor,
+			shouldShow,
+			tippyOptions: t11,
+			className: "qp-rich-text-editor__bubble floating-surface text-popover-foreground",
+			children: t12
 		});
-		$[21] = editor;
-		$[22] = t1;
-		$[23] = t2;
-		$[24] = t3;
-		$[25] = t4;
-		$[26] = t5;
-	} else t5 = $[26];
-	return t5;
+		$[41] = editor;
+		$[42] = shouldShow;
+		$[43] = t12;
+		$[44] = t13;
+	} else t13 = $[44];
+	return t13;
+}
+function _temp2(option_2) {
+	return option_2.group === "list";
+}
+function _temp(option_0) {
+	return option_0.group === "heading";
 }
 
 //#endregion