@vezham/react 26.0.0-alpha.5 → 26.0.0-alpha.6

package/dist/lib/components/panel/footer/preferences/data.js

@@ -0,0 +1,304 @@
+import { AccountSettings } from "./user-settings/account/index.js";
+import { ContentSocialSettings } from "./user-settings/content-social/index.js";
+import { PrivacySettings } from "./user-settings/data-privacy/index.js";
+import { FamilyCenterSettings } from "./user-settings/family-center/index.js";
+import { ProfileSettings } from "./user-settings/profiles/index.js";
+//#region src/lib/components/panel/footer/preferences/data.ts
+var settingsSidebar = [
+	{
+		title: "",
+		items: [{
+			id: "profiles",
+			label: "Arya Chan",
+			component: ProfileSettings
+		}]
+	},
+	{
+		title: "USER SETTINGS",
+		items: [
+			{
+				id: "account",
+				label: "My Account",
+				icon: "vx:user",
+				component: AccountSettings
+			},
+			{
+				id: "content-social",
+				label: "Content & Social",
+				icon: "vx:share",
+				component: ContentSocialSettings
+			},
+			{
+				id: "privacy",
+				label: "Data & Privacy",
+				icon: "vx:shield-check",
+				component: PrivacySettings,
+				children: [{
+					id: "privacy-data",
+					label: "How Discord Uses Your Data"
+				}, {
+					id: "privacy-request",
+					label: "Request your Data"
+				}]
+			},
+			{
+				id: "family-center",
+				label: "Family Center",
+				icon: "vx:devices",
+				component: FamilyCenterSettings
+			},
+			{
+				id: "authorized-apps",
+				label: "Authorized Apps",
+				icon: "vx:devices"
+			},
+			{
+				id: "devices",
+				label: "Devices",
+				icon: "vx:devices"
+			},
+			{
+				id: "connections",
+				label: "Connections",
+				icon: "vx:devices"
+			},
+			{
+				id: "notifications",
+				label: "Notifications",
+				icon: "vx:devices",
+				children: [
+					{
+						id: "notifications-overview",
+						label: "Overview"
+					},
+					{
+						id: "notifications-sounds",
+						label: "Sounds"
+					},
+					{
+						id: "notifications-badges",
+						label: "Badges"
+					},
+					{
+						id: "notifications-email",
+						label: "Email"
+					},
+					{
+						id: "notifications-advanced",
+						label: "Advanced"
+					}
+				]
+			}
+		]
+	},
+	{
+		title: "BILLING SETTINGS",
+		items: [
+			{
+				id: "nitro",
+				label: "Nitro",
+				icon: "vx:star"
+			},
+			{
+				id: "server-boost",
+				label: "Server Boost",
+				icon: "vx:card"
+			},
+			{
+				id: "subscriptions",
+				label: "Subscriptions",
+				icon: "vx:card"
+			},
+			{
+				id: "gift-inventory",
+				label: "Gift Inventory",
+				icon: "vx:card"
+			},
+			{
+				id: "billing",
+				label: "Billing",
+				icon: "vx:wallet",
+				children: [{
+					id: "billing-payment-methods",
+					label: "Payment Methods"
+				}, {
+					id: "billing-transaction-history",
+					label: "Transaction History"
+				}]
+			}
+		]
+	},
+	{
+		title: "APP SETTINGS",
+		items: [
+			{
+				id: "appearance",
+				label: "Appearance",
+				icon: "vx:palette",
+				children: [
+					{
+						id: "appearance-theme",
+						label: "Theme"
+					},
+					{
+						id: "appearance-in-appicon",
+						label: "In-app Icon"
+					},
+					{
+						id: "appearance-ui-density",
+						label: "UI Density"
+					},
+					{
+						id: "appearance-message-spacing",
+						label: "Message Spacing"
+					},
+					{
+						id: "appearance-scaling",
+						label: "Scaling"
+					}
+				]
+			},
+			{
+				id: "accessibility",
+				label: "Accessibility",
+				icon: "vx:videocamera",
+				children: [
+					{
+						id: "accessibility-colors",
+						label: "Colors & Saturation"
+					},
+					{
+						id: "accessibility-profile",
+						label: "Profile Colors"
+					},
+					{
+						id: "accessibility-contrast",
+						label: "Contrast"
+					},
+					{
+						id: "accessibility-reducedmotion",
+						label: "Reduced Motion"
+					},
+					{
+						id: "accessibility-chatinput",
+						label: "Chat Input"
+					},
+					{
+						id: "accessbility-textspeech",
+						label: "Text Speech"
+					}
+				]
+			},
+			{
+				id: "voice-video",
+				label: "Voice & Video",
+				icon: "vx:videocamera",
+				children: [
+					{
+						id: "voicevideo-camera",
+						label: "Camera"
+					},
+					{
+						id: "voicevideo-streaming",
+						label: "Streaming"
+					},
+					{
+						id: "voicevideo-sounds",
+						label: "Sounds"
+					},
+					{
+						id: "voicevideo-soundboard",
+						label: "Soundboard"
+					},
+					{
+						id: "voicevideo-advanced",
+						label: "Advanced"
+					}
+				]
+			},
+			{
+				id: "chat",
+				label: "Chat",
+				icon: "vx:chat-round-dots",
+				children: [
+					{
+						id: "chat-media",
+						label: "Media"
+					},
+					{
+						id: "chat-embeds",
+						label: "Embeds and Link Previews"
+					},
+					{
+						id: "chat-emoji",
+						label: "Emoji"
+					},
+					{
+						id: "chat-stickers",
+						label: "Stickers"
+					},
+					{
+						id: "chat-textbox",
+						label: "Text box"
+					},
+					{
+						id: "chat-threads",
+						label: "Threads"
+					}
+				]
+			},
+			{
+				id: "keybinds",
+				label: "Keybinds",
+				icon: "vx:settings"
+			},
+			{
+				id: "language-time",
+				label: "Language & Time",
+				icon: "vx:settings"
+			},
+			{
+				id: "streamer-mode",
+				label: "Streamer Mode",
+				icon: "vx:settings"
+			},
+			{
+				id: "advanced",
+				label: "... Advanced",
+				icon: "vx:settings"
+			}
+		]
+	},
+	{
+		title: "ACTIVITY SETTINGS",
+		items: [{
+			id: "activity",
+			label: "Activity Privacy",
+			icon: "vx:palette",
+			children: [
+				{
+					id: "activity-sharing",
+					label: "Activity Sharing"
+				},
+				{
+					id: "activity-servers",
+					label: "Servers I Share With"
+				},
+				{
+					id: "activity-games",
+					label: "Who Can Join My Games"
+				}
+			]
+		}]
+	},
+	{
+		title: "",
+		items: [{
+			id: "logout",
+			label: "Log Out",
+			icon: "vx:palette"
+		}]
+	}
+];
+//#endregion
+export { settingsSidebar };

package/dist/lib/components/panel/footer/preferences/modal.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    open: boolean;
+    onClose: () => void;
+    defaultActiveTab?: string;
+};
+declare const UserInfoModal: ({ open, onClose, defaultActiveTab }: Props) => import("react").JSX.Element | null;
+export { UserInfoModal };
+//# sourceMappingURL=modal.d.ts.map

package/dist/lib/components/panel/footer/preferences/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/preferences/modal.tsx"],"names":[],"mappings":"AAOA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,qCAIpB,KAAK,uCASP,CAAA;AAsED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/lib/components/panel/footer/preferences/modal.js

@@ -0,0 +1,75 @@
+import { SettingsSidebar, findItemById } from "./sidebar.js";
+import { useEffect, useRef, useState } from "react";
+import { Button, Surface } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CloseCircle } from "@vezham/icons-react";
+//#region src/lib/components/panel/footer/preferences/modal.tsx
+var UserInfoModal = ({ open, onClose, defaultActiveTab = "account" }) => {
+	if (!open) return null;
+	return /* @__PURE__ */ jsx(UserInfoModalContent, {
+		defaultActiveTab,
+		onClose
+	});
+};
+var UserInfoModalContent = ({ defaultActiveTab, onClose }) => {
+	const [active, setActive] = useState(defaultActiveTab);
+	const contentRef = useRef(null);
+	useEffect(() => {
+		const container = contentRef.current;
+		if (!container) return;
+		const sections = Array.from(container.querySelectorAll("[id]"));
+		const observer = new IntersectionObserver((entries) => {
+			const visible = entries.filter((entry) => entry.isIntersecting).sort((a, b) => b.intersectionRatio - a.intersectionRatio);
+			if (visible.length > 0) {
+				const id = visible[0].target.id;
+				setActive(id);
+			}
+		}, {
+			root: container,
+			threshold: [
+				.25,
+				.5,
+				.75
+			],
+			rootMargin: "-20% 0px -60% 0px"
+		});
+		sections.forEach((section) => observer.observe(section));
+		return () => observer.disconnect();
+	}, []);
+	const Component = findItemById(active)?.component;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 z-[100] flex items-center justify-center",
+		children: [/* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Close preferences",
+			className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
+			onClick: onClose
+		}), /* @__PURE__ */ jsxs(Surface, {
+			className: "relative z-10 flex h-[500px] w-[700px] rounded-2xl p-6",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					"aria-label": "Close preferences",
+					isIconOnly: true,
+					variant: "ghost",
+					className: "absolute top-4 right-4",
+					onPress: onClose,
+					children: /* @__PURE__ */ jsx(CloseCircle, {
+						size: 22,
+						"aria-hidden": "true"
+					})
+				}),
+				/* @__PURE__ */ jsx(SettingsSidebar, {
+					active,
+					onSelect: setActive
+				}),
+				/* @__PURE__ */ jsx("div", {
+					ref: contentRef,
+					className: "flex-1 overflow-auto p-6",
+					children: Component ? /* @__PURE__ */ jsx(Component, {}) : /* @__PURE__ */ jsx("div", { children: "Select a setting" })
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { UserInfoModal };

package/dist/lib/components/panel/footer/preferences/sidebar.d.ts

@@ -0,0 +1,9 @@
+import { SidebarItem } from './data';
+type Props = {
+    active: string;
+    onSelect: (id: string) => void;
+};
+declare const SettingsSidebar: ({ active, onSelect }: Props) => import("react").JSX.Element;
+declare const findItemById: (id: string) => SidebarItem | undefined;
+export { SettingsSidebar, findItemById };
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/lib/components/panel/footer/preferences/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/preferences/sidebar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAmB,MAAM,QAAQ,CAAA;AAErD,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,sBAAsB,KAAK,gCAuInD,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,IAAI,MAAM,4BAY/B,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/lib/components/panel/footer/preferences/sidebar.js

@@ -0,0 +1,105 @@
+"use client";
+import { AppIcon } from "../../../app-icon/index.js";
+import { useUser } from "../../../../store/users/useUserStore.js";
+import { settingsSidebar } from "./data.js";
+import { useState } from "react";
+import { Button, ScrollShadow } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/components/panel/footer/preferences/sidebar.tsx
+var SettingsSidebar = ({ active, onSelect }) => {
+	const [openGroups, setOpenGroups] = useState([]);
+	const { user } = useUser();
+	const names = user ? `${user.firstName} ${user.lastName}` : "Guest";
+	const avatar = user?.avatar;
+	const toggleGroup = (id) => {
+		setOpenGroups((prev) => prev.includes(id) ? prev.filter((i) => i !== id) : [...prev, id]);
+	};
+	const renderItem = (item, level = 0) => {
+		const hasChildren = item.children?.length;
+		const isOpen = openGroups.includes(item.id) || Boolean(item.children?.some((child) => child.id === active));
+		const isChildActive = item.children?.some((c) => c.id === active) || active.startsWith(item.id);
+		if (item.id === "profiles") {
+			const initials = names.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase();
+			return /* @__PURE__ */ jsx("div", {
+				className: "px-2",
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => onSelect(item.id),
+					className: `flex w-full items-center gap-4 rounded-xl p-2 px-2 ${active === item.id ? "bg-default-100" : "hover:bg-default-50"}`,
+					children: [avatar ? /* @__PURE__ */ jsx("img", {
+						alt: names,
+						src: avatar,
+						className: "h-10 w-10 rounded-full object-cover"
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "flex h-10 w-10 items-center justify-center rounded-full bg-red-500 font-bold text-white",
+						children: initials
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-start",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium",
+							children: names
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-default-500 text-xs",
+							children: "Edit Profile"
+						})]
+					})]
+				})
+			}, item.id);
+		}
+		return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			onPress: () => {
+				if (hasChildren) toggleGroup(item.id);
+				onSelect(item.id);
+				document.getElementById(item.id)?.scrollIntoView({
+					behavior: "smooth",
+					block: "start"
+				});
+			},
+			className: `flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm ${active === item.id || isChildActive ? "bg-default-100 font-medium" : "hover:bg-default-50"}`,
+			style: { paddingLeft: 12 + level * 16 },
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [item.icon && /* @__PURE__ */ jsx(AppIcon, {
+					icon: item.icon,
+					size: 18,
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ jsx("span", {
+					className: `${active === item.id ? "text-foreground font-medium" : isChildActive ? "text-foreground" : level > 0 ? "text-default-400" : "text-default-600"}`,
+					children: item.label
+				})]
+			}), hasChildren && /* @__PURE__ */ jsx(AppIcon, {
+				icon: isOpen ? "vx:chevron-down" : "vx:chevron-right",
+				size: 16,
+				"aria-hidden": "true"
+			})]
+		}), hasChildren && isOpen && /* @__PURE__ */ jsx("div", {
+			className: "mt-1 space-y-1",
+			children: item.children?.map((child) => renderItem(child, level + 1))
+		})] }, item.id);
+	};
+	return /* @__PURE__ */ jsx(ScrollShadow, {
+		className: "w-[240px] pr-2",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "space-y-6",
+			children: settingsSidebar.map((section) => /* @__PURE__ */ jsxs("div", { children: [section.title && /* @__PURE__ */ jsx("p", {
+				className: "text-default-500 mb-2 px-3 text-xs font-semibold",
+				children: section.title
+			}), /* @__PURE__ */ jsx("div", {
+				className: "space-y-1",
+				children: section.items.map((item) => renderItem(item))
+			})] }, section.title))
+		})
+	});
+};
+var findItemById = (id) => {
+	for (const section of settingsSidebar) for (const item of section.items) {
+		if (item.id === id) return item;
+		if (item.children) {
+			const found = item.children.find((c) => c.id === id);
+			if (found) return found;
+		}
+	}
+};
+//#endregion
+export { SettingsSidebar, findItemById };

package/dist/lib/components/panel/footer/preferences/user-settings/account/index.d.ts

@@ -0,0 +1,3 @@
+declare const AccountSettings: () => import("react").JSX.Element;
+export { AccountSettings };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/preferences/user-settings/account/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/lib/components/panel/footer/preferences/user-settings/account/index.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,mCAkBpB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/lib/components/panel/footer/preferences/user-settings/account/index.js

@@ -0,0 +1,16 @@
+import { CustomTabs } from "../../../tabs.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/components/panel/footer/preferences/user-settings/account/index.tsx
+var AccountSettings = () => {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CustomTabs, { tabs: [{
+		id: "security",
+		label: "Security",
+		content: /* @__PURE__ */ jsx("p", { children: "View your project overview and recent activity." })
+	}, {
+		id: "standing",
+		label: "Standing",
+		content: /* @__PURE__ */ jsx("p", { children: "Track your metrics and analyze performance data." })
+	}] }) });
+};
+//#endregion
+export { AccountSettings };

package/dist/lib/components/panel/footer/preferences/user-settings/content-social/index.d.ts

@@ -0,0 +1,3 @@
+declare const ContentSocialSettings: () => import("react").JSX.Element;
+export { ContentSocialSettings };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/preferences/user-settings/content-social/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/lib/components/panel/footer/preferences/user-settings/content-social/index.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB,mCAmB1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/lib/components/panel/footer/preferences/user-settings/content-social/index.js

@@ -0,0 +1,16 @@
+import { CustomTabs } from "../../../tabs.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/components/panel/footer/preferences/user-settings/content-social/index.tsx
+var ContentSocialSettings = () => {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CustomTabs, { tabs: [{
+		id: "discord",
+		label: "Discord",
+		content: /* @__PURE__ */ jsx("p", { children: "View your project overview and recent activity." })
+	}, {
+		id: "games",
+		label: "Connected Games",
+		content: /* @__PURE__ */ jsx("p", { children: "Track your metrics and analyze performance data." })
+	}] }) });
+};
+//#endregion
+export { ContentSocialSettings };

package/dist/lib/components/panel/footer/preferences/user-settings/data-privacy/index.d.ts

@@ -0,0 +1,3 @@
+declare const PrivacySettings: () => import("react").JSX.Element;
+export { PrivacySettings };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/preferences/user-settings/data-privacy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/lib/components/panel/footer/preferences/user-settings/data-privacy/index.tsx"],"names":[],"mappings":"AA+BA,QAAA,MAAM,eAAe,mCAqDpB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/lib/components/panel/footer/preferences/user-settings/data-privacy/index.js

@@ -0,0 +1,101 @@
+"use client";
+import { Switch } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/components/panel/footer/preferences/user-settings/data-privacy/index.tsx
+var items = [
+	{
+		title: "Use data to improve Discord",
+		desc: "Allows us to use and process your information to understand and improve our services."
+	},
+	{
+		title: "Use my Discord activity to personalize Sponsored Content",
+		desc: "Allows us to personalize Sponsored Content like Quests using your activity."
+	},
+	{
+		title: "Use third-party data to personalize Sponsored Content",
+		desc: "Allows us to personalize Sponsored Content using third-party data."
+	},
+	{
+		title: "Use data to personalize my Discord experience",
+		desc: "Allows us to use info like who you talk to and what you play."
+	},
+	{
+		title: "Allow my voice to be recorded in Clips",
+		desc: "Your voice may be included when someone uses Clips."
+	},
+	{
+		title: "Use data to make Discord work",
+		desc: "We need to process some data to provide core features."
+	}
+];
+var PrivacySettings = () => {
+	return /* @__PURE__ */ jsxs("div", {
+		id: "privacy",
+		className: "space-y-10",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				id: "privacy-data",
+				className: "space-y-6",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-2xl font-semibold",
+					children: "How Discord Uses Your Data"
+				}), items.map((item) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-6",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+						className: "font-medium",
+						children: item.title
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "text-default-500 mt-1 text-sm",
+						children: [
+							item.desc,
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: "text-primary cursor-pointer",
+								children: "Learn more"
+							})
+						]
+					})] }), /* @__PURE__ */ jsx(Switch, {
+						defaultSelected: true,
+						"aria-label": item.title,
+						children: /* @__PURE__ */ jsx(Switch.Content, { children: /* @__PURE__ */ jsx(Switch.Control, { children: /* @__PURE__ */ jsx(Switch.Thumb, {}) }) })
+					})]
+				}, item.title))]
+			}),
+			/* @__PURE__ */ jsx("div", { className: "border-default-100 border-t" }),
+			/* @__PURE__ */ jsxs("div", {
+				id: "privacy-request",
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ jsx("h1", {
+						className: "text-2xl font-semibold",
+						children: "Request Your Data"
+					}),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+						className: "font-medium",
+						children: "Request all of my data"
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "text-default-500 text-sm",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "text-primary cursor-pointer",
+								children: "Learn more"
+							}),
+							" ",
+							"about how getting a copy of your personal data works"
+						]
+					})] }),
+					/* @__PURE__ */ jsx("div", {
+						className: "border-default-200 text-default-500 rounded-xl border p-4 text-sm",
+						children: "Your account must be verified with an email address to request data. You can verify your account in the My Account section"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						className: "bg-primary rounded-lg px-4 py-2 text-white",
+						children: "Request Data"
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { PrivacySettings };

package/dist/lib/components/panel/footer/preferences/user-settings/family-center/index.d.ts

@@ -0,0 +1,3 @@
+declare const FamilyCenterSettings: () => import("react").JSX.Element;
+export { FamilyCenterSettings };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/preferences/user-settings/family-center/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/lib/components/panel/footer/preferences/user-settings/family-center/index.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,oBAAoB,mCAwBzB,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}