@fumadocs/base-ui 16.4.0 → 16.4.2

package/dist/layouts/home/client.js

@@ -1,138 +1,285 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, Fragment, use, useEffect, useEffectEvent, useMemo, useState, } from 'react';
-import { cva } from 'class-variance-authority';
-import Link from 'fumadocs-core/link';
-import { cn } from '@fumadocs/ui/cn';
-import { renderTitleNav, resolveLinkItems, } from '../../layouts/shared/index.js';
-import { LinkItem } from '@fumadocs/ui/link-item';
-import { NavigationMenuRoot, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, } from '../../components/ui/navigation-menu.js';
-import { buttonVariants } from '../../components/ui/button.js';
-import { LargeSearchToggle, SearchToggle, } from '../../layouts/shared/search-toggle.js';
-import { ThemeToggle } from '../../layouts/shared/theme-toggle.js';
-import { LanguageToggle, LanguageToggleText, } from '../../layouts/shared/language-toggle.js';
-import { ChevronDown, Languages } from '@fumadocs/ui/icons';
-import { useIsScrollTop } from '@fumadocs/ui/hooks/use-is-scroll-top';
-import { NavigationMenu } from '@base-ui/react';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../components/ui/collapsible.js';
+
+import { buttonVariants } from "../../components/ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/ui/collapsible.js";
+import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger } from "../../components/ui/navigation-menu.js";
+import { LargeSearchToggle, SearchToggle } from "../shared/search-toggle.js";
+import { renderTitleNav, resolveLinkItems } from "../shared/index.js";
+import { LanguageToggle, LanguageToggleText } from "../shared/language-toggle.js";
+import { ThemeToggle } from "../shared/theme-toggle.js";
+import Link from "fumadocs-core/link";
+import { cn } from "@fumadocs/ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, Languages } from "lucide-react";
+import { Fragment as Fragment$1, createContext, use, useEffect, useEffectEvent, useMemo, useState } from "react";
+import { cva } from "class-variance-authority";
+import { useIsScrollTop } from "@fumadocs/ui/hooks/use-is-scroll-top";
+import { LinkItem } from "@fumadocs/ui/link-item";
+import { NavigationMenu } from "@base-ui/react";
+
+//#region src/layouts/home/client.tsx
 const MobileMenuContext = createContext(null);
-export const navItemVariants = cva('[&_svg]:size-4', {
-    variants: {
-        variant: {
-            main: 'inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary data-[popup-open]:text-fd-primary',
-            button: buttonVariants({
-                color: 'secondary',
-                className: 'gap-1.5',
-            }),
-            icon: buttonVariants({
-                color: 'ghost',
-                size: 'icon',
-            }),
-        },
-    },
-    defaultVariants: {
-        variant: 'main',
-    },
+const navItemVariants = cva("[&_svg]:size-4", {
+	variants: { variant: {
+		main: "inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary data-[popup-open]:text-fd-primary",
+		button: buttonVariants({
+			color: "secondary",
+			className: "gap-1.5"
+		}),
+		icon: buttonVariants({
+			color: "ghost",
+			size: "icon"
+		})
+	} },
+	defaultVariants: { variant: "main" }
 });
-export function Header({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, searchToggle = {}, }) {
-    const { navItems, menuItems } = useMemo(() => {
-        const navItems = [];
-        const menuItems = [];
-        for (const item of resolveLinkItems({ links, githubUrl })) {
-            switch (item.on ?? 'all') {
-                case 'menu':
-                    menuItems.push(item);
-                    break;
-                case 'nav':
-                    navItems.push(item);
-                    break;
-                default:
-                    navItems.push(item);
-                    menuItems.push(item);
-            }
-        }
-        return { navItems, menuItems };
-    }, [links, githubUrl]);
-    return (_jsx(MobileMenuCollapsible, { render: (_, s) => (_jsxs(HeaderRoot, { transparentMode: nav.transparentMode, className: cn(s.open && 'shadow-lg rounded-b-2xl'), children: [_jsxs(NavigationMenuList, { className: "flex h-14 w-full items-center px-4", children: [renderTitleNav(nav, {
-                            className: 'inline-flex items-center gap-2.5 font-semibold',
-                        }), nav.children, _jsx("ul", { className: "flex flex-row items-center gap-2 px-6 max-sm:hidden", children: navItems
-                                .filter((item) => !isSecondary(item))
-                                .map((item, i) => (_jsx(NavigationMenuLinkItem, { item: item, className: "text-sm" }, i))) }), _jsxs("div", { className: "flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden", children: [searchToggle.enabled !== false &&
-                                    (searchToggle.components?.lg ?? (_jsx(LargeSearchToggle, { className: "w-full rounded-full ps-2.5 max-w-[240px]", hideIfDisabled: true }))), themeSwitch.enabled !== false &&
-                                    (themeSwitch.component ?? (_jsx(ThemeToggle, { mode: themeSwitch?.mode }))), i18n && (_jsx(LanguageToggle, { children: _jsx(Languages, { className: "size-5" }) })), _jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: navItems.filter(isSecondary).map((item, i) => (_jsx(NavigationMenuLinkItem, { className: cn(item.type === 'icon' && '-mx-1 first:ms-0 last:me-0'), item: item }, i))) })] }), _jsxs("ul", { className: "flex flex-row items-center ms-auto -me-1.5 lg:hidden", children: [searchToggle.enabled !== false &&
-                                    (searchToggle.components?.sm ?? (_jsx(SearchToggle, { className: "p-2", hideIfDisabled: true }))), _jsx(CollapsibleTrigger, { "aria-label": "Toggle Menu", className: cn(buttonVariants({
-                                        size: 'icon',
-                                        color: 'ghost',
-                                        className: 'group [&_svg]:size-5.5',
-                                    })), children: _jsx(ChevronDown, { className: "transition-transform duration-300 group-data-[panel-open]:rotate-180" }) })] })] }), _jsxs(CollapsibleContent, { className: "flex flex-col px-4", children: [menuItems
-                            .filter((item) => !isSecondary(item))
-                            .map((item, i) => (_jsx(MobileMenuLinkItem, { item: item, className: "first:mt-4 sm:hidden" }, i))), _jsxs("div", { className: "-ms-1.5 flex flex-row pt-2 pb-4 items-center justify-end gap-2", children: [menuItems.filter(isSecondary).map((item, i) => (_jsx(MobileMenuLinkItem, { item: item, className: cn(item.type === 'icon' && '-mx-1 first:ms-0') }, i))), _jsx("div", { role: "separator", className: "flex-1 sm:hidden" }), i18n && (_jsxs(LanguageToggle, { children: [_jsx(Languages, { className: "size-5" }), _jsx(LanguageToggleText, {}), _jsx(ChevronDown, { className: "size-3 text-fd-muted-foreground" })] })), themeSwitch.enabled !== false &&
-                                    (themeSwitch.component ?? (_jsx(ThemeToggle, { mode: themeSwitch?.mode })))] })] }), _jsx(NavigationMenu.Portal, { children: _jsx(NavigationMenu.Positioner, { sideOffset: 10, className: "z-20 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[left,right] duration-(--duration) ease-(--easing) data-[instant]:transition-none", style: {
-                            ['--duration']: '0.35s',
-                            ['--easing']: 'cubic-bezier(0.22, 1, 0.36, 1)',
-                        }, children: _jsx(NavigationMenu.Popup, { className: "relative w-(--popup-width) h-(--popup-height) max-w-(--fd-layout-width,1400px) origin-(--transform-origin) rounded-xl bg-fd-background/80  border backdrop-blur-lg shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0", children: _jsx(NavigationMenu.Viewport, { className: "relative size-full overflow-hidden" }) }) }) })] })) }));
+function Header({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, searchToggle = {} }) {
+	const { navItems, menuItems } = useMemo(() => {
+		const navItems$1 = [];
+		const menuItems$1 = [];
+		for (const item of resolveLinkItems({
+			links,
+			githubUrl
+		})) switch (item.on ?? "all") {
+			case "menu":
+				menuItems$1.push(item);
+				break;
+			case "nav":
+				navItems$1.push(item);
+				break;
+			default:
+				navItems$1.push(item);
+				menuItems$1.push(item);
+		}
+		return {
+			navItems: navItems$1,
+			menuItems: menuItems$1
+		};
+	}, [links, githubUrl]);
+	return /* @__PURE__ */ jsx(MobileMenuCollapsible, { render: (_, s) => /* @__PURE__ */ jsxs(HeaderRoot, {
+		transparentMode: nav.transparentMode,
+		className: cn(s.open && "shadow-lg rounded-b-2xl"),
+		children: [
+			/* @__PURE__ */ jsxs(NavigationMenuList, {
+				className: "flex h-14 w-full items-center px-4",
+				children: [
+					renderTitleNav(nav, { className: "inline-flex items-center gap-2.5 font-semibold" }),
+					nav.children,
+					/* @__PURE__ */ jsx("ul", {
+						className: "flex flex-row items-center gap-2 px-6 max-sm:hidden",
+						children: navItems.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx(NavigationMenuLinkItem, {
+							item,
+							className: "text-sm"
+						}, i))
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden",
+						children: [
+							searchToggle.enabled !== false && (searchToggle.components?.lg ?? /* @__PURE__ */ jsx(LargeSearchToggle, {
+								className: "w-full rounded-full ps-2.5 max-w-[240px]",
+								hideIfDisabled: true
+							})),
+							themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, { mode: themeSwitch?.mode })),
+							i18n && /* @__PURE__ */ jsx(LanguageToggle, { children: /* @__PURE__ */ jsx(Languages, { className: "size-5" }) }),
+							/* @__PURE__ */ jsx("ul", {
+								className: "flex flex-row gap-2 items-center empty:hidden",
+								children: navItems.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx(NavigationMenuLinkItem, {
+									className: cn(item.type === "icon" && "-mx-1 first:ms-0 last:me-0"),
+									item
+								}, i))
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "flex flex-row items-center ms-auto -me-1.5 lg:hidden",
+						children: [searchToggle.enabled !== false && (searchToggle.components?.sm ?? /* @__PURE__ */ jsx(SearchToggle, {
+							className: "p-2",
+							hideIfDisabled: true
+						})), /* @__PURE__ */ jsx(CollapsibleTrigger, {
+							"aria-label": "Toggle Menu",
+							className: cn(buttonVariants({
+								size: "icon",
+								color: "ghost",
+								className: "group [&_svg]:size-5.5"
+							})),
+							children: /* @__PURE__ */ jsx(ChevronDown, { className: "transition-transform duration-300 group-data-[panel-open]:rotate-180" })
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(CollapsibleContent, {
+				className: "flex flex-col px-4",
+				children: [menuItems.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx(MobileMenuLinkItem, {
+					item,
+					className: "first:mt-4 sm:hidden"
+				}, i)), /* @__PURE__ */ jsxs("div", {
+					className: "-ms-1.5 flex flex-row pt-2 pb-4 items-center justify-end gap-2",
+					children: [
+						menuItems.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx(MobileMenuLinkItem, {
+							item,
+							className: cn(item.type === "icon" && "-mx-1 first:ms-0")
+						}, i)),
+						/* @__PURE__ */ jsx("div", {
+							role: "separator",
+							className: "flex-1 sm:hidden"
+						}),
+						i18n && /* @__PURE__ */ jsxs(LanguageToggle, { children: [
+							/* @__PURE__ */ jsx(Languages, { className: "size-5" }),
+							/* @__PURE__ */ jsx(LanguageToggleText, {}),
+							/* @__PURE__ */ jsx(ChevronDown, { className: "size-3 text-fd-muted-foreground" })
+						] }),
+						themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, { mode: themeSwitch?.mode }))
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx(NavigationMenu.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
+				sideOffset: 10,
+				className: "z-20 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[left,right] duration-(--duration) ease-(--easing) data-[instant]:transition-none",
+				style: {
+					["--duration"]: "0.35s",
+					["--easing"]: "cubic-bezier(0.22, 1, 0.36, 1)"
+				},
+				children: /* @__PURE__ */ jsx(NavigationMenu.Popup, {
+					className: "relative w-(--popup-width) h-(--popup-height) max-w-(--fd-layout-width,1400px) origin-(--transform-origin) rounded-xl bg-fd-background/80  border backdrop-blur-lg shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0",
+					children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: "relative size-full overflow-hidden" })
+				})
+			}) })
+		]
+	}) });
 }
 function MobileMenuCollapsible(props) {
-    const [open, setOpen] = useState(false);
-    const onClick = useEffectEvent((e) => {
-        if (!open)
-            return;
-        const header = document.getElementById('nd-nav');
-        if (header && !header.contains(e.target))
-            setOpen(false);
-    });
-    useEffect(() => {
-        window.addEventListener('click', onClick);
-        return () => {
-            window.removeEventListener('click', onClick);
-        };
-    }, []);
-    return (_jsx(MobileMenuContext, { value: useMemo(() => ({
-            open,
-            setOpen,
-        }), [open]), children: _jsx(Collapsible, { open: open, onOpenChange: setOpen, ...props }) }));
+	const [open, setOpen] = useState(false);
+	const onClick = useEffectEvent((e) => {
+		if (!open) return;
+		const header = document.getElementById("nd-nav");
+		if (header && !header.contains(e.target)) setOpen(false);
+	});
+	useEffect(() => {
+		window.addEventListener("click", onClick);
+		return () => {
+			window.removeEventListener("click", onClick);
+		};
+	}, []);
+	return /* @__PURE__ */ jsx(MobileMenuContext, {
+		value: useMemo(() => ({
+			open,
+			setOpen
+		}), [open]),
+		children: /* @__PURE__ */ jsx(Collapsible, {
+			open,
+			onOpenChange: setOpen,
+			...props
+		})
+	});
 }
 function isSecondary(item) {
-    if ('secondary' in item && item.secondary != null)
-        return item.secondary;
-    return item.type === 'icon';
+	if ("secondary" in item && item.secondary != null) return item.secondary;
+	return item.type === "icon";
 }
-function HeaderRoot({ transparentMode = 'none', children, className, ...props }) {
-    const isTop = useIsScrollTop({ enabled: transparentMode === 'top' }) ?? true;
-    const isTransparent = transparentMode === 'top' ? isTop : transparentMode === 'always';
-    return (_jsx("header", { id: "nd-nav", className: "sticky h-14 top-0 z-40", children: _jsx(NavigationMenuRoot, { render: (_, s) => (_jsx("nav", { className: cn('w-full backdrop-blur-lg border-b transition-colors mx-auto max-w-(--fd-layout-width)', (!isTransparent || s.open) && 'bg-fd-background/80', className), ...props, children: children })) }) }));
+function HeaderRoot({ transparentMode = "none", children, className, ...props }) {
+	const isTop = useIsScrollTop({ enabled: transparentMode === "top" }) ?? true;
+	const isTransparent = transparentMode === "top" ? isTop : transparentMode === "always";
+	return /* @__PURE__ */ jsx("header", {
+		id: "nd-nav",
+		className: "sticky h-14 top-0 z-40",
+		children: /* @__PURE__ */ jsx(NavigationMenuRoot, { render: (_, s) => /* @__PURE__ */ jsx("nav", {
+			className: cn("w-full backdrop-blur-lg border-b transition-colors mx-auto max-w-(--fd-layout-width)", (!isTransparent || s.open) && "bg-fd-background/80", className),
+			...props,
+			children
+		}) })
+	});
 }
 function NavigationMenuLinkItem({ item, ...props }) {
-    if (item.type === 'custom')
-        return _jsx("div", { ...props, children: item.children });
-    if (item.type === 'menu') {
-        const children = item.items.map((child, j) => {
-            if (child.type === 'custom') {
-                return _jsx(Fragment, { children: child.children }, j);
-            }
-            const { banner = child.icon ? (_jsx("div", { className: "w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4", children: child.icon })) : null, ...rest } = child.menu ?? {};
-            return (_jsx(NavigationMenuLink, { render: _jsx(Link, { href: child.url, external: child.external, ...rest, className: cn('flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground', rest.className), children: rest.children ?? (_jsxs(_Fragment, { children: [banner, _jsx("p", { className: "text-base font-medium", children: child.text }), _jsx("p", { className: "text-sm text-fd-muted-foreground empty:hidden", children: child.description })] })) }) }, `${j}-${child.url}`));
-        });
-        return (_jsxs(NavigationMenuItem, { ...props, children: [_jsx(NavigationMenuTrigger, { className: cn(navItemVariants(), 'rounded-md'), children: item.url ? (_jsx(Link, { href: item.url, external: item.external, children: item.text })) : (item.text) }), _jsx(NavigationMenuContent, { className: "grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3", children: children })] }));
-    }
-    return (_jsx(NavigationMenuItem, { ...props, children: _jsx(NavigationMenuLink, { render: _jsx(LinkItem, { item: item, "aria-label": item.type === 'icon' ? item.label : undefined, className: cn(navItemVariants({ variant: item.type })), children: item.type === 'icon' ? item.icon : item.text }) }) }));
+	if (item.type === "custom") return /* @__PURE__ */ jsx("div", {
+		...props,
+		children: item.children
+	});
+	if (item.type === "menu") {
+		const children = item.items.map((child, j) => {
+			if (child.type === "custom") return /* @__PURE__ */ jsx(Fragment$1, { children: child.children }, j);
+			const { banner = child.icon ? /* @__PURE__ */ jsx("div", {
+				className: "w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4",
+				children: child.icon
+			}) : null, ...rest } = child.menu ?? {};
+			return /* @__PURE__ */ jsx(NavigationMenuLink, { render: /* @__PURE__ */ jsx(Link, {
+				href: child.url,
+				external: child.external,
+				...rest,
+				className: cn("flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground", rest.className),
+				children: rest.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+					banner,
+					/* @__PURE__ */ jsx("p", {
+						className: "text-base font-medium",
+						children: child.text
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-fd-muted-foreground empty:hidden",
+						children: child.description
+					})
+				] })
+			}) }, `${j}-${child.url}`);
+		});
+		return /* @__PURE__ */ jsxs(NavigationMenuItem, {
+			...props,
+			children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, {
+				className: cn(navItemVariants(), "rounded-md"),
+				children: item.url ? /* @__PURE__ */ jsx(Link, {
+					href: item.url,
+					external: item.external,
+					children: item.text
+				}) : item.text
+			}), /* @__PURE__ */ jsx(NavigationMenuContent, {
+				className: "grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3",
+				children
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsx(NavigationMenuItem, {
+		...props,
+		children: /* @__PURE__ */ jsx(NavigationMenuLink, { render: /* @__PURE__ */ jsx(LinkItem, {
+			item,
+			"aria-label": item.type === "icon" ? item.label : void 0,
+			className: cn(navItemVariants({ variant: item.type })),
+			children: item.type === "icon" ? item.icon : item.text
+		}) })
+	});
 }
-function MobileMenuLinkItem({ item, className, }) {
-    if (item.type === 'custom')
-        return _jsx("div", { className: cn('grid', className), children: item.children });
-    const { setOpen } = use(MobileMenuContext);
-    if (item.type === 'menu') {
-        const header = (_jsxs(_Fragment, { children: [item.icon, item.text] }));
-        return (_jsxs("div", { className: cn('mb-4 flex flex-col', className), children: [_jsx("p", { className: "mb-1 text-sm text-fd-muted-foreground", children: item.url ? (_jsx(Link, { href: item.url, external: item.external, onClick: () => setOpen(false), children: header })) : (header) }), item.items.map((child, i) => (_jsx(MobileMenuLinkItem, { item: child }, i)))] }));
-    }
-    return (_jsxs(LinkItem, { item: item, className: cn((!item.type || item.type === 'main') &&
-            'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4', item.type === 'icon' &&
-            buttonVariants({
-                size: 'icon',
-                color: 'ghost',
-            }), item.type === 'button' &&
-            buttonVariants({
-                color: 'secondary',
-                className: 'gap-1.5 [&_svg]:size-4',
-            }), className), "aria-label": item.type === 'icon' ? item.label : undefined, onClick: () => setOpen(false), children: [item.icon, item.type !== 'icon' && item.text] }));
+function MobileMenuLinkItem({ item, className }) {
+	if (item.type === "custom") return /* @__PURE__ */ jsx("div", {
+		className: cn("grid", className),
+		children: item.children
+	});
+	const { setOpen } = use(MobileMenuContext);
+	if (item.type === "menu") {
+		const header = /* @__PURE__ */ jsxs(Fragment, { children: [item.icon, item.text] });
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("mb-4 flex flex-col", className),
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "mb-1 text-sm text-fd-muted-foreground",
+				children: item.url ? /* @__PURE__ */ jsx(Link, {
+					href: item.url,
+					external: item.external,
+					onClick: () => setOpen(false),
+					children: header
+				}) : header
+			}), item.items.map((child, i) => /* @__PURE__ */ jsx(MobileMenuLinkItem, { item: child }, i))]
+		});
+	}
+	return /* @__PURE__ */ jsxs(LinkItem, {
+		item,
+		className: cn((!item.type || item.type === "main") && "inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4", item.type === "icon" && buttonVariants({
+			size: "icon",
+			color: "ghost"
+		}), item.type === "button" && buttonVariants({
+			color: "secondary",
+			className: "gap-1.5 [&_svg]:size-4"
+		}), className),
+		"aria-label": item.type === "icon" ? item.label : void 0,
+		onClick: () => setOpen(false),
+		children: [item.icon, item.type !== "icon" && item.text]
+	});
 }
+
+//#endregion
+export { Header, navItemVariants };
+//# sourceMappingURL=client.js.map

package/dist/layouts/home/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":["navItems: LinkItemType[]","menuItems: LinkItemType[]","Fragment"],"sources":["../../../src/layouts/home/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  use,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport Link from 'fumadocs-core/link';\nimport { cn } from '@fumadocs/ui/cn';\nimport {\n  type LinkItemType,\n  type NavOptions,\n  renderTitleNav,\n  resolveLinkItems,\n} from '@/layouts/shared';\nimport { LinkItem } from '@fumadocs/ui/link-item';\nimport {\n  NavigationMenuRoot,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n} from '@/components/ui/navigation-menu';\nimport { buttonVariants } from '@/components/ui/button';\nimport type { HomeLayoutProps } from '.';\nimport { LargeSearchToggle, SearchToggle } from '@/layouts/shared/search-toggle';\nimport { ThemeToggle } from '@/layouts/shared/theme-toggle';\nimport { LanguageToggle, LanguageToggleText } from '@/layouts/shared/language-toggle';\nimport { ChevronDown, Languages } from 'lucide-react';\nimport { useIsScrollTop } from '@fumadocs/ui/hooks/use-is-scroll-top';\nimport { NavigationMenu } from '@base-ui/react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\n\nconst MobileMenuContext = createContext<{\n  open: boolean;\n  setOpen: (open: boolean) => void;\n} | null>(null);\n\nexport const navItemVariants = cva('[&_svg]:size-4', {\n  variants: {\n    variant: {\n      main: 'inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary data-[popup-open]:text-fd-primary',\n      button: buttonVariants({\n        color: 'secondary',\n        className: 'gap-1.5',\n      }),\n      icon: buttonVariants({\n        color: 'ghost',\n        size: 'icon',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'main',\n  },\n});\n\nexport function Header({\n  nav = {},\n  i18n = false,\n  links,\n  githubUrl,\n  themeSwitch = {},\n  searchToggle = {},\n}: HomeLayoutProps) {\n  const { navItems, menuItems } = useMemo(() => {\n    const navItems: LinkItemType[] = [];\n    const menuItems: LinkItemType[] = [];\n\n    for (const item of resolveLinkItems({ links, githubUrl })) {\n      switch (item.on ?? 'all') {\n        case 'menu':\n          menuItems.push(item);\n          break;\n        case 'nav':\n          navItems.push(item);\n          break;\n        default:\n          navItems.push(item);\n          menuItems.push(item);\n      }\n    }\n\n    return { navItems, menuItems };\n  }, [links, githubUrl]);\n\n  return (\n    <MobileMenuCollapsible\n      render={(_, s) => (\n        <HeaderRoot\n          transparentMode={nav.transparentMode}\n          className={cn(s.open && 'shadow-lg rounded-b-2xl')}\n        >\n          <NavigationMenuList className=\"flex h-14 w-full items-center px-4\">\n            {renderTitleNav(nav, {\n              className: 'inline-flex items-center gap-2.5 font-semibold',\n            })}\n            {nav.children}\n            <ul className=\"flex flex-row items-center gap-2 px-6 max-sm:hidden\">\n              {navItems\n                .filter((item) => !isSecondary(item))\n                .map((item, i) => (\n                  <NavigationMenuLinkItem key={i} item={item} className=\"text-sm\" />\n                ))}\n            </ul>\n            <div className=\"flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden\">\n              {searchToggle.enabled !== false &&\n                (searchToggle.components?.lg ?? (\n                  <LargeSearchToggle\n                    className=\"w-full rounded-full ps-2.5 max-w-[240px]\"\n                    hideIfDisabled\n                  />\n                ))}\n              {themeSwitch.enabled !== false &&\n                (themeSwitch.component ?? <ThemeToggle mode={themeSwitch?.mode} />)}\n              {i18n && (\n                <LanguageToggle>\n                  <Languages className=\"size-5\" />\n                </LanguageToggle>\n              )}\n              <ul className=\"flex flex-row gap-2 items-center empty:hidden\">\n                {navItems.filter(isSecondary).map((item, i) => (\n                  <NavigationMenuLinkItem\n                    key={i}\n                    className={cn(item.type === 'icon' && '-mx-1 first:ms-0 last:me-0')}\n                    item={item}\n                  />\n                ))}\n              </ul>\n            </div>\n            <ul className=\"flex flex-row items-center ms-auto -me-1.5 lg:hidden\">\n              {searchToggle.enabled !== false &&\n                (searchToggle.components?.sm ?? <SearchToggle className=\"p-2\" hideIfDisabled />)}\n              <CollapsibleTrigger\n                aria-label=\"Toggle Menu\"\n                className={cn(\n                  buttonVariants({\n                    size: 'icon',\n                    color: 'ghost',\n                    className: 'group [&_svg]:size-5.5',\n                  }),\n                )}\n              >\n                <ChevronDown className=\"transition-transform duration-300 group-data-[panel-open]:rotate-180\" />\n              </CollapsibleTrigger>\n            </ul>\n          </NavigationMenuList>\n          <CollapsibleContent className=\"flex flex-col px-4\">\n            {menuItems\n              .filter((item) => !isSecondary(item))\n              .map((item, i) => (\n                <MobileMenuLinkItem key={i} item={item} className=\"first:mt-4 sm:hidden\" />\n              ))}\n            <div className=\"-ms-1.5 flex flex-row pt-2 pb-4 items-center justify-end gap-2\">\n              {menuItems.filter(isSecondary).map((item, i) => (\n                <MobileMenuLinkItem\n                  key={i}\n                  item={item}\n                  className={cn(item.type === 'icon' && '-mx-1 first:ms-0')}\n                />\n              ))}\n              <div role=\"separator\" className=\"flex-1 sm:hidden\" />\n              {i18n && (\n                <LanguageToggle>\n                  <Languages className=\"size-5\" />\n                  <LanguageToggleText />\n                  <ChevronDown className=\"size-3 text-fd-muted-foreground\" />\n                </LanguageToggle>\n              )}\n              {themeSwitch.enabled !== false &&\n                (themeSwitch.component ?? <ThemeToggle mode={themeSwitch?.mode} />)}\n            </div>\n          </CollapsibleContent>\n          <NavigationMenu.Portal>\n            <NavigationMenu.Positioner\n              sideOffset={10}\n              className=\"z-20 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[left,right] duration-(--duration) ease-(--easing) data-[instant]:transition-none\"\n              style={{\n                ['--duration' as string]: '0.35s',\n                ['--easing' as string]: 'cubic-bezier(0.22, 1, 0.36, 1)',\n              }}\n            >\n              <NavigationMenu.Popup className=\"relative w-(--popup-width) h-(--popup-height) max-w-(--fd-layout-width,1400px) origin-(--transform-origin) rounded-xl bg-fd-background/80  border backdrop-blur-lg shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0\">\n                <NavigationMenu.Viewport className=\"relative size-full overflow-hidden\" />\n              </NavigationMenu.Popup>\n            </NavigationMenu.Positioner>\n          </NavigationMenu.Portal>\n        </HeaderRoot>\n      )}\n    />\n  );\n}\n\nfunction MobileMenuCollapsible(props: ComponentProps<typeof Collapsible>) {\n  const [open, setOpen] = useState(false);\n\n  const onClick = useEffectEvent((e: Event) => {\n    if (!open) return;\n    const header = document.getElementById('nd-nav');\n    if (header && !header.contains(e.target as HTMLElement)) setOpen(false);\n  });\n\n  useEffect(() => {\n    window.addEventListener('click', onClick);\n\n    return () => {\n      window.removeEventListener('click', onClick);\n    };\n  }, []);\n\n  return (\n    <MobileMenuContext\n      value={useMemo(\n        () => ({\n          open,\n          setOpen,\n        }),\n        [open],\n      )}\n    >\n      <Collapsible open={open} onOpenChange={setOpen} {...props} />\n    </MobileMenuContext>\n  );\n}\n\nfunction isSecondary(item: LinkItemType): boolean {\n  if ('secondary' in item && item.secondary != null) return item.secondary;\n\n  return item.type === 'icon';\n}\n\nfunction HeaderRoot({\n  transparentMode = 'none',\n  children,\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  transparentMode?: NavOptions['transparentMode'];\n}) {\n  const isTop = useIsScrollTop({ enabled: transparentMode === 'top' }) ?? true;\n  const isTransparent = transparentMode === 'top' ? isTop : transparentMode === 'always';\n\n  return (\n    <header id=\"nd-nav\" className=\"sticky h-14 top-0 z-40\">\n      <NavigationMenuRoot\n        render={(_, s) => (\n          <nav\n            className={cn(\n              'w-full backdrop-blur-lg border-b transition-colors mx-auto max-w-(--fd-layout-width)',\n              (!isTransparent || s.open) && 'bg-fd-background/80',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n          </nav>\n        )}\n      />\n    </header>\n  );\n}\n\nfunction NavigationMenuLinkItem({ item, ...props }: { item: LinkItemType; className?: string }) {\n  if (item.type === 'custom') return <div {...props}>{item.children}</div>;\n\n  if (item.type === 'menu') {\n    const children = item.items.map((child, j) => {\n      if (child.type === 'custom') {\n        return <Fragment key={j}>{child.children}</Fragment>;\n      }\n\n      const {\n        banner = child.icon ? (\n          <div className=\"w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4\">{child.icon}</div>\n        ) : null,\n        ...rest\n      } = child.menu ?? {};\n\n      return (\n        <NavigationMenuLink\n          key={`${j}-${child.url}`}\n          render={\n            <Link\n              href={child.url}\n              external={child.external}\n              {...rest}\n              className={cn(\n                'flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground',\n                rest.className,\n              )}\n            >\n              {rest.children ?? (\n                <>\n                  {banner}\n                  <p className=\"text-base font-medium\">{child.text}</p>\n                  <p className=\"text-sm text-fd-muted-foreground empty:hidden\">\n                    {child.description}\n                  </p>\n                </>\n              )}\n            </Link>\n          }\n        />\n      );\n    });\n\n    return (\n      <NavigationMenuItem {...props}>\n        <NavigationMenuTrigger className={cn(navItemVariants(), 'rounded-md')}>\n          {item.url ? (\n            <Link href={item.url} external={item.external}>\n              {item.text}\n            </Link>\n          ) : (\n            item.text\n          )}\n        </NavigationMenuTrigger>\n        <NavigationMenuContent className=\"grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3\">\n          {children}\n        </NavigationMenuContent>\n      </NavigationMenuItem>\n    );\n  }\n\n  return (\n    <NavigationMenuItem {...props}>\n      <NavigationMenuLink\n        render={\n          <LinkItem\n            item={item}\n            aria-label={item.type === 'icon' ? item.label : undefined}\n            className={cn(navItemVariants({ variant: item.type }))}\n          >\n            {item.type === 'icon' ? item.icon : item.text}\n          </LinkItem>\n        }\n      />\n    </NavigationMenuItem>\n  );\n}\n\nfunction MobileMenuLinkItem({ item, className }: { item: LinkItemType; className?: string }) {\n  if (item.type === 'custom') return <div className={cn('grid', className)}>{item.children}</div>;\n  const { setOpen } = use(MobileMenuContext)!;\n\n  if (item.type === 'menu') {\n    const header = (\n      <>\n        {item.icon}\n        {item.text}\n      </>\n    );\n\n    return (\n      <div className={cn('mb-4 flex flex-col', className)}>\n        <p className=\"mb-1 text-sm text-fd-muted-foreground\">\n          {item.url ? (\n            <Link href={item.url} external={item.external} onClick={() => setOpen(false)}>\n              {header}\n            </Link>\n          ) : (\n            header\n          )}\n        </p>\n        {item.items.map((child, i) => (\n          <MobileMenuLinkItem key={i} item={child} />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <LinkItem\n      item={item}\n      className={cn(\n        (!item.type || item.type === 'main') &&\n          'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',\n        item.type === 'icon' &&\n          buttonVariants({\n            size: 'icon',\n            color: 'ghost',\n          }),\n        item.type === 'button' &&\n          buttonVariants({\n            color: 'secondary',\n            className: 'gap-1.5 [&_svg]:size-4',\n          }),\n        className,\n      )}\n      aria-label={item.type === 'icon' ? item.label : undefined}\n      onClick={() => setOpen(false)}\n    >\n      {item.icon}\n      {item.type !== 'icon' && item.text}\n    </LinkItem>\n  );\n}\n"],"mappings":"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"}

package/dist/layouts/home/index.d.ts

@@ -1,7 +1,12 @@
-import type { ComponentProps } from 'react';
-import { type BaseLayoutProps, type NavOptions } from '../../layouts/shared/index.js';
-export interface HomeLayoutProps extends BaseLayoutProps {
-    nav?: Partial<NavOptions>;
+import { BaseLayoutProps, NavOptions } from "../shared/index.js";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/layouts/home/index.d.ts
+interface HomeLayoutProps extends BaseLayoutProps {
+  nav?: Partial<NavOptions>;
 }
-export declare function HomeLayout(props: HomeLayoutProps & ComponentProps<'main'>): import("react/jsx-runtime").JSX.Element;
+declare function HomeLayout(props: HomeLayoutProps & ComponentProps<'main'>): react_jsx_runtime84.JSX.Element;
+//#endregion
+export { HomeLayout, HomeLayoutProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/home/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGzE,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,GAAG,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,cAAc,CAAC,MAAM,CAAC,2CAkCzE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/home/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAKiB,eAAA,SAAwB;QACjC,QAAQ;;AADC,iBAID,UAAA,CAJiB,KAAA,EAIC,eAJD,GAImB,cAJnB,CAAA,MAAA,CAAA,CAAA,EAIyC,mBAAA,CAAA,GAAA,CAAA,OAJzC"}

package/dist/layouts/home/index.js

@@ -1,8 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@fumadocs/ui/cn';
-import { Header } from '../../layouts/home/client.js';
-export function HomeLayout(props) {
-    const { nav = {}, links, githubUrl, i18n, themeSwitch = {}, searchToggle, ...rest } = props;
-    return (_jsxs("main", { id: "nd-home-layout", ...rest, className: cn('flex flex-1 flex-col [--fd-layout-width:1400px]', rest.className), children: [nav.enabled !== false &&
-                (nav.component ?? (_jsx(Header, { links: links, nav: nav, themeSwitch: themeSwitch, searchToggle: searchToggle, i18n: i18n, githubUrl: githubUrl }))), props.children] }));
+import { Header } from "./client.js";
+import { cn } from "@fumadocs/ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/layouts/home/index.tsx
+function HomeLayout(props) {
+	const { nav = {}, links, githubUrl, i18n, themeSwitch = {}, searchToggle, ...rest } = props;
+	return /* @__PURE__ */ jsxs("main", {
+		id: "nd-home-layout",
+		...rest,
+		className: cn("flex flex-1 flex-col [--fd-layout-width:1400px]", rest.className),
+		children: [nav.enabled !== false && (nav.component ?? /* @__PURE__ */ jsx(Header, {
+			links,
+			nav,
+			themeSwitch,
+			searchToggle,
+			i18n,
+			githubUrl
+		})), props.children]
+	});
 }
+
+//#endregion
+export { HomeLayout };
+//# sourceMappingURL=index.js.map

package/dist/layouts/home/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/layouts/home/index.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '@fumadocs/ui/cn';\nimport { type BaseLayoutProps, type NavOptions } from '@/layouts/shared';\nimport { Header } from '@/layouts/home/client';\n\nexport interface HomeLayoutProps extends BaseLayoutProps {\n  nav?: Partial<NavOptions>;\n}\n\nexport function HomeLayout(props: HomeLayoutProps & ComponentProps<'main'>) {\n  const { nav = {}, links, githubUrl, i18n, themeSwitch = {}, searchToggle, ...rest } = props;\n\n  return (\n    <main\n      id=\"nd-home-layout\"\n      {...rest}\n      className={cn('flex flex-1 flex-col [--fd-layout-width:1400px]', rest.className)}\n    >\n      {nav.enabled !== false &&\n        (nav.component ?? (\n          <Header\n            links={links}\n            nav={nav}\n            themeSwitch={themeSwitch}\n            searchToggle={searchToggle}\n            i18n={i18n}\n            githubUrl={githubUrl}\n          />\n        ))}\n      {props.children}\n    </main>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,WAAW,OAAiD;CAC1E,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,WAAW,MAAM,cAAc,EAAE,EAAE,cAAc,GAAG,SAAS;AAEtF,QACE,qBAAC;EACC,IAAG;EACH,GAAI;EACJ,WAAW,GAAG,mDAAmD,KAAK,UAAU;aAE/E,IAAI,YAAY,UACd,IAAI,aACH,oBAAC;GACQ;GACF;GACQ;GACC;GACR;GACK;IACX,GAEL,MAAM;GACF"}

package/dist/layouts/home/navbar.d.ts

@@ -1,7 +1,20 @@
-import { type LinkProps } from 'fumadocs-core/link';
-import { type NavigationMenuContentProps, type NavigationMenuTriggerProps } from '../../components/ui/navigation-menu.js';
-export declare const NavbarMenu: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare function NavbarMenuContent({ className, ...props }: NavigationMenuContentProps): import("react/jsx-runtime").JSX.Element;
-export declare function NavbarMenuTrigger({ className, ...props }: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function NavbarMenuLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;
+import { NavigationMenuContentProps, NavigationMenuTriggerProps } from "../../components/ui/navigation-menu.js";
+import { LinkProps } from "fumadocs-core/link";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
+import * as react14 from "react";
+import * as _base_ui_react17 from "@base-ui/react";
+
+//#region src/layouts/home/navbar.d.ts
+declare const NavbarMenu: react14.ForwardRefExoticComponent<Omit<_base_ui_react17.NavigationMenuItemProps & react14.RefAttributes<HTMLDivElement>, "ref"> & react14.RefAttributes<HTMLDivElement>>;
+declare function NavbarMenuContent({
+  className,
+  ...props
+}: NavigationMenuContentProps): react_jsx_runtime85.JSX.Element;
+declare function NavbarMenuTrigger({
+  className,
+  ...props
+}: NavigationMenuTriggerProps): react_jsx_runtime85.JSX.Element;
+declare function NavbarMenuLink(props: LinkProps): react_jsx_runtime85.JSX.Element;
+//#endregion
+export { NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger };
 //# sourceMappingURL=navbar.d.ts.map

package/dist/layouts/home/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/layouts/home/navbar.tsx"],"names":[],"mappings":"AACA,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAEL,KAAK,0BAA0B,EAI/B,KAAK,0BAA0B,EAChC,MAAM,iCAAiC,CAAC;AAGzC,eAAO,MAAM,UAAU,0MAAqB,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAc5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAe5B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,2CAgB9C"}
+{"version":3,"file":"navbar.d.ts","names":[],"sources":["../../../src/layouts/home/navbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,YAAU,OAAA,CAAA,0BAAA,KAAqB,gBAAA,CAArB,uBAAA,GAAA,OAAA,CAAA,cAAA,0BAAA,OAAA,CAAA,cAAA;iBAEP,iBAAA;;;GAA2C,6BAA0B,mBAAA,CAAA,GAAA,CAAA;iBAgBrE,iBAAA;;;GAA2C,6BAA0B,mBAAA,CAAA,GAAA,CAAA;iBAiBrE,cAAA,QAAsB,YAAS,mBAAA,CAAA,GAAA,CAAA"}