@fluid-app/portal-sdk 0.1.243 → 0.1.245

package/dist/{MySiteScreen-CN0ZDBgy.mjs → components-CjgEvBYG.mjs}

@@ -1,11 +1,9 @@
-import { r as __exportAll } from "./es-BXxGlAp6.mjs";
-import { At as CardTitle, C as Skeleton, Dn as Button, Et as CardContent, Fn as cn, K as Label, L as Input, Pn as useZodForm, Tt as CardAction, b as fluidToast, ct as DialogFooter, dn as BreadcrumbLink, fn as BreadcrumbList, ft as DialogTitle, it as Dialog, k as Separator, kt as CardHeader, ln as Breadcrumb, lt as DialogHeader, mn as BreadcrumbSeparator, ot as DialogContent, pn as BreadcrumbPage, s as Textarea, un as BreadcrumbItem, wt as Card } from "./src-pgBBOcJa.mjs";
-import { r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-Cemdo7bM.mjs";
-import { C as usePortalUpdateLink, S as usePortalReorderLinks, T as usePortalUpdateSettings, _ as usePortalFavorites, a as verticalListSortingStrategy, b as usePortalMySiteThemes, c as PointerSensor, d as useSensors, f as CSS, g as usePortalDeleteLink, h as usePortalDeleteFavorite, i as useSortable, l as closestCenter, m as usePortalCreateLink, n as arrayMove, o as DndContext, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor, v as usePortalLinks, w as usePortalUpdateProfile, x as usePortalReorderFavorites, y as usePortalMySiteProfile } from "./sortable.esm-C8G00cCP.mjs";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { At as CardTitle, C as Skeleton, Dn as Button, Et as CardContent, Fn as cn, K as Label, L as Input, Pn as useZodForm, Tt as CardAction, ct as DialogFooter, ft as DialogTitle, it as Dialog, k as Separator, kt as CardHeader, lt as DialogHeader, ot as DialogContent, wt as Card } from "./src-pgBBOcJa.mjs";
+import { C as usePortalUpdateLink, S as usePortalReorderLinks, _ as usePortalFavorites, a as verticalListSortingStrategy, c as PointerSensor, d as useSensors, f as CSS, g as usePortalDeleteLink, h as usePortalDeleteFavorite, i as useSortable, l as closestCenter, m as usePortalCreateLink, n as arrayMove, o as DndContext, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor, v as usePortalLinks, x as usePortalReorderFavorites } from "./sortable.esm-C8riJ_zv.mjs";
+import { useCallback, useEffect, useRef, useState } from "react";
 import "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeft, Camera, Check, ChevronRight, Copy, Eye, GripVertical, LayoutGrid, Link2, LoaderCircle, Palette, Pencil, Plus, Trash2, User, Users } from "lucide-react";
+import { ArrowLeft, Check, Copy, Eye, GripVertical, LoaderCircle, Palette, Pencil, Plus, Trash2, Users } from "lucide-react";
 import { z } from "zod";
 //#region ../../mysite/ui/src/portal/components/animation-utils.ts
 function getContentClassName(phase) {
@@ -985,468 +983,6 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 	] });
 }
 //#endregion
-//#region ../../mysite/ui/src/portal/components/MySiteProfileForm.tsx
-function MySiteProfileForm({ onBack, onToast, onRefreshPreview, onUploadPhoto, avatarUrl, userName, userInitial }) {
-	const { data: profile, isLoading: isProfileLoading } = usePortalMySiteProfile();
-	const updateProfileMutation = usePortalUpdateProfile();
-	const [formState, setFormState] = useState(() => ({ bio: "" }));
-	const profileSyncedRef = useRef(false);
-	useEffect(() => {
-		if (profile && !profileSyncedRef.current) {
-			profileSyncedRef.current = true;
-			setFormState({ bio: profile.bio ?? "" });
-		}
-	}, [profile]);
-	const isDirty = formState.bio.trim() !== (profile?.bio ?? "");
-	const handleFieldChange = useCallback((field, value) => {
-		setFormState((s) => ({
-			...s,
-			[field]: value
-		}));
-	}, []);
-	const handleSave = useCallback(() => {
-		const trimmedBio = formState.bio.trim();
-		updateProfileMutation.mutate({ bio: trimmedBio }, {
-			onSuccess: () => {
-				profileSyncedRef.current = false;
-				onToast?.("Profile updated successfully", "success");
-				onRefreshPreview?.();
-			},
-			onError: () => {
-				onToast?.("Failed to update profile", "error");
-			}
-		});
-	}, [
-		formState,
-		updateProfileMutation,
-		onToast,
-		onRefreshPreview
-	]);
-	const fileInputRef = useRef(null);
-	const [isUploadingPhoto, setIsUploadingPhoto] = useState(false);
-	const [previewUrl, setPreviewUrl] = useState(null);
-	useEffect(() => {
-		return () => {
-			if (previewUrl) URL.revokeObjectURL(previewUrl);
-		};
-	}, [previewUrl]);
-	const handleFileSelected = useCallback(async (e) => {
-		const file = e.target.files?.[0];
-		if (!file || !onUploadPhoto) return;
-		if (!file.type.startsWith("image/")) {
-			onToast?.("Please select an image file", "error");
-			return;
-		}
-		setPreviewUrl(URL.createObjectURL(file));
-		setIsUploadingPhoto(true);
-		try {
-			const imageUrl = await onUploadPhoto(file);
-			updateProfileMutation.mutate({ avatar_url: imageUrl }, {
-				onSuccess: () => {
-					setPreviewUrl(null);
-					onToast?.("Profile photo updated", "success");
-					onRefreshPreview?.();
-				},
-				onError: () => {
-					setPreviewUrl(null);
-					onToast?.("Failed to save profile photo", "error");
-				}
-			});
-		} catch {
-			setPreviewUrl(null);
-			onToast?.("Failed to upload photo", "error");
-		} finally {
-			setIsUploadingPhoto(false);
-			if (fileInputRef.current) fileInputRef.current.value = "";
-		}
-	}, [
-		onUploadPhoto,
-		updateProfileMutation,
-		onToast,
-		onRefreshPreview
-	]);
-	if (isProfileLoading) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground animate-pulse",
-			children: "Loading..."
-		})
-	});
-	const displayAvatarUrl = previewUrl || avatarUrl || profile?.avatar_url;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-4 p-4 sm:space-y-6 sm:p-6",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: onBack,
-					className: "text-muted-foreground hover:bg-muted hover:text-foreground flex h-10 w-10 items-center justify-center rounded-full transition-colors",
-					"aria-label": "Go back",
-					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5" })
-				}), /* @__PURE__ */ jsx("h1", {
-					className: "text-foreground text-xl font-bold sm:text-2xl",
-					children: "Profile"
-				})]
-			}),
-			onUploadPhoto && /* @__PURE__ */ jsxs(Card, {
-				className: "p-4 sm:p-6",
-				children: [/* @__PURE__ */ jsx("input", {
-					ref: fileInputRef,
-					type: "file",
-					accept: "image/*",
-					className: "hidden",
-					onChange: handleFileSelected
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col items-center gap-3 sm:flex-row sm:gap-4",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "relative h-[120px] w-[120px] shrink-0 overflow-hidden rounded-full bg-gray-200",
-						children: [displayAvatarUrl ? /* @__PURE__ */ jsx("img", {
-							src: displayAvatarUrl,
-							alt: userName || "Profile",
-							className: "h-full w-full object-cover"
-						}) : /* @__PURE__ */ jsx("div", {
-							className: "bg-background text-foreground flex h-full w-full items-center justify-center text-xl font-semibold",
-							children: userInitial || "U"
-						}), isUploadingPhoto && /* @__PURE__ */ jsx("div", {
-							className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/40",
-							children: /* @__PURE__ */ jsx("div", { className: "border-t-primary h-6 w-6 animate-spin rounded-full border-2 border-white" })
-						})]
-					}), /* @__PURE__ */ jsxs(Button, {
-						variant: "secondary",
-						size: "sm",
-						onClick: () => fileInputRef.current?.click(),
-						disabled: isUploadingPhoto,
-						children: [/* @__PURE__ */ jsx(Camera, { className: "mr-1 h-4 w-4" }), isUploadingPhoto ? "Uploading..." : "Change Photo"]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ jsx(Card, {
-				className: "h-auto gap-0 py-0 shadow-none",
-				children: /* @__PURE__ */ jsx(CardContent, {
-					className: "space-y-4 p-4 sm:p-6",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ jsx(Label, {
-							htmlFor: "profile-bio",
-							children: "Bio"
-						}), /* @__PURE__ */ jsx(Textarea, {
-							id: "profile-bio",
-							rows: 4,
-							value: formState.bio,
-							onChange: (e) => handleFieldChange("bio", e.target.value),
-							placeholder: "Tell people a little about yourself..."
-						})]
-					})
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "flex justify-end",
-				children: /* @__PURE__ */ jsx(Button, {
-					onClick: handleSave,
-					disabled: !isDirty || updateProfileMutation.isPending,
-					className: "w-full sm:w-auto",
-					children: updateProfileMutation.isPending ? "Saving..." : "Save Changes"
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/screens/MySiteScreen/MySiteMainView.tsx
-const navigationItems = [
-	{
-		label: "Profile",
-		key: "profile",
-		icon: User
-	},
-	{
-		label: "Theme",
-		key: "theme",
-		icon: Palette
-	},
-	{
-		label: "MySite Content",
-		key: "content",
-		icon: LayoutGrid
-	},
-	{
-		label: "Buttons",
-		key: "buttons",
-		icon: Link2
-	}
-];
-function defaultToast(message, type) {
-	fluidToast({
-		title: message,
-		type
-	});
-}
-function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSection, onBackClick }) {
-	const { data: profile, isLoading: isProfileLoading } = usePortalMySiteProfile();
-	const { data: themes = [] } = usePortalMySiteThemes();
-	const updateSettingsMutation = usePortalUpdateSettings();
-	const [previewKey, setPreviewKey] = useState(0);
-	const refreshPreview = useCallback(() => setPreviewKey((k) => k + 1), []);
-	const [selectedThemeId, setSelectedThemeId] = useState(null);
-	const resolvedThemeId = selectedThemeId ?? profile?.theme_id ?? themes.find((t) => t.name === "Default")?.id ?? themes[0]?.id ?? null;
-	const themeName = themes.find((t) => t.id === resolvedThemeId)?.name ?? "Default";
-	const mysiteUrl = profile?.mysite_url ?? "";
-	const displayUrl = mysiteUrl ? mysiteUrl.replace(/^https?:\/\//, "") : "";
-	const views = profile?.mysite_views ?? 0;
-	const leads = profile?.mysite_leads ?? 0;
-	const handleSelectTheme = useCallback((theme) => {
-		if (theme.id === resolvedThemeId) return;
-		const previousThemeId = selectedThemeId;
-		setSelectedThemeId(theme.id);
-		updateSettingsMutation.mutate({ theme_id: theme.id }, {
-			onSuccess: () => {
-				defaultToast(`Theme changed to "${theme.name}"`, "success");
-				refreshPreview();
-			},
-			onError: () => {
-				setSelectedThemeId(previousThemeId);
-				defaultToast("Failed to update theme", "error");
-			}
-		});
-	}, [
-		resolvedThemeId,
-		selectedThemeId,
-		updateSettingsMutation,
-		refreshPreview
-	]);
-	const handleUpdateSlug = useCallback(async (slug) => {
-		await new Promise((resolve, reject) => {
-			updateSettingsMutation.mutate({ slug }, {
-				onSuccess: () => resolve(),
-				onError: () => reject(/* @__PURE__ */ new Error("Failed"))
-			});
-		});
-	}, [updateSettingsMutation]);
-	const handlePreview = useCallback(() => {
-		if (mysiteUrl) window.open(`${mysiteUrl}?preview=true`, "_blank");
-	}, [mysiteUrl]);
-	const sectionLabel = useMemo(() => {
-		if (editingSection === "theme") return "Theme";
-		if (editingSection === "buttons") return "Buttons";
-		if (editingSection === "content") return "MySite Content";
-		if (editingSection === "profile") return "Profile";
-		return "";
-	}, [editingSection]);
-	if (isProfileLoading) return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "w-full px-4 2xl:w-2/3 2xl:shrink-0",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-5",
-				children: [
-					/* @__PURE__ */ jsx("div", { className: "bg-muted h-7 w-32 animate-pulse rounded-md" }),
-					/* @__PURE__ */ jsx("div", { className: "bg-muted h-20 w-full animate-pulse rounded-lg" }),
-					/* @__PURE__ */ jsx("div", { className: "bg-muted h-16 w-full animate-pulse rounded-lg" }),
-					/* @__PURE__ */ jsx("div", { className: "bg-muted h-40 w-full animate-pulse rounded-lg" })
-				]
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: "w-full shrink-0 overflow-y-hidden px-4 pt-5 2xl:w-1/3 2xl:pt-0",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "bg-muted flex h-full flex-col items-center gap-4 rounded-xl p-5",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex w-full items-center justify-between",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "space-y-1",
-						children: [/* @__PURE__ */ jsx("div", { className: "bg-background/50 h-3 w-24 animate-pulse rounded" }), /* @__PURE__ */ jsx("div", { className: "bg-background/50 h-4 w-28 animate-pulse rounded" })]
-					}), /* @__PURE__ */ jsx("div", { className: "bg-background/50 h-8 w-20 animate-pulse rounded-md" })]
-				}), /* @__PURE__ */ jsx("div", { className: "bg-background/50 h-[490px] w-[260px] animate-pulse rounded-[36px] sm:h-[600px] sm:w-[320px]" })]
-			})
-		})]
-	});
-	const contentAnimClassName = getContentClassName(animPhase);
-	const previewAnimClassName = getPreviewClassName(animPhase);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: `w-full px-4 2xl:w-2/3 2xl:shrink-0 ${contentAnimClassName}`,
-			children: /* @__PURE__ */ jsx("div", {
-				className: "flex min-w-0 flex-col gap-5 2xl:h-full 2xl:overflow-y-auto",
-				children: showEditContent && editingSection === "theme" ? /* @__PURE__ */ jsx(MySiteThemeEditor, {
-					themes,
-					selectedThemeId: resolvedThemeId,
-					onSelectTheme: handleSelectTheme,
-					isPending: updateSettingsMutation.isPending,
-					onBack: onBackClick
-				}) : showEditContent && editingSection === "buttons" ? /* @__PURE__ */ jsx(PortalButtonsEditor, {
-					onBack: onBackClick,
-					onRefreshPreview: refreshPreview,
-					onToast: defaultToast
-				}) : showEditContent && editingSection === "content" ? /* @__PURE__ */ jsx(PortalFavoritesEditor, {
-					onBack: onBackClick,
-					onRefreshPreview: refreshPreview,
-					onToast: defaultToast
-				}) : showEditContent && editingSection === "profile" ? /* @__PURE__ */ jsx(MySiteProfileForm, {
-					onBack: onBackClick,
-					onRefreshPreview: refreshPreview,
-					onToast: defaultToast
-				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ jsx("h1", {
-							className: "text-foreground text-xl font-bold",
-							children: "MySite"
-						}), animPhase !== "idle" && sectionLabel && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-							className: "text-foreground text-xl font-bold",
-							children: sectionLabel
-						})] })]
-					}),
-					/* @__PURE__ */ jsx(MySiteVisitorDetailsCard, {
-						views,
-						leads
-					}),
-					/* @__PURE__ */ jsx(MySiteLinkCard, {
-						mysiteUrl,
-						displayUrl,
-						onUpdateSlug: handleUpdateSlug,
-						onToast: defaultToast
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "border-border bg-card divide-border divide-y overflow-hidden rounded-lg border",
-						children: navigationItems.map((item) => {
-							const Icon = item.icon;
-							return /* @__PURE__ */ jsxs("button", {
-								type: "button",
-								onClick: () => onEditSection(item.key),
-								className: "group hover:bg-muted flex w-full items-center gap-2.5 px-3 py-2.5 transition-colors text-left cursor-pointer",
-								children: [
-									/* @__PURE__ */ jsx("div", {
-										className: "bg-muted text-foreground flex h-7 w-7 shrink-0 items-center justify-center rounded-full",
-										children: /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" })
-									}),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-foreground flex-1 text-sm font-medium",
-										children: item.label
-									}),
-									/* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5" })
-								]
-							}, item.label);
-						})
-					})
-				] })
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: `w-full shrink-0 overflow-y-hidden px-4 pt-5 2xl:w-1/3 2xl:pt-0 ${previewAnimClassName}`,
-			children: /* @__PURE__ */ jsx(MySitePhonePreview, {
-				mysiteUrl,
-				themeName,
-				previewKey,
-				isUpdating: updateSettingsMutation.isPending,
-				onPreview: handlePreview
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/screens/MySiteScreen/use-mysite-editing-section.ts
-function useMySiteEditingSection() {
-	const [animPhase, setAnimPhase] = useState("idle");
-	const [editingSection, setEditingSection] = useState(null);
-	const timeoutsRef = useRef([]);
-	useEffect(() => {
-		const ref = timeoutsRef;
-		return () => ref.current.forEach(clearTimeout);
-	}, []);
-	const cancelScheduled = useCallback(() => {
-		timeoutsRef.current.forEach(clearTimeout);
-		timeoutsRef.current = [];
-	}, []);
-	const schedule = useCallback((phase, delay) => {
-		const id = setTimeout(() => setAnimPhase(phase), delay);
-		timeoutsRef.current.push(id);
-	}, []);
-	return {
-		editingSection,
-		animPhase,
-		showEditContent: [
-			"slide",
-			"fade-in",
-			"editing",
-			"exit-fade-out",
-			"exit-slide"
-		].includes(animPhase),
-		handleEditSection: useCallback((section) => {
-			cancelScheduled();
-			setEditingSection(section);
-			setAnimPhase("fade-out");
-			schedule("slide", 300);
-			schedule("fade-in", 800);
-			schedule("editing", 1100);
-		}, [cancelScheduled, schedule]),
-		handleBackClick: useCallback(() => {
-			cancelScheduled();
-			setAnimPhase("exit-fade-out");
-			schedule("exit-slide", 300);
-			schedule("exit-fade-in", 800);
-			const id = setTimeout(() => {
-				setAnimPhase("idle");
-				setEditingSection(null);
-			}, 1100);
-			timeoutsRef.current.push(id);
-		}, [cancelScheduled, schedule])
-	};
-}
-//#endregion
-//#region src/screens/MySiteScreen/index.tsx
-var MySiteScreen_exports = /* @__PURE__ */ __exportAll({
-	MySiteScreen: () => MySiteScreen,
-	mySiteScreenPropertySchema: () => mySiteScreenPropertySchema
-});
-function MySiteScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const { editingSection, animPhase, showEditContent, handleEditSection, handleBackClick } = useMySiteEditingSection();
-	const sectionLabel = useMemo(() => {
-		if (editingSection === "theme") return "Theme";
-		if (editingSection === "buttons") return "Buttons";
-		if (editingSection === "content") return "MySite Content";
-		if (editingSection === "profile") return "Profile";
-		return null;
-	}, [editingSection]);
-	const handleRootCrumbClick = useCallback((e) => {
-		e.preventDefault();
-		if (editingSection !== null) handleBackClick();
-	}, [editingSection, handleBackClick]);
-	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
-		className: "text-lg",
-		children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: sectionLabel ? /* @__PURE__ */ jsx(BreadcrumbLink, {
-			href: "#",
-			onClick: handleRootCrumbClick,
-			children: "My Site"
-		}) : /* @__PURE__ */ jsx(BreadcrumbPage, {
-			className: "font-semibold",
-			children: "My Site"
-		}) }), sectionLabel && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BreadcrumbSeparator, {}), /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
-			className: "font-semibold",
-			children: sectionLabel
-		}) })] })]
-	}) }), [sectionLabel, handleRootCrumbClick]));
-	return /* @__PURE__ */ jsx("div", {
-		...divProps,
-		className: `h-full ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ jsx(MySiteMainView, {
-			editingSection,
-			animPhase,
-			showEditContent,
-			onEditSection: handleEditSection,
-			onBackClick: handleBackClick
-		})
-	});
-}
-const mySiteScreenPropertySchema = {
-	widgetType: "MySiteScreen",
-	displayName: "My Site Screen",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}],
-	fields: []
-};
-//#endregion
-export { MySiteScreen_exports as n, mySiteScreenPropertySchema as r, MySiteScreen as t };
+export { MySiteLinkCard as a, getPreviewClassName as c, MySitePhonePreview as i, PortalButtonsEditor as n, MySiteVisitorDetailsCard as o, MySiteThemeEditor as r, getContentClassName as s, PortalFavoritesEditor as t };
 
-//# sourceMappingURL=MySiteScreen-CN0ZDBgy.mjs.map
+//# sourceMappingURL=components-CjgEvBYG.mjs.map