@fumadocs/base-ui 16.11.0 → 16.11.2

package/dist/i18n.d.ts

@@ -1,7 +1,6 @@
 import { I18nProviderProps } from "./contexts/i18n.js";
 import { Translations } from "./.translations/index.js";
 import { I18nConfig, SingularTranslationsAPI, TranslationExtension, TranslationsAPI } from "fumadocs-core/i18n";
-
 //#region src/i18n.d.ts
 declare function uiTranslations(): TranslationExtension<keyof Translations>;
 declare function i18nProvider(translations: SingularTranslationsAPI): I18nProviderProps;

package/dist/layouts/docs/client.d.ts

@@ -3,7 +3,6 @@ import { LayoutTab, LinkItemType } from "../shared/index.js";
 import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { DocsLayoutProps } from "./index.js";
 import { ComponentProps, FC } from "react";
-
 //#region src/layouts/docs/client.d.ts
 interface DocsSlots extends BaseSlots {
   container: FC<ComponentProps<'div'>>;

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

@@ -3,7 +3,6 @@ import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { DocsSlots, useDocsLayout } from "./client.js";
 import { HTMLAttributes, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
-
 //#region src/layouts/docs/index.d.ts
 interface DocsLayoutProps extends BaseLayoutProps {
   tree: PageTree.Root;
@@ -28,17 +27,6 @@ interface SidebarOptions extends SidebarProps, SidebarProviderProps {
    */
   tabs?: LayoutTab[] | GetLayoutTabsOptions | false;
 }
-declare function DocsLayout({
-  tree,
-  sidebar: {
-    tabs: _tabs,
-    tabMode: _tabMode,
-    ...sidebarProps
-  },
-  tabs: layoutTabs,
-  tabMode,
-  children,
-  ...props
-}: DocsLayoutProps): import("react").JSX.Element;
+declare function DocsLayout({ tree, sidebar: { tabs: _tabs, tabMode: _tabMode, ...sidebarProps }, tabs: layoutTabs, tabMode, children, ...props }: DocsLayoutProps): import("react").JSX.Element;
 //#endregion
 export { DocsLayout, DocsLayoutProps, type DocsSlots, useDocsLayout };

package/dist/layouts/docs/page/index.d.ts

@@ -4,7 +4,6 @@ import { Breadcrumb, BreadcrumbProps } from "./slots/breadcrumb.js";
 import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
 import { ComponentProps, FC, ReactNode } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
-
 //#region src/layouts/docs/page/index.d.ts
 interface DocsPageProps extends ComponentProps<'article'> {
   toc?: TOCItemType[];
@@ -62,53 +61,15 @@ declare function useDocsPage(): {
   full: NonNullable<DocsPageProps["full"]>;
   slots: DocsPageSlots;
 };
-declare function DocsPage({
-  full,
-  tableOfContent: {
-    enabled: tocEnabled,
-    single,
-    ...tocProps
-  },
-  tableOfContentPopover: {
-    enabled: tocPopoverEnabled,
-    ...tocPopoverProps
-  },
-  breadcrumb: {
-    enabled: breadcrumbEnabled,
-    ...breadcrumb
-  },
-  footer: {
-    enabled: footerEnabled,
-    ...footer
-  },
-  toc,
-  slots: defaultSlots,
-  children,
-  ...containerProps
-}: DocsPageProps): import("react").JSX.Element;
+declare function DocsPage({ full, tableOfContent: { enabled: tocEnabled, single, ...tocProps }, tableOfContentPopover: { enabled: tocPopoverEnabled, ...tocPopoverProps }, breadcrumb: { enabled: breadcrumbEnabled, ...breadcrumb }, footer: { enabled: footerEnabled, ...footer }, toc, slots: defaultSlots, children, ...containerProps }: DocsPageProps): import("react").JSX.Element;
 declare function EditOnGitHub(props: ComponentProps<'a'>): import("react").JSX.Element;
 /**
  * Add typography styles
  */
-declare function DocsBody({
-  children,
-  className,
-  ...props
-}: ComponentProps<'div'>): import("react").JSX.Element;
-declare function DocsDescription({
-  children,
-  className,
-  ...props
-}: ComponentProps<'p'>): import("react").JSX.Element | null;
-declare function DocsTitle({
-  children,
-  className,
-  ...props
-}: ComponentProps<'h1'>): import("react").JSX.Element;
-declare function PageLastUpdate({
-  date: value,
-  ...props
-}: Omit<ComponentProps<'p'>, 'children'> & {
+declare function DocsBody({ children, className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DocsDescription({ children, className, ...props }: ComponentProps<'p'>): import("react").JSX.Element | null;
+declare function DocsTitle({ children, className, ...props }: ComponentProps<'h1'>): import("react").JSX.Element;
+declare function PageLastUpdate({ date: value, ...props }: Omit<ComponentProps<'p'>, 'children'> & {
   date: Date;
 }): import("react").JSX.Element;
 //#endregion

package/dist/layouts/docs/page/slots/breadcrumb.d.ts

@@ -1,13 +1,7 @@
 import { ComponentProps } from "react";
 import { BreadcrumbOptions } from "fumadocs-core/breadcrumb";
-
 //#region src/layouts/docs/page/slots/breadcrumb.d.ts
 type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;
-declare function Breadcrumb({
-  includeRoot,
-  includeSeparator,
-  includePage,
-  ...props
-}: BreadcrumbProps): import("react").JSX.Element | null;
+declare function Breadcrumb({ includeRoot, includeSeparator, includePage, ...props }: BreadcrumbProps): import("react").JSX.Element | null;
 //#endregion
 export { Breadcrumb, BreadcrumbProps };

package/dist/layouts/docs/page/slots/container.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/docs/page/slots/container.d.ts
 declare function Container(props: ComponentProps<'article'>): import("react").JSX.Element;
 //#endregion

package/dist/layouts/docs/page/slots/footer.d.ts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
-
 //#region src/layouts/docs/page/slots/footer.d.ts
 type Item = Pick<PageTree.Item, 'name' | 'description' | 'url'>;
 interface FooterProps extends ComponentProps<'div'> {
@@ -12,11 +11,6 @@ interface FooterProps extends ComponentProps<'div'> {
     next?: Item;
   };
 }
-declare function Footer({
-  items,
-  children,
-  className,
-  ...props
-}: FooterProps): import("react").JSX.Element;
+declare function Footer({ items, children, className, ...props }: FooterProps): import("react").JSX.Element;
 //#endregion
 export { Footer, FooterProps };

package/dist/layouts/docs/page/slots/toc.d.ts

@@ -2,7 +2,6 @@ import { TOCItemsProps } from "../../../../components/toc/clerk.js";
 import { TOCItemsProps as TOCItemsProps$1 } from "../../../../components/toc/default.js";
 import { TOCProviderProps as TOCProviderProps$1 } from "../../../../components/toc/index.js";
 import { ComponentProps, ReactNode } from "react";
-
 //#region src/layouts/docs/page/slots/toc.d.ts
 type TOCProviderProps = TOCProviderProps$1;
 declare function TOCProvider(props: TOCProviderProps): import("react").JSX.Element;
@@ -23,13 +22,7 @@ type TOCProps = {
   style: 'clerk';
   list?: TOCItemsProps;
 });
-declare function TOC({
-  container,
-  header,
-  footer,
-  style,
-  list
-}: TOCProps): import("react").JSX.Element;
+declare function TOC({ container, header, footer, style, list }: TOCProps): import("react").JSX.Element;
 type TOCPopoverProps = {
   container?: ComponentProps<'div'>;
   trigger?: ComponentProps<'button'>;
@@ -49,14 +42,6 @@ type TOCPopoverProps = {
   style: 'clerk';
   list?: TOCItemsProps;
 });
-declare function TOCPopover({
-  container,
-  trigger,
-  content,
-  header,
-  footer,
-  style,
-  list
-}: TOCPopoverProps): import("react").JSX.Element;
+declare function TOCPopover({ container, trigger, content, header, footer, style, list }: TOCPopoverProps): import("react").JSX.Element;
 //#endregion
 export { TOC, TOCPopover, TOCPopoverProps, TOCProps, TOCProvider, TOCProviderProps };

package/dist/layouts/docs/slots/container.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/docs/slots/container.d.ts
 declare function Container(props: ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion

package/dist/layouts/docs/slots/header.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/docs/slots/header.d.ts
 declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
 //#endregion

package/dist/layouts/docs/slots/sidebar.d.ts

@@ -1,7 +1,6 @@
 import { SidebarProviderProps as SidebarProviderProps$1, useSidebar as useSidebar$1 } from "../../../components/sidebar/base.js";
 import { SidebarPageTreeComponents } from "../../../components/sidebar/page-tree.js";
 import { ComponentProps, ReactNode } from "react";
-
 //#region src/layouts/docs/slots/sidebar.d.ts
 interface SidebarProps extends ComponentProps<'aside'> {
   components?: Partial<SidebarPageTreeComponents>;
@@ -17,13 +16,7 @@ interface SidebarProps extends ComponentProps<'aside'> {
 type SidebarProviderProps = SidebarProviderProps$1;
 declare const useSidebar: typeof useSidebar$1;
 declare function SidebarProvider(props: SidebarProviderProps): import("react").JSX.Element;
-declare function Sidebar({
-  footer,
-  banner,
-  collapsible,
-  components,
-  ...rest
-}: SidebarProps): import("react").JSX.Element;
+declare function Sidebar({ footer, banner, collapsible, components, ...rest }: SidebarProps): import("react").JSX.Element;
 declare function SidebarTrigger(props: ComponentProps<'button'>): import("react").JSX.Element;
 //#endregion
 export { Sidebar, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTrigger, useSidebar };

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

@@ -5,7 +5,6 @@ import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { ComponentProps, FC, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 import { motion } from "motion/react";
-
 //#region src/layouts/flux/index.d.ts
 interface DocsSlots extends BaseSlots {
   container: FC<ComponentProps<'div'>>;
@@ -49,24 +48,13 @@ interface NavigationPanelProps {
   tool: ReactNode;
   link: ReactNode;
 }
-declare function NavigationPanel({
-  head,
-  tabDropdown,
-  tool,
-  link,
-  children,
-  ...props
-}: NavigationPanelProps & Omit<ComponentProps<typeof motion.div>, 'children'> & {
+declare function NavigationPanel({ head, tabDropdown, tool, link, children, ...props }: NavigationPanelProps & Omit<ComponentProps<typeof motion.div>, 'children'> & {
   /**
    * replace default children
    */
   children?: (defaultChildren: ReactNode) => ReactNode;
 }): import("react").JSX.Element;
-declare function NavigationPanelOverlay({
-  enabled,
-  className,
-  ...props
-}: ComponentProps<typeof motion.div> & {
+declare function NavigationPanelOverlay({ enabled, className, ...props }: ComponentProps<typeof motion.div> & {
   enabled?: boolean;
 }): import("react").JSX.Element;
 //#endregion

package/dist/layouts/flux/page/index.d.ts

@@ -4,7 +4,6 @@ import { Footer, FooterProps } from "./slots/footer.js";
 import { Breadcrumb, BreadcrumbProps } from "./slots/breadcrumb.js";
 import { ComponentProps, FC, ReactNode } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
-
 //#region src/layouts/flux/page/index.d.ts
 interface DocsPageProps extends ComponentProps<'article'> {
   toc?: TOCItemType[];
@@ -53,49 +52,15 @@ declare function useDocsPage(): {
   full: NonNullable<DocsPageProps["full"]>;
   slots: DocsPageSlots;
 };
-declare function DocsPage({
-  full,
-  tableOfContent: {
-    enabled: tocEnabled,
-    single,
-    ...tocProps
-  },
-  breadcrumb: {
-    enabled: breadcrumbEnabled,
-    ...breadcrumb
-  },
-  footer: {
-    enabled: footerEnabled,
-    ...footer
-  },
-  toc,
-  slots: defaultSlots,
-  children,
-  ...containerProps
-}: DocsPageProps): import("react").JSX.Element;
+declare function DocsPage({ full, tableOfContent: { enabled: tocEnabled, single, ...tocProps }, breadcrumb: { enabled: breadcrumbEnabled, ...breadcrumb }, footer: { enabled: footerEnabled, ...footer }, toc, slots: defaultSlots, children, ...containerProps }: DocsPageProps): import("react").JSX.Element;
 declare function EditOnGitHub(props: ComponentProps<'a'>): import("react").JSX.Element;
 /**
  * Add typography styles
  */
-declare function DocsBody({
-  children,
-  className,
-  ...props
-}: ComponentProps<'div'>): import("react").JSX.Element;
-declare function DocsDescription({
-  children,
-  className,
-  ...props
-}: ComponentProps<'p'>): import("react").JSX.Element | null;
-declare function DocsTitle({
-  children,
-  className,
-  ...props
-}: ComponentProps<'h1'>): import("react").JSX.Element;
-declare function PageLastUpdate({
-  date: value,
-  ...props
-}: Omit<ComponentProps<'p'>, 'children'> & {
+declare function DocsBody({ children, className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DocsDescription({ children, className, ...props }: ComponentProps<'p'>): import("react").JSX.Element | null;
+declare function DocsTitle({ children, className, ...props }: ComponentProps<'h1'>): import("react").JSX.Element;
+declare function PageLastUpdate({ date: value, ...props }: Omit<ComponentProps<'p'>, 'children'> & {
   date: Date;
 }): import("react").JSX.Element;
 //#endregion

package/dist/layouts/flux/page/slots/breadcrumb.d.ts

@@ -1,13 +1,7 @@
 import { ComponentProps } from "react";
 import { BreadcrumbOptions } from "fumadocs-core/breadcrumb";
-
 //#region src/layouts/flux/page/slots/breadcrumb.d.ts
 type BreadcrumbProps = BreadcrumbOptions & ComponentProps<'div'>;
-declare function Breadcrumb({
-  includeRoot,
-  includeSeparator,
-  includePage,
-  ...props
-}: BreadcrumbProps): import("react").JSX.Element | null;
+declare function Breadcrumb({ includeRoot, includeSeparator, includePage, ...props }: BreadcrumbProps): import("react").JSX.Element | null;
 //#endregion
 export { Breadcrumb, BreadcrumbProps };

package/dist/layouts/flux/page/slots/container.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/flux/page/slots/container.d.ts
 declare function Container(props: ComponentProps<'article'>): import("react").JSX.Element;
 //#endregion

package/dist/layouts/flux/page/slots/footer.d.ts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
-
 //#region src/layouts/flux/page/slots/footer.d.ts
 type Item = Pick<PageTree.Item, 'name' | 'description' | 'url'>;
 interface FooterProps extends ComponentProps<'div'> {
@@ -12,11 +11,6 @@ interface FooterProps extends ComponentProps<'div'> {
     next?: Item;
   };
 }
-declare function Footer({
-  items,
-  children,
-  className,
-  ...props
-}: FooterProps): import("react").JSX.Element;
+declare function Footer({ items, children, className, ...props }: FooterProps): import("react").JSX.Element;
 //#endregion
 export { Footer, FooterProps };

package/dist/layouts/flux/page/slots/toc.d.ts

@@ -2,7 +2,6 @@ import { TOCItemsProps } from "../../../../components/toc/clerk.js";
 import { TOCItemsProps as TOCItemsProps$1 } from "../../../../components/toc/default.js";
 import { TOCProvider as TOCProvider$1, TOCProviderProps as TOCProviderProps$1 } from "../../../../components/toc/index.js";
 import { ComponentProps, ReactNode } from "react";
-
 //#region src/layouts/flux/page/slots/toc.d.ts
 type TOCProviderProps = TOCProviderProps$1;
 declare const TOCProvider: typeof TOCProvider$1;
@@ -25,14 +24,6 @@ type TOCProps = {
   style: 'clerk';
   list?: TOCItemsProps;
 });
-declare function TOC({
-  container,
-  trigger,
-  content,
-  header,
-  footer,
-  style,
-  list
-}: TOCProps): import("react").JSX.Element | undefined;
+declare function TOC({ container, trigger, content, header, footer, style, list }: TOCProps): import("react").JSX.Element | undefined;
 //#endregion
 export { TOC, TOCProps, TOCProvider, TOCProviderProps };

package/dist/layouts/flux/slots/container.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/flux/slots/container.d.ts
 declare function Container(props: ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion

package/dist/layouts/flux/slots/sidebar.d.ts

@@ -1,7 +1,6 @@
 import { SidebarProviderProps as SidebarProviderProps$1, useSidebar as useSidebar$1 } from "../../../components/sidebar/base.js";
 import { SidebarPageTreeComponents } from "../../../components/sidebar/page-tree.js";
 import { ComponentProps, ReactNode } from "react";
-
 //#region src/layouts/flux/slots/sidebar.d.ts
 interface SidebarProps extends ComponentProps<'aside'> {
   components?: Partial<SidebarPageTreeComponents>;
@@ -11,12 +10,7 @@ interface SidebarProps extends ComponentProps<'aside'> {
 type SidebarProviderProps = SidebarProviderProps$1;
 declare const useSidebar: typeof useSidebar$1;
 declare function SidebarProvider(props: SidebarProviderProps): import("react").JSX.Element;
-declare function Sidebar({
-  footer,
-  banner,
-  components,
-  ...rest
-}: SidebarProps): import("react").JSX.Element;
+declare function Sidebar({ footer, banner, components, ...rest }: SidebarProps): import("react").JSX.Element;
 declare function SidebarTrigger(props: ComponentProps<'button'>): import("react").JSX.Element;
 //#endregion
 export { Sidebar, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTrigger, useSidebar };

package/dist/layouts/flux/slots/tab-dropdown.d.ts

@@ -1,16 +1,10 @@
 import { LayoutTab } from "../../shared/index.js";
 import { ComponentProps, ReactNode } from "react";
-
 //#region src/layouts/flux/slots/tab-dropdown.d.ts
 interface TabDropdownProps extends ComponentProps<'button'> {
   placeholder?: ReactNode;
   tabs: LayoutTab[];
 }
-declare function TabDropdown({
-  tabs,
-  placeholder,
-  className,
-  ...props
-}: TabDropdownProps): import("react").JSX.Element;
+declare function TabDropdown({ tabs, placeholder, className, ...props }: TabDropdownProps): import("react").JSX.Element;
 //#endregion
 export { TabDropdown, TabDropdownProps };

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

@@ -1,7 +1,6 @@
 import { BaseSlots, BaseSlotsProps } from "../shared/client.js";
 import { BaseLayoutProps, LinkItemType, NavOptions } from "../shared/index.js";
 import { ComponentProps, FC } from "react";
-
 //#region src/layouts/home/index.d.ts
 interface HomeLayoutProps extends BaseLayoutProps, ComponentProps<'main'> {
   nav?: Nav;

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

@@ -1,10 +1,10 @@
-import { NavigationMenuContentProps, NavigationMenuItem, NavigationMenuTriggerProps } from "../../components/ui/navigation-menu.js";
 import { LinkProps } from "fumadocs-core/link";
-
+import { ComponentProps } from "react";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
 //#region src/layouts/home/navbar.d.ts
-declare const NavbarMenu: typeof NavigationMenuItem;
-declare function NavbarMenuContent(props: NavigationMenuContentProps): import("react").JSX.Element;
-declare function NavbarMenuTrigger(props: NavigationMenuTriggerProps): import("react").JSX.Element;
+declare function NavbarMenu({ className, children, ...props }: ComponentProps<typeof NavigationMenu.Item>): import("react").JSX.Element;
+declare function NavbarMenuContent({ className, ...props }: ComponentProps<typeof NavigationMenu.Content>): import("react").JSX.Element;
+declare function NavbarMenuTrigger({ className, children, ...props }: ComponentProps<typeof NavigationMenu.Trigger>): import("react").JSX.Element;
 declare function NavbarMenuLink(props: LinkProps): import("react").JSX.Element;
 //#endregion
 export { NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger };

package/dist/layouts/home/navbar.js

@@ -1,29 +1,32 @@
 "use client";
 import { cn } from "../../utils/cn.js";
-import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger } from "../../components/ui/navigation-menu.js";
 import { navItemVariants } from "./slots/header.js";
 import Link from "fumadocs-core/link";
 import { jsx } from "react/jsx-runtime";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
 //#region src/layouts/home/navbar.tsx
-const NavbarMenu = NavigationMenuItem;
-function NavbarMenuContent(props) {
-	const { className, ...rest } = props;
-	return /* @__PURE__ */ jsx(NavigationMenuContent, {
-		...rest,
-		className: (state) => cn("grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3", typeof className === "function" ? className(state) : className),
-		children: props.children
+function NavbarMenu({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+		className: (s) => cn("list-none", typeof className === "function" ? className(s) : className),
+		...props,
+		children
 	});
 }
-function NavbarMenuTrigger(props) {
-	const { className, ...rest } = props;
-	return /* @__PURE__ */ jsx(NavigationMenuTrigger, {
-		...rest,
-		className: (state) => cn(navItemVariants(), "text-sm rounded-md", typeof className === "function" ? className(state) : className),
-		children: props.children
+function NavbarMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+		...props,
+		className: (s) => cn("h-full w-(--anchor-width) max-w-(--available-width) p-3", "transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)", "data-starting-style:opacity-0 data-ending-style:opacity-0", "data-starting-style:data-[activation-direction=left]:-translate-x-1/2", "data-starting-style:data-[activation-direction=right]:translate-x-1/2", "data-ending-style:data-[activation-direction=left]:translate-x-1/2", "data-ending-style:data-[activation-direction=right]:-translate-x-1/2", "grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3", typeof className === "function" ? className(s) : className)
+	});
+}
+function NavbarMenuTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Trigger, {
+		...props,
+		className: (s) => cn(navItemVariants(), "text-sm rounded-md", typeof className === "function" ? className(s) : className),
+		children
 	});
 }
 function NavbarMenuLink(props) {
-	return /* @__PURE__ */ jsx(NavigationMenuLink, { render: /* @__PURE__ */ jsx(Link, {
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, { render: /* @__PURE__ */ jsx(Link, {
 		...props,
 		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", props.className),
 		children: props.children

package/dist/layouts/home/slots/container.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/home/slots/container.d.ts
 declare function Container(props: ComponentProps<'main'>): import("react").JSX.Element;
 //#endregion

package/dist/layouts/home/slots/header.d.ts

@@ -1,8 +1,7 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/home/slots/header.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "button" | "main" | "icon" | null | undefined;
+  variant?: "icon" | "main" | "button" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Header(props: ComponentProps<'header'>): import("react").JSX.Element;
 //#endregion