@questpie/admin 3.2.5 → 3.2.7

package/dist/client/blocks/block-renderer.d.mts

@@ -1,6 +1,6 @@
 import { BlockContent } from "./types.mjs";
 import * as React from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/client/blocks/block-renderer.d.ts
 
@@ -50,6 +50,6 @@ declare function BlockRenderer({
   onBlockClick,
   onBlockInsert,
   className
-}: BlockRendererProps): react_jsx_runtime25.JSX.Element | null;
+}: BlockRendererProps): react_jsx_runtime19.JSX.Element | null;
 //#endregion
 export { BlockRenderer, BlockRendererProps };

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

@@ -1,16 +1,40 @@
 import { cn } from "../../lib/utils.mjs";
+import { isComponentReference, resolveIconElement } from "../component-renderer.mjs";
 import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
 import { SelectSingle } from "../primitives/select-single.mjs";
 import { SelectMulti } from "../primitives/select-multi.mjs";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/select-field.tsx
+/**
+* Convert option icons from server-shaped ComponentReference to ReactNode,
+* so primitives receive renderable icon elements.
+*
+* Options authored on the client (e.g. with React elements as icons) pass
+* through unchanged.
+*/
+function resolveOptionIcons(options) {
+	if (!options) return options;
+	return options.map((option) => isComponentReference(option.icon) ? {
+		...option,
+		icon: resolveIconElement(option.icon)
+	} : option);
+}
 function SelectField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, options, loadOptions, multiple, clearable, maxSelections, emptyMessage }) {
+	const resolvedControl = useResolvedControl(control);
+	const resolvedOptions = useMemo(() => resolveOptionIcons(options), [options]);
+	const resolvedLoadOptions = useMemo(() => {
+		if (!loadOptions) return void 0;
+		return async (search) => {
+			return resolveOptionIcons(await loadOptions(search)) ?? [];
+		};
+	}, [loadOptions]);
 	return /* @__PURE__ */ jsx(Controller, {
 		name,
-		control: useResolvedControl(control),
+		control: resolvedControl,
 		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
 			name,
 			label,
@@ -24,8 +48,8 @@ function SelectField({ name, label, description, placeholder, required, disabled
 				id: name,
 				value: Array.isArray(field.value) ? field.value : field.value != null ? [field.value] : [],
 				onChange: field.onChange,
-				options,
-				loadOptions,
+				options: resolvedOptions,
+				loadOptions: resolvedLoadOptions,
 				maxSelections,
 				emptyMessage,
 				placeholder,
@@ -36,8 +60,8 @@ function SelectField({ name, label, description, placeholder, required, disabled
 				id: name,
 				value: field.value ?? null,
 				onChange: field.onChange,
-				options,
-				loadOptions,
+				options: resolvedOptions,
+				loadOptions: resolvedLoadOptions,
 				clearable,
 				emptyMessage,
 				placeholder,

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

@@ -120,6 +120,7 @@ function SelectMulti({ value, onChange, options: staticOptions, loadOptions, que
 		resolveText,
 		translate
 	]);
+	const findOption = useCallback((val) => allOptions.find((opt) => opt.value === val), [allOptions]);
 	const handleToggle = useCallback((selectedValue) => {
 		const typedValue = selectedValue;
 		if (resolvedValue.includes(typedValue)) onChange(resolvedValue.filter((v) => v !== typedValue));
@@ -164,24 +165,31 @@ function SelectMulti({ value, onChange, options: staticOptions, loadOptions, que
 		children: [resolvedValue.length === 0 ? /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-xs",
 			children: resolvedPlaceholder
-		}) : /* @__PURE__ */ jsxs(Fragment, { children: [visibleChips.map((val) => /* @__PURE__ */ jsxs(Badge, {
-			variant: "secondary",
-			className: "min-h-7 gap-1 pr-1",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "max-w-24 truncate",
-				children: getLabel(val)
-			}), !disabled && /* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				title: t("field.removeItem", "Remove option"),
-				onPointerDown: (e) => handleRemove(val, e),
-				onClick: (e) => handleRemove(val, e),
-				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"
-				})
-			})]
-		}, String(val))), hiddenCount > 0 && /* @__PURE__ */ jsxs(Badge, {
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [visibleChips.map((val) => {
+			const chipOption = findOption(val);
+			return /* @__PURE__ */ jsxs(Badge, {
+				variant: "secondary",
+				className: cn("min-h-7 gap-1 pr-1", chipOption?.className),
+				children: [
+					chipOption?.icon,
+					/* @__PURE__ */ jsx("span", {
+						className: "max-w-24 truncate",
+						children: getLabel(val)
+					}),
+					!disabled && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						title: t("field.removeItem", "Remove option"),
+						onPointerDown: (e) => handleRemove(val, e),
+						onClick: (e) => handleRemove(val, e),
+						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"
+						})
+					})
+				]
+			}, String(val));
+		}), hiddenCount > 0 && /* @__PURE__ */ jsxs(Badge, {
 			variant: "outline",
 			className: "text-muted-foreground",
 			children: [
@@ -227,22 +235,30 @@ function SelectMulti({ value, onChange, options: staticOptions, loadOptions, que
 				/* @__PURE__ */ jsx(CommandGroup, { children: filteredOptions.map((option) => {
 					const isSelected = resolvedValue.includes(option.value);
 					const isDisabled = option.disabled || !isSelected && !canAddMore;
+					const description = option.description ? resolveText(option.description) : void 0;
 					return /* @__PURE__ */ jsxs(CommandItem, {
 						value: String(option.value),
 						onSelect: handleToggle,
 						disabled: isDisabled,
+						className: cn("items-start", option.className),
 						children: [
 							/* @__PURE__ */ jsx("div", {
-								className: cn("flex size-4 items-center justify-center border", isSelected ? "border-foreground bg-foreground text-background" : "border-muted-foreground/30"),
+								className: cn("mt-0.5 flex size-4 shrink-0 items-center justify-center border", isSelected ? "border-foreground bg-foreground text-background" : "border-muted-foreground/30"),
 								children: isSelected && /* @__PURE__ */ jsx(Icon, {
 									icon: "ph:check",
 									className: "size-3"
 								})
 							}),
 							option.icon,
-							/* @__PURE__ */ jsx("span", {
-								className: "truncate",
-								children: getOptionLabel(option)
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 flex-1 flex-col",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "truncate",
+									children: getOptionLabel(option)
+								}), description && /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground truncate text-xs",
+									children: description
+								})]
 							})
 						]
 					}, String(option.value));

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

@@ -143,6 +143,7 @@ function SelectSingle({ value, onChange, options: staticOptions, loadOptions, qu
 	]);
 	const showLoading = isFetching || externalLoading;
 	const listboxId = `${instanceId}-listbox`;
+	const selectedOption = value ? allOptions.find((opt) => opt.value === value) : void 0;
 	const TriggerButton = /* @__PURE__ */ jsxs(FieldSelectTrigger, {
 		id,
 		role: "combobox",
@@ -153,12 +154,15 @@ function SelectSingle({ value, onChange, options: staticOptions, loadOptions, qu
 		hasValue: !!value,
 		onKeyDown: handleTriggerKeyDown,
 		asInputGroupControl,
-		className: cn(className),
+		className: cn(className, selectedOption?.className),
 		children: [/* @__PURE__ */ jsxs("span", {
 			className: "flex min-w-0 flex-1 items-center gap-1.5 truncate",
 			children: [isLoadingValue && value ? /* @__PURE__ */ jsx(Icon, {
 				icon: "ph:circle-notch",
 				className: "text-muted-foreground size-3 shrink-0 animate-spin"
+			}) : selectedOption?.icon ? /* @__PURE__ */ jsx("span", {
+				className: "flex shrink-0 items-center",
+				children: selectedOption.icon
 			}) : null, /* @__PURE__ */ jsx("span", {
 				className: cn("truncate", isLoadingValue && value && "text-muted-foreground"),
 				children: value ? getLabel(value) : resolvedPlaceholder
@@ -198,16 +202,26 @@ function SelectSingle({ value, onChange, options: staticOptions, loadOptions, qu
 					})
 				}),
 				/* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmptyMessage }),
-				/* @__PURE__ */ jsx(CommandGroup, { children: filteredOptions.map((option) => /* @__PURE__ */ jsxs(CommandItem, {
-					value: String(option.value),
-					onSelect: handleSelect,
-					disabled: option.disabled,
-					"data-checked": value === option.value,
-					children: [option.icon, /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: getOptionLabel(option)
-					})]
-				}, String(option.value))) })
+				/* @__PURE__ */ jsx(CommandGroup, { children: filteredOptions.map((option) => {
+					const description = option.description ? resolveText(option.description) : void 0;
+					return /* @__PURE__ */ jsxs(CommandItem, {
+						value: String(option.value),
+						onSelect: handleSelect,
+						disabled: option.disabled,
+						"data-checked": value === option.value,
+						className: cn("items-start", option.className),
+						children: [option.icon, /* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 flex-1 flex-col",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "truncate",
+								children: getOptionLabel(option)
+							}), description && /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground truncate text-xs",
+								children: description
+							})]
+						})]
+					}, String(option.value));
+				}) })
 			]
 		})]
 	});

package/dist/client/preview/block-scope-context.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/client/preview/block-scope-context.d.ts
 
@@ -35,7 +35,7 @@ declare function BlockScopeProvider({
   blockId,
   basePath,
   children
-}: BlockScopeProviderProps): react_jsx_runtime20.JSX.Element;
+}: BlockScopeProviderProps): react_jsx_runtime25.JSX.Element;
 /**
  * Get current block scope context.
  *

package/dist/client/preview/preview-banner.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-banner.d.ts
 
@@ -40,6 +40,6 @@ declare function PreviewBanner({
   isPreviewMode,
   className,
   exitPreviewUrl
-}: PreviewBannerProps): react_jsx_runtime21.JSX.Element | null;
+}: PreviewBannerProps): react_jsx_runtime24.JSX.Element | null;
 //#endregion
 export { PreviewBanner, PreviewBannerProps };

package/dist/client/preview/preview-field.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.d.ts
 
@@ -68,7 +68,7 @@ declare function PreviewProvider({
   }) => void;
   onFieldValueEdited?: (payload: PreviewFieldValueEditedPayload) => void;
   children: React.ReactNode;
-}): react_jsx_runtime22.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 /**
  * Hook to access preview context.
  */
@@ -107,7 +107,7 @@ declare function PreviewField({
   style,
   onClick,
   onValueCommit
-}: PreviewFieldProps): react_jsx_runtime22.JSX.Element;
+}: PreviewFieldProps): react_jsx_runtime21.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
  * Useful when you can't use PreviewProvider.
@@ -131,6 +131,6 @@ declare function StandalonePreviewField({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-}): react_jsx_runtime22.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };

package/dist/client/preview/use-collection-preview.mjs

@@ -48,7 +48,6 @@ function useCollectionPreview({ initialData, onRefresh }) {
 	const [isPreviewMode, setIsPreviewMode] = React.useState(false);
 	const lastAppliedSeqRef = React.useRef(null);
 	const initialDataRef = React.useRef(initialData);
-	const focusScrollTimerRef = React.useRef(null);
 	React.useEffect(() => {
 		try {
 			setIsPreviewMode(window.self !== window.top);
@@ -67,18 +66,6 @@ function useCollectionPreview({ initialData, onRefresh }) {
 	React.useEffect(() => {
 		if (!isPreviewMode) return;
 		window.parent.postMessage({ type: "PREVIEW_READY" }, "*");
-		const scheduleFocusScroll = (fieldPath) => {
-			if (focusScrollTimerRef.current !== null) window.clearTimeout(focusScrollTimerRef.current);
-			focusScrollTimerRef.current = window.setTimeout(() => {
-				focusScrollTimerRef.current = null;
-				const element = findPreviewFieldElement(fieldPath);
-				if (!element || shouldSkipPreviewAutoScroll(element)) return;
-				if (!isElementNearViewport(element)) element.scrollIntoView({
-					behavior: "auto",
-					block: "nearest"
-				});
-			}, 80);
-		};
 		const handleMessage = async (event) => {
 			const message = event.data;
 			if (!isPreviewAdminMessage(message)) return;
@@ -96,7 +83,6 @@ function useCollectionPreview({ initialData, onRefresh }) {
 					break;
 				case "FOCUS_FIELD":
 					setFocusedField((current) => current === message.fieldPath ? current : message.fieldPath);
-					scheduleFocusScroll(message.fieldPath);
 					break;
 				case "INIT_SNAPSHOT":
 					lastAppliedSeqRef.current = message.seq;
@@ -138,10 +124,6 @@ function useCollectionPreview({ initialData, onRefresh }) {
 		window.addEventListener("message", handleMessage);
 		return () => {
 			window.removeEventListener("message", handleMessage);
-			if (focusScrollTimerRef.current !== null) {
-				window.clearTimeout(focusScrollTimerRef.current);
-				focusScrollTimerRef.current = null;
-			}
 		};
 	}, [isPreviewMode]);
 	const handleFieldClick = React.useCallback((fieldPath, context) => {
@@ -199,23 +181,6 @@ function isPreviewPatchOp(value) {
 	const op = value;
 	return (op.op === "set" || op.op === "remove") && typeof op.path === "string";
 }
-function findPreviewFieldElement(fieldPath) {
-	const escaped = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(fieldPath) : fieldPath.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
-	return document.querySelector(`[data-preview-field="${escaped}"]`);
-}
-function shouldSkipPreviewAutoScroll(element) {
-	const activeElement = document.activeElement;
-	if (activeElement && element.contains(activeElement)) return true;
-	return element instanceof HTMLElement && element.dataset.previewEditing === "true";
-}
-function isElementNearViewport(element) {
-	const rect = element.getBoundingClientRect();
-	const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
-	const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
-	const verticalMargin = Math.min(120, viewportHeight * .2);
-	const horizontalMargin = Math.min(120, viewportWidth * .2);
-	return rect.bottom >= -verticalMargin && rect.top <= viewportHeight + verticalMargin && rect.right >= -horizontalMargin && rect.left <= viewportWidth + horizontalMargin;
-}
 
 //#endregion
 export { useCollectionPreview };

package/dist/client/scope/picker.d.mts

@@ -1,5 +1,5 @@
 import { ScopePickerProps } from "./types.mjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/client/scope/picker.d.ts
 
@@ -48,6 +48,6 @@ declare function ScopePicker({
   clearText,
   className,
   compact
-}: ScopePickerProps): react_jsx_runtime27.JSX.Element;
+}: ScopePickerProps): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { ScopePicker };

package/dist/client/scope/provider.d.mts

@@ -1,5 +1,5 @@
 import { ScopeContextValue, ScopeProviderProps } from "./types.mjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/client/scope/provider.d.ts
 
@@ -29,7 +29,7 @@ declare function ScopeProvider({
   headerName,
   storageKey,
   defaultScope
-}: ScopeProviderProps): react_jsx_runtime26.JSX.Element;
+}: ScopeProviderProps): react_jsx_runtime27.JSX.Element;
 /**
  * Hook to access the current scope context.
  *

package/dist/client/utils/build-field-definitions-from-schema.mjs

@@ -113,11 +113,13 @@ function isNestedMetadata(m) {
 	return m.type === "object" || m.type === "array" || m.type === "blocks";
 }
 /**
-* Apply select field config
+* Apply select field config — preserves visual metadata (icon, description,
+* className, disabled) so the admin UI can render rich options without
+* per-project cell overrides.
 */
 function applySelectConfig(config, metadata) {
 	config.options = metadata.options.map((opt) => ({
-		value: opt.value,
+		...opt,
 		label: opt.label ?? String(opt.value)
 	}));
 	if (metadata.multiple !== void 0) config.multiple = metadata.multiple;

package/dist/client/views/auth/accept-invite-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/client/views/auth/accept-invite-form.d.ts
 /**
@@ -67,6 +67,6 @@ declare function AcceptInviteForm({
   className,
   error,
   minPasswordLength
-}: AcceptInviteFormProps): react_jsx_runtime2.JSX.Element;
+}: AcceptInviteFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AcceptInviteForm };

package/dist/client/views/auth/auth-layout.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/client/views/auth/auth-layout.d.ts
 
@@ -26,7 +26,7 @@ declare function AuthDefaultLogo({
   brandName
 }: {
   brandName: string;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 /**
  * Minimal split layout for authentication pages (login, register, forgot password, etc.)
  *
@@ -50,6 +50,6 @@ declare function AuthDefaultLogo({
  * </AuthLayout>
  * ```
  */
-declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime0.JSX.Element;
+declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { AuthDefaultLogo, AuthLayout, AuthLayoutProps };

package/dist/client/views/auth/forgot-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/client/views/auth/forgot-password-form.d.ts
 /**
@@ -53,6 +53,6 @@ declare function ForgotPasswordForm({
   defaultValues,
   className,
   error
-}: ForgotPasswordFormProps): react_jsx_runtime4.JSX.Element;
+}: ForgotPasswordFormProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { ForgotPasswordForm };

package/dist/client/views/auth/login-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/client/views/auth/login-form.d.ts
 /**
@@ -70,6 +70,6 @@ declare function LoginForm({
   className,
   error,
   minPasswordLength
-}: LoginFormProps): react_jsx_runtime3.JSX.Element;
+}: LoginFormProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { LoginForm };

package/dist/client/views/collection/cells/primitive-cells.mjs

@@ -1,4 +1,7 @@
 import { useResolveText, useTranslation } from "../../../i18n/hooks.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { resolveIconElement } from "../../../components/component-renderer.mjs";
+import { flattenOptions } from "../../../components/primitives/types.mjs";
 import { resolveOptionLabelForValue } from "../../../components/primitives/option-label.mjs";
 import { Badge } from "../../../components/ui/badge.mjs";
 import "react";
@@ -156,6 +159,10 @@ function getSelectOptions(fieldDef) {
 	const options = fieldDef?.["~options"]?.options;
 	return Array.isArray(options) ? options : void 0;
 }
+function findSelectOption(options, value) {
+	if (!options) return void 0;
+	return flattenOptions(options).find((opt) => String(opt.value) === String(value));
+}
 function resolveSelectCellLabel({ value, fieldDef, resolveText, t, locale }) {
 	return resolveOptionLabelForValue({
 		value,
@@ -172,18 +179,25 @@ function SelectCell({ value, fieldDef }) {
 		className: "text-muted-foreground",
 		children: "-"
 	});
+	const values = Array.isArray(value) ? value : [value];
+	const options = getSelectOptions(fieldDef);
 	return /* @__PURE__ */ jsx("span", {
 		className: "inline-flex max-w-[300px] flex-wrap gap-1",
-		children: (Array.isArray(value) ? value : [value]).map((item, index) => /* @__PURE__ */ jsx(Badge, {
-			variant: "outline",
-			children: resolveSelectCellLabel({
-				value: item,
-				fieldDef,
-				resolveText,
-				t,
-				locale
-			})
-		}, `${String(item)}-${index}`))
+		children: values.map((item, index) => {
+			const option = findSelectOption(options, item);
+			const icon = resolveIconElement(option?.icon);
+			return /* @__PURE__ */ jsxs(Badge, {
+				variant: "outline",
+				className: cn("gap-1", option?.className),
+				children: [icon, resolveSelectCellLabel({
+					value: item,
+					fieldDef,
+					resolveText,
+					t,
+					locale
+				})]
+			}, `${String(item)}-${index}`);
+		})
 	});
 }
 

package/dist/components/rich-text/rich-text-renderer.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/rich-text/rich-text-renderer.d.ts
 /**
@@ -98,6 +98,6 @@ declare function RichTextRenderer({
   content,
   styles: customStyles,
   className
-}: RichTextRendererProps): react_jsx_runtime17.JSX.Element | null;
+}: RichTextRendererProps): react_jsx_runtime20.JSX.Element | null;
 //#endregion
 export { RichTextRenderer, RichTextStyles, TipTapDoc, TipTapNode };