@questpie/admin 2.0.0 → 3.0.0

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

@@ -2,18 +2,18 @@ import { useResolveText, useTranslation } from "../../i18n/hooks.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 { getAutoColumns } from "./field-utils.mjs";
 import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
 import { SelectSingle } from "../primitives/select-single.mjs";
 import { ResourceSheet } from "../sheets/resource-sheet.mjs";
-import { LocaleBadge } from "./locale-badge.mjs";
 import { RelationItemsDisplay } from "./relation/relation-items-display.mjs";
 import { Icon } from "@iconify/react";
-import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
-import { useQueryClient } from "@tanstack/react-query";
-import * as React$1 from "react";
-import { toast } from "sonner";
+import * as React from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
 
 //#region src/client/components/fields/relation-picker.tsx
 /**
@@ -28,7 +28,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * - Multiple display modes (list, chips, table, cards, grid)
 * - Responsive: Popover on desktop, Drawer on mobile
 */
-function RelationPicker({ name, value = [], onChange, targetCollection, label, filter, required, disabled, readOnly, placeholder, error, localized, locale: localeProp, orderable = false, maxItems, display = "list", columns, fields, gridColumns, renderItem, renderOption }) {
+const EMPTY_VALUE = [];
+function RelationPicker({ name, value, onChange, targetCollection, label, filter, required, disabled, readOnly, placeholder, error, localized, locale: localeProp, orderable = false, maxItems, display = "list", columns, fields, gridColumns, renderItem, renderOption }) {
+	"use no memo";
+	const resolvedValue = value ?? EMPTY_VALUE;
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
 	const resolvedLabel = label ? resolveText(label) : void 0;
@@ -39,12 +42,12 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 	const emptyLabel = t("relation.noneSelected", { name: labelText });
 	const createLabel = t("relation.createNew", { name: labelText });
 	const locale = localeProp;
-	const [isSheetOpen, setIsSheetOpen] = React$1.useState(false);
-	const [editingItemId, setEditingItemId] = React$1.useState();
+	const [isSheetOpen, setIsSheetOpen] = React.useState(false);
+	const [editingItemId, setEditingItemId] = React.useState();
 	const { data: serverConfig } = useAdminConfig();
 	const targetConfig = serverConfig?.collections?.[targetCollection];
 	const collectionIconRef = targetConfig?.icon;
-	const displayColumns = React$1.useMemo(() => {
+	const displayColumns = React.useMemo(() => {
 		if (columns && columns.length > 0) return columns;
 		if (display === "table" && targetConfig) return getAutoColumns(targetConfig);
 		return ["_title"];
@@ -53,30 +56,61 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 		display,
 		targetConfig
 	]);
-	const selectedIds = React$1.useMemo(() => {
-		if (!value) return [];
-		if (Array.isArray(value)) return value;
-		return [value];
-	}, [value]);
+	const selectedIds = React.useMemo(() => {
+		if (!resolvedValue) return [];
+		if (Array.isArray(resolvedValue)) return resolvedValue;
+		return [resolvedValue];
+	}, [resolvedValue]);
 	const client = useAdminStore(selectClient);
-	const [fetchedItems, setFetchedItems] = React$1.useState(() => /* @__PURE__ */ new Map());
-	const [isLoadingItems, setIsLoadingItems] = React$1.useState(false);
-	const loadOptions = React$1.useCallback(async (search) => {
+	const { data: fetchedItemsMap = /* @__PURE__ */ new Map(), isLoading: isLoadingItems } = useQuery({
+		queryKey: [
+			"questpie",
+			"collections",
+			targetCollection,
+			"relation-batch",
+			...selectedIds
+		],
+		queryFn: async () => {
+			if (!client || selectedIds.length === 0) return /* @__PURE__ */ new Map();
+			const response = await client.collections[targetCollection].find({
+				where: { id: { in: selectedIds } },
+				limit: selectedIds.length
+			});
+			const map = /* @__PURE__ */ new Map();
+			if (response?.docs) for (const doc of response.docs) map.set(doc.id, doc);
+			return map;
+		},
+		enabled: !!client && selectedIds.length > 0,
+		staleTime: 3e4,
+		placeholderData: (prev) => prev
+	});
+	const loadOptions = React.useCallback(async (search) => {
 		if (!client) return [];
 		try {
 			const options = { limit: 50 };
 			if (search) options.search = search;
 			if (filter) options.where = filter({});
-			const docs = (await client.collections[targetCollection].find(options))?.docs || [];
-			setFetchedItems((prev) => new Map([...prev, ...docs.map((doc) => [doc.id, doc])]));
-			return docs.filter((opt) => !selectedIds.includes(opt.id)).map((item) => ({
-				value: item.id,
-				label: renderOption ? String(renderOption(item)) : item._title || item.id || "",
-				icon: resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" })
-			}));
-		} catch (error$1) {
-			console.error("Failed to load relation options:", error$1);
-			toast.error("Failed to load options");
+			const response_0 = await client.collections[targetCollection].find(options);
+			let docs;
+			if (response_0) if (response_0.docs) docs = response_0.docs;
+			else docs = [];
+			else docs = [];
+			const selectedIdSet = new Set(selectedIds);
+			return docs.filter((opt) => !selectedIdSet.has(opt.id)).map((item) => {
+				let label_0;
+				if (renderOption) label_0 = String(renderOption(item));
+				else if (item._title) label_0 = item._title;
+				else if (item.id) label_0 = item.id;
+				else label_0 = "";
+				return {
+					value: item.id,
+					label: label_0,
+					icon: resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" })
+				};
+			});
+		} catch (error_0) {
+			console.error("Failed to load relation options:", error_0);
+			toast.error(t("error.failedToLoadOptions"));
 			return [];
 		}
 	}, [
@@ -85,70 +119,32 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 		filter,
 		selectedIds,
 		renderOption,
-		collectionIconRef
+		collectionIconRef,
+		t
 	]);
 	const queryClient = useQueryClient();
-	const queryOpts = React$1.useMemo(() => createQuestpieQueryOptions(client ?? {}, { keyPrefix: ["questpie", "collections"] }), [client]);
-	const refetch = React$1.useCallback(async () => {
-		setFetchedItems(/* @__PURE__ */ new Map());
+	const queryOpts = React.useMemo(() => createQuestpieQueryOptions(client ?? {}, { keyPrefix: ["questpie", "collections"] }), [client]);
+	const refetch = React.useCallback(async () => {
+		queryClient.invalidateQueries({ queryKey: [
+			"questpie",
+			"collections",
+			targetCollection,
+			"relation-batch"
+		] });
 		queryClient.invalidateQueries({ queryKey: queryOpts.key([
 			"collections",
 			targetCollection,
 			"find"
 		]) });
-		selectedIds.forEach((id) => {
-			queryClient.invalidateQueries({ queryKey: queryOpts.key([
-				"collections",
-				targetCollection,
-				"findOne",
-				{ where: { id } }
-			]) });
-		});
 	}, [
 		queryClient,
 		queryOpts,
-		selectedIds,
 		targetCollection
 	]);
-	React$1.useEffect(() => {
-		if (!client || !selectedIds.length) {
-			setIsLoadingItems(false);
-			return;
-		}
-		const missingIds = selectedIds.filter((id) => !fetchedItems.has(id));
-		if (missingIds.length === 0) {
-			setIsLoadingItems(false);
-			return;
-		}
-		setIsLoadingItems(true);
-		let cancelled = false;
-		(async () => {
-			try {
-				for (const id of missingIds) {
-					if (cancelled) return;
-					const response = await client.collections[targetCollection].findOne({ where: { id } });
-					if (!cancelled && response) setFetchedItems((prev) => new Map([...prev, [id, response]]));
-				}
-			} catch (error$1) {
-				console.error("Failed to fetch selected items:", error$1);
-				toast.error("Failed to load selected items");
-			} finally {
-				if (!cancelled) setIsLoadingItems(false);
-			}
-		})();
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		client,
-		targetCollection,
-		selectedIds,
-		fetchedItems
-	]);
-	const selectedItems = React$1.useMemo(() => {
-		return selectedIds.map((id) => fetchedItems.get(id)).filter(Boolean);
-	}, [selectedIds, fetchedItems]);
-	const handleAdd = React$1.useCallback((itemId) => {
+	const selectedItems = React.useMemo(() => {
+		return selectedIds.map((id) => fetchedItemsMap.get(id)).filter(Boolean);
+	}, [selectedIds, fetchedItemsMap]);
+	const handleAdd = React.useCallback((itemId) => {
 		if (!itemId) return;
 		if (selectedIds.includes(itemId)) return;
 		if (maxItems && selectedIds.length >= maxItems) return;
@@ -158,18 +154,18 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 		maxItems,
 		onChange
 	]);
-	const handleRemove = React$1.useCallback((itemId) => {
-		onChange(selectedIds.filter((id) => id !== itemId));
+	const handleRemove = React.useCallback((itemId_0) => {
+		onChange(selectedIds.filter((id_0) => id_0 !== itemId_0));
 	}, [selectedIds, onChange]);
-	const handleOpenCreate = React$1.useCallback(() => {
+	const handleOpenCreate = React.useCallback(() => {
 		setEditingItemId(void 0);
 		setIsSheetOpen(true);
 	}, []);
-	const handleOpenEdit = React$1.useCallback((itemId) => {
-		setEditingItemId(itemId);
+	const handleOpenEdit = React.useCallback((itemId_1) => {
+		setEditingItemId(itemId_1);
 		setIsSheetOpen(true);
 	}, []);
-	const handleSheetSave = React$1.useCallback(async (result) => {
+	const handleSheetSave = React.useCallback(async (result) => {
 		if (!editingItemId && result?.id) onChange([...selectedIds, result.id]);
 		await refetch();
 	}, [
@@ -179,9 +175,9 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 		refetch
 	]);
 	const canAddMore = !maxItems || selectedIds.length < maxItems;
-	const displayActions = React$1.useMemo(() => ({
-		onEdit: !readOnly ? (item) => handleOpenEdit(item.id) : void 0,
-		onRemove: !readOnly && (!required || selectedIds.length > 1) ? (item) => handleRemove(item.id) : void 0
+	const displayActions = React.useMemo(() => ({
+		onEdit: !readOnly ? (item_0) => handleOpenEdit(item_0.id) : void 0,
+		onRemove: !readOnly && (!required || selectedIds.length > 1) ? (item_1) => handleRemove(item_1.id) : void 0
 	}), [
 		readOnly,
 		required,
@@ -190,13 +186,13 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 		handleRemove
 	]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
+		className: "qa-relation-picker space-y-2",
 		children: [
 			label && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ jsxs("label", {
 					htmlFor: name,
-					className: "text-sm font-medium flex items-center gap-1.5",
+					className: "flex items-center gap-1.5 text-sm font-medium",
 					children: [
 						resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" }),
 						resolvedLabel,
@@ -205,7 +201,7 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 							children: "*"
 						}),
 						maxItems && /* @__PURE__ */ jsxs("span", {
-							className: "ml-2 text-xs text-muted-foreground",
+							className: "text-muted-foreground ml-2 text-xs",
 							children: [
 								"(",
 								selectedIds.length,
@@ -241,13 +237,13 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 						value: null,
 						onChange: handleAdd,
 						loadOptions,
-						queryKey: (search) => queryOpts.key([
+						queryKey: (search_0) => queryOpts.key([
 							"collections",
 							targetCollection,
 							"find",
 							{
 								limit: 50,
-								search,
+								search: search_0,
 								where: filter ? filter({}) : void 0,
 								selectedIds
 							}
@@ -274,14 +270,14 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 				})]
 			}),
 			selectedIds.length === 0 && !isLoadingItems && /* @__PURE__ */ jsx("div", {
-				className: "rounded-lg border border-dashed p-4 text-center",
+				className: "border border-dashed p-4 text-center",
 				children: /* @__PURE__ */ jsx("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-muted-foreground text-sm",
 					children: resolvedPlaceholder || emptyLabel
 				})
 			}),
 			error && /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-destructive",
+				className: "text-destructive text-sm",
 				children: error
 			}),
 			/* @__PURE__ */ jsx(ResourceSheet, {
@@ -297,5 +293,4 @@ function RelationPicker({ name, value = [], onChange, targetCollection, label, f
 }
 
 //#endregion
-export { RelationPicker };
-//# sourceMappingURL=relation-picker.mjs.map
+export { RelationPicker };

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

@@ -3,17 +3,17 @@ 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 { useCollectionItem } from "../../hooks/use-collection.mjs";
 import { SelectSingle } from "../primitives/select-single.mjs";
+import { useCollectionItem } from "../../hooks/use-collection.mjs";
 import { ResourceSheet } from "../sheets/resource-sheet.mjs";
-import { LocaleBadge } from "./locale-badge.mjs";
 import { Icon } from "@iconify/react";
-import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
+import * as React from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import * as React$1 from "react";
-import { toast } from "sonner";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
 
 //#region src/client/components/fields/relation-select.tsx
 /**
@@ -26,6 +26,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * - Responsive: Popover on desktop, Drawer on mobile
 */
 function RelationSelect({ name, value, onChange, targetCollection, label, filter, required, disabled, readOnly, placeholder, error, localized, locale, renderOption, renderValue }) {
+	"use no memo";
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
 	const resolvedLabel = label ? resolveText(label) : void 0;
@@ -34,12 +35,12 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 	const selectLabel = t("relation.select", { name: labelText });
 	const noResultsLabel = t("relation.noResults", { name: labelText });
 	const createLabel = t("relation.createNew", { name: labelText });
-	const [isSheetOpen, setIsSheetOpen] = React$1.useState(false);
-	const [editingItemId, setEditingItemId] = React$1.useState();
+	const [isSheetOpen, setIsSheetOpen] = React.useState(false);
+	const [editingItemId, setEditingItemId] = React.useState();
 	const { data: serverConfig } = useAdminConfig();
 	const client = useAdminStore(selectClient);
 	const collectionIconRef = (serverConfig?.collections?.[targetCollection])?.icon;
-	const loadOptions = React$1.useCallback(async (search) => {
+	const loadOptions = React.useCallback(async (search) => {
 		if (!client) return [];
 		try {
 			const options = {
@@ -48,14 +49,26 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 			};
 			if (search) options.search = search;
 			if (filter) options.where = filter({});
-			return ((await client.collections[targetCollection].find(options))?.docs || []).map((item) => ({
-				value: item.id,
-				label: renderOption ? String(renderOption(item)) : item._title || item.id || "",
-				icon: resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" })
-			}));
-		} catch (error$1) {
-			console.error("Failed to load relation options:", error$1);
-			toast.error("Failed to load options");
+			const response = await client.collections[targetCollection].find(options);
+			let docs;
+			if (response) if (response.docs) docs = response.docs;
+			else docs = [];
+			else docs = [];
+			return docs.map((item) => {
+				let label_0;
+				if (renderOption) label_0 = String(renderOption(item));
+				else if (item._title) label_0 = item._title;
+				else if (item.id) label_0 = item.id;
+				else label_0 = "";
+				return {
+					value: item.id,
+					label: label_0,
+					icon: resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" })
+				};
+			});
+		} catch (error_0) {
+			console.error("Failed to load relation options:", error_0);
+			toast.error(t("error.failedToLoadOptions"));
 			return [];
 		}
 	}, [
@@ -64,11 +77,12 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 		filter,
 		renderOption,
 		collectionIconRef,
-		locale
+		locale,
+		t
 	]);
 	const queryClient = useQueryClient();
-	const queryOpts = React$1.useMemo(() => createQuestpieQueryOptions(client ?? {}, { keyPrefix: ["questpie", "collections"] }), [client]);
-	const refetch = React$1.useCallback(async () => {
+	const queryOpts = React.useMemo(() => createQuestpieQueryOptions(client ?? {}, { keyPrefix: ["questpie", "collections"] }), [client]);
+	const refetch = React.useCallback(async () => {
 		queryClient.invalidateQueries({ queryKey: queryOpts.key([
 			"collections",
 			targetCollection,
@@ -87,7 +101,7 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 		value
 	]);
 	const { data: selectedItem } = useCollectionItem(targetCollection, value || "", void 0, { enabled: !!value });
-	const selectedOptions = React$1.useMemo(() => {
+	const selectedOptions = React.useMemo(() => {
 		if (!selectedItem) return [];
 		return [{
 			value: selectedItem.id,
@@ -111,7 +125,7 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 	const handleValueChange = (newValue) => {
 		onChange(newValue);
 	};
-	const handleSheetSave = React$1.useCallback(async (result) => {
+	const handleSheetSave = React.useCallback(async (result) => {
 		if (!editingItemId && result?.id) onChange(result.id);
 		await refetch();
 	}, [
@@ -120,13 +134,13 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 		refetch
 	]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
+		className: "qa-relation-select space-y-2",
 		children: [
 			label && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ jsxs("label", {
 					htmlFor: name,
-					className: "text-sm font-medium flex items-center gap-1.5",
+					className: "flex items-center gap-1.5 text-sm font-medium",
 					children: [
 						resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" }),
 						resolvedLabel,
@@ -147,14 +161,14 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 						onChange: handleValueChange,
 						options: selectedOptions,
 						loadOptions,
-						queryKey: (search) => queryOpts.key([
+						queryKey: (search_0) => queryOpts.key([
 							"collections",
 							targetCollection,
 							"find",
 							{
 								limit: 50,
 								locale,
-								search,
+								search: search_0,
 								where: filter ? filter({}) : void 0
 							}
 						]),
@@ -190,7 +204,7 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 						disabled,
 						title: createLabel,
 						"aria-label": createLabel,
-						className: "border-l-0 rounded-l-none",
+						className: "rounded-l-none border-l-0",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: "ph:plus",
 							className: "h-4 w-4"
@@ -199,7 +213,7 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 				})]
 			}),
 			error && /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-destructive",
+				className: "text-destructive text-sm",
 				children: error
 			}),
 			/* @__PURE__ */ jsx(ResourceSheet, {
@@ -215,5 +229,4 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 }
 
 //#endregion
-export { RelationSelect };
-//# sourceMappingURL=relation-select.mjs.map
+export { RelationSelect };

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

@@ -1,5 +1,6 @@
 import { useTranslation } from "../../../i18n/hooks.mjs";
 import { EDITOR_ICONS, ToolbarButton } from "./toolbar.mjs";
+import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BubbleMenu } from "@tiptap/react";
@@ -8,49 +9,97 @@ import { BubbleMenu } from "@tiptap/react";
 /**
 * Bubble menu that appears on text selection
 */
-function RichTextBubbleMenu({ editor, features, disabled, onLinkClick }) {
+function RichTextBubbleMenu(t0) {
+	const $ = c(27);
+	const { editor, features, disabled, onLinkClick } = t0;
 	const { t } = useTranslation();
 	const isEditable = !disabled;
-	return /* @__PURE__ */ jsxs(BubbleMenu, {
-		editor,
-		className: "flex items-center gap-1 rounded-md border bg-background p-1 shadow-lg",
-		children: [
-			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.link && /* @__PURE__ */ jsx(ToolbarButton, {
-				icon: EDITOR_ICONS.link,
-				active: editor.isActive("link"),
-				disabled: !isEditable,
-				title: t("editor.link"),
-				shortcut: "⌘K",
-				onClick: onLinkClick
-			})
-		]
-	});
+	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 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];
+	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];
+	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];
+	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",
+			children: [
+				t1,
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[21] = editor;
+		$[22] = t1;
+		$[23] = t2;
+		$[24] = t3;
+		$[25] = t4;
+		$[26] = t5;
+	} else t5 = $[26];
+	return t5;
 }
 
 //#endregion
-export { RichTextBubbleMenu };
-//# sourceMappingURL=bubble-menu.mjs.map
+export { RichTextBubbleMenu };